From fbd6a537934f22968fc6e9e6c2bfb279fdca1101 Mon Sep 17 00:00:00 2001
From: KR Tirtho <krtirtho@gmail.com>
Date: Fri, 26 Mar 2021 04:38:38 -0700
Subject: [PATCH 01/18] Dialog & all its inherited widget added (#344)

* Dialog component created & RNView, RNBoxView was tweaked for Dialog

* Added Components:
- FileDialog
- InputDialog
- ProgressDialog
Edited:
- demo file for testing the dialogs

* Added Compoents:
- ColorDialog
- FontDialog
Edited:
- Dialog (for adding some props)

* updated ProgressBar Example

* newly created components were exported
---
 src/components/BoxView/RNBoxView.ts           |   7 ++
 src/components/ColorDialog/RNColorDialog.ts   |  47 ++++++++
 src/components/ColorDialog/index.ts           |  47 ++++++++
 src/components/Dialog/RNDialog.ts             |  77 +++++++++++++
 src/components/Dialog/index.ts                |  53 +++++++++
 src/components/FileDialog/RNFileDialog.ts     |  63 +++++++++++
 src/components/FileDialog/index.ts            |  47 ++++++++
 src/components/FontDialog/RNFontDialog.ts     |  46 ++++++++
 src/components/FontDialog/index.ts            |  47 ++++++++
 src/components/InputDialog/RNInputDialog.ts   | 101 ++++++++++++++++++
 src/components/InputDialog/index.ts           |  47 ++++++++
 .../ProgressDialog/RNProgressDialog.ts        |  88 +++++++++++++++
 src/components/ProgressDialog/index.ts        |  59 ++++++++++
 src/components/View/RNView.ts                 |  45 ++------
 src/index.ts                                  |   6 ++
 15 files changed, 746 insertions(+), 34 deletions(-)
 create mode 100644 src/components/ColorDialog/RNColorDialog.ts
 create mode 100644 src/components/ColorDialog/index.ts
 create mode 100644 src/components/Dialog/RNDialog.ts
 create mode 100644 src/components/Dialog/index.ts
 create mode 100644 src/components/FileDialog/RNFileDialog.ts
 create mode 100644 src/components/FileDialog/index.ts
 create mode 100644 src/components/FontDialog/RNFontDialog.ts
 create mode 100644 src/components/FontDialog/index.ts
 create mode 100644 src/components/InputDialog/RNInputDialog.ts
 create mode 100644 src/components/InputDialog/index.ts
 create mode 100644 src/components/ProgressDialog/RNProgressDialog.ts
 create mode 100644 src/components/ProgressDialog/index.ts

diff --git a/src/components/BoxView/RNBoxView.ts b/src/components/BoxView/RNBoxView.ts
index d748faed..9cc7e455 100644
--- a/src/components/BoxView/RNBoxView.ts
+++ b/src/components/BoxView/RNBoxView.ts
@@ -7,6 +7,7 @@ import {
 } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNComponent } from "../config";
+import { NodeDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
 
 export interface BoxViewProps extends ViewProps<QBoxLayoutSignals> {
   direction?: Direction;
@@ -50,6 +51,9 @@ export class RNBoxView extends QWidget implements RNComponent {
     this.appendChild(child);
   }
   appendChild(child: NodeWidget<any>): void {
+    if (child instanceof NodeDialog) {
+      return;
+    }
     const updateChild = () => {
       this.layout?.addWidget(child);
       this.children.push(child);
@@ -73,6 +77,9 @@ export class RNBoxView extends QWidget implements RNComponent {
     updateChild();
   }
   insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    if (child instanceof NodeDialog) {
+      return;
+    }
     const prevIndex = this.children.indexOf(beforeChild);
 
     if (prevIndex === -1) {
diff --git a/src/components/ColorDialog/RNColorDialog.ts b/src/components/ColorDialog/RNColorDialog.ts
new file mode 100644
index 00000000..b6b2fa54
--- /dev/null
+++ b/src/components/ColorDialog/RNColorDialog.ts
@@ -0,0 +1,47 @@
+import { NodeWidget, QColor, QColorDialog, QColorDialogSignals } from "@nodegui/nodegui";
+import { ColorDialogOption } from "@nodegui/nodegui/dist/lib/QtWidgets/QColorDialog";
+import { throwUnsupported } from "../../utils/helpers";
+import { RNWidget } from "../config";
+import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
+import { DialogOption } from "../FileDialog/RNFileDialog";
+
+export interface ColorDialogProps extends DialogProps<QColorDialogSignals> {
+  currentColor?: QColor;
+  option?: DialogOption<ColorDialogOption>;
+  options?: ColorDialogOption;
+}
+
+function setColorDialogProps(widget: RNColorDialog, newProps: ColorDialogProps, oldProps: ColorDialogProps) {
+  const setter: ColorDialogProps = {
+    set currentColor(currentColor: QColor) {
+      widget.setCurrentColor(currentColor);
+    },
+    set option({ option, on }: DialogOption<ColorDialogOption>) {
+      widget.setOption(option, on);
+    },
+    set options(options: ColorDialogOption) {
+      widget.setOptions(options);
+    },
+  };
+  Object.assign(setter, newProps);
+  setDialogProps(widget, newProps, oldProps);
+}
+
+export class RNColorDialog extends QColorDialog implements RNWidget {
+  setProps(newProps: ColorDialogProps, oldProps: ColorDialogProps): void {
+    setColorDialogProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "color-dialog";
+}
diff --git a/src/components/ColorDialog/index.ts b/src/components/ColorDialog/index.ts
new file mode 100644
index 00000000..d009a257
--- /dev/null
+++ b/src/components/ColorDialog/index.ts
@@ -0,0 +1,47 @@
+import { Fiber } from "react-reconciler";
+import { AppContainer } from "../../reconciler";
+import { ComponentConfig, registerComponent } from "../config";
+import { RNColorDialog, ColorDialogProps } from "./RNColorDialog";
+
+class ColorDialogConfig extends ComponentConfig {
+  tagName: string = RNColorDialog.tagName;
+  shouldSetTextContent(nextProps: ColorDialogProps): boolean {
+    return false;
+  }
+  createInstance(newProps: ColorDialogProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNColorDialog {
+    const widget = new RNColorDialog();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNColorDialog, newProps: ColorDialogProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false && newProps.open !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNColorDialog, updatePayload: any, oldProps: ColorDialogProps, newProps: ColorDialogProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * Pop up ColorDialog inheriting the functionality of nodegui's `QColorDialog`
+ * @example
+ * ```javascript
+ * function ColorDialogExample(props){
+ *  const [open, setOpen] = useState(false);
+ *  const events = useEventHandler<QColorDialogSignals>({
+ *    colorSelected(color){
+ *        //....do whatever
+ *    }
+ *  }, [....deps])
+ *  return (
+ *    <View>
+ *      <ColorDialog open={open} on={events}/>
+ *      <Button text="open dialog" on={{clicked:()=>setOpen(true)}}/>
+ *    </View>
+ *  )
+ * }
+ * ```
+ */
+
+export const ColorDialog = registerComponent<ColorDialogProps>(new ColorDialogConfig());
diff --git a/src/components/Dialog/RNDialog.ts b/src/components/Dialog/RNDialog.ts
new file mode 100644
index 00000000..70f5a161
--- /dev/null
+++ b/src/components/Dialog/RNDialog.ts
@@ -0,0 +1,77 @@
+import { FlexLayout, FocusReason, NodeWidget, QDialog, QDialogSignals, QFont } from "@nodegui/nodegui";
+import { NodeDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
+import { RNWidget } from "../config";
+import { setViewProps, ViewProps } from "../View/RNView";
+
+export interface DialogProps<T = QDialogSignals> extends ViewProps<T> {
+  open?: boolean;
+  font?: QFont;
+  focus?: FocusReason;
+  modal?: boolean;
+  result?: number;
+  reject?: boolean;
+  enableSizeGrip?: boolean;
+}
+
+export function setDialogProps(widget: RNDialog, newProps: DialogProps, oldProps: DialogProps) {
+  const setter: DialogProps = {
+    set open(open: boolean) {
+      open ? widget.open() : widget.close();
+    },
+    set font(font: QFont) {
+      widget.setFont(font);
+    },
+    set focus(focus: FocusReason) {
+      widget.setFocus(focus);
+    },
+    set modal(modal: boolean) {
+      widget.setModal(modal);
+    },
+    set reject(reject: boolean) {
+      reject && widget.reject();
+    },
+    set result(result: number) {
+      widget.setResult(result);
+    },
+    set enableSizeGrip(sizeGrip: boolean) {
+      widget.setSizeGripEnabled(sizeGrip);
+    },
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+}
+
+export class RNDialog extends QDialog implements RNWidget {
+  setProps(newProps: DialogProps, oldProps: DialogProps): void {
+    setDialogProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    this.appendChild(child);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    if (!child || child instanceof NodeDialog) {
+      return;
+    }
+    if (!this.layout) {
+      const flexLayout = new FlexLayout();
+      flexLayout.setFlexNode(this.getFlexNode());
+      this.setLayout(flexLayout);
+      this.layout = flexLayout;
+    }
+    this.layout.addWidget(child);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    if (child! instanceof NodeDialog) {
+      this.appendChild(child);
+    }
+  }
+  removeChild(child: NodeWidget<any>): void {
+    if (!this.layout) {
+      console.warn("parent has no layout to remove child from");
+      return;
+    }
+    this.layout.removeWidget(child);
+    child.close();
+  }
+  static tagName = "dialog";
+}
diff --git a/src/components/Dialog/index.ts b/src/components/Dialog/index.ts
new file mode 100644
index 00000000..365febaf
--- /dev/null
+++ b/src/components/Dialog/index.ts
@@ -0,0 +1,53 @@
+import { Fiber } from "react-reconciler";
+import { AppContainer } from "../../reconciler";
+import { ComponentConfig, registerComponent } from "../config";
+import { DialogProps, RNDialog } from "./RNDialog";
+
+class DialogConfig extends ComponentConfig {
+  tagName: string=RNDialog.tagName;
+  shouldSetTextContent(nextProps: DialogProps): boolean {
+    return false;
+  }
+  finalizeInitialChildren(
+    instance: RNDialog,
+    newProps: DialogProps,
+    rootContainerInstance: AppContainer,
+    context: any
+  ): boolean {
+    return true;
+  }
+  createInstance(newProps: DialogProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNDialog {
+    const widget = new RNDialog();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNDialog, newProps: DialogProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false && newProps.open !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNDialog, updatePayload: any, oldProps: DialogProps, newProps: DialogProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * Pop up Dialog inheriting the functionality of nodegui's `QDialog`
+ * @param minSize set minimum height, width to prevent errors
+ * @example 
+ * ```javascript
+ * function DialogExample(props){
+ *  const [open, setOpen] = useState(false);
+ *  return (
+ *    <View>
+ *      <Dialog open={open}>
+ *        <View>{....other components}</View>
+ *      </Dialog>
+ *      <Button text="open dialog" on={{clicked:()=>setOpen(true)}}/>
+ *    </View>
+ *  )
+ * }
+ * ```
+ */
+
+export const Dialog = registerComponent<DialogProps>(new DialogConfig());
\ No newline at end of file
diff --git a/src/components/FileDialog/RNFileDialog.ts b/src/components/FileDialog/RNFileDialog.ts
new file mode 100644
index 00000000..a4c7ce1c
--- /dev/null
+++ b/src/components/FileDialog/RNFileDialog.ts
@@ -0,0 +1,63 @@
+import { NodeWidget, QFileDialog, DialogLabel, QFileDialogSignals, Option } from "@nodegui/nodegui";
+import { throwUnsupported } from "../../utils/helpers";
+import { RNWidget } from "../config";
+import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
+
+export interface FileDialogLabelText{
+  label: DialogLabel,
+  text: string
+}
+
+export interface DialogOption<T=Option> {
+  option: T;
+  on: boolean;
+}
+
+export interface FileDialogProps extends DialogProps<QFileDialogSignals>{
+  defaultSuffix?: string;
+  supportedSchemes?: string[];
+  labelText?: FileDialogLabelText;
+  option?: DialogOption,
+  options?: Option
+}
+
+function setFileDialogProps(widget: RNFileDialog, newProps: FileDialogProps, oldProps: FileDialogProps) {
+  const setter: FileDialogProps = {
+    set defaultSuffix(defaultSuffix: string) {
+      widget.setDefaultSuffix(defaultSuffix);
+    },
+    set supportedSchemes(supportedSchemes: string[]) {
+      widget.setSupportedSchemes(supportedSchemes);
+    },
+    set labelText(labelText: FileDialogLabelText) {
+      widget.setLabelText(labelText.label, labelText.text);
+    },
+    set option({option, on}: DialogOption) {
+      widget.setOption(option, on)
+    },
+    set options(options: Option) {
+      widget.setOptions(options);
+    }
+  };
+  Object.assign(setter, newProps);
+  setDialogProps(widget, newProps, oldProps);
+}
+
+export class RNFileDialog extends QFileDialog implements RNWidget {
+  setProps(newProps: FileDialogProps, oldProps: FileDialogProps): void {
+    setFileDialogProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "file-dialog";
+}
diff --git a/src/components/FileDialog/index.ts b/src/components/FileDialog/index.ts
new file mode 100644
index 00000000..146c4f4e
--- /dev/null
+++ b/src/components/FileDialog/index.ts
@@ -0,0 +1,47 @@
+import { Fiber } from "react-reconciler";
+import { AppContainer } from "../../reconciler";
+import { ComponentConfig, registerComponent } from "../config";
+import {  RNFileDialog, FileDialogProps } from "./RNFileDialog";
+
+class FileDialogConfig extends ComponentConfig {
+  tagName: string=RNFileDialog.tagName;
+  shouldSetTextContent(nextProps: FileDialogProps): boolean {
+    return false;
+  }
+  createInstance(newProps: FileDialogProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNFileDialog {
+    const widget = new RNFileDialog();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNFileDialog, newProps: FileDialogProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false && newProps.open !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNFileDialog, updatePayload: any, oldProps: FileDialogProps, newProps: FileDialogProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * Pop up FileDialog inheriting the functionality of nodegui's `QFileDialog`
+ * @example 
+ * ```javascript
+ * function DialogExample(props){
+ *  const [open, setOpen] = useState(false);
+ *  const events = useEventHandler<QFileDialogSignals>({
+ *    fileSelected(file){
+ *        //....do whatever
+ *    }
+ *  }, [....deps])
+ *  return (
+ *    <View>
+ *      <FileDialog open={open} on={events}/>
+ *      <Button text="open dialog" on={{clicked:()=>setOpen(true)}}/>
+ *    </View>
+ *  )
+ * }
+ * ```
+ */
+
+export const FileDialog = registerComponent<FileDialogProps>(new FileDialogConfig());
\ No newline at end of file
diff --git a/src/components/FontDialog/RNFontDialog.ts b/src/components/FontDialog/RNFontDialog.ts
new file mode 100644
index 00000000..19771a6e
--- /dev/null
+++ b/src/components/FontDialog/RNFontDialog.ts
@@ -0,0 +1,46 @@
+import { FontDialogOption, NodeWidget, QFont, QFontDialog, QFontDialogSignals } from "@nodegui/nodegui";
+import { throwUnsupported } from "../../utils/helpers";
+import { RNWidget } from "../config";
+import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
+import { DialogOption } from "../FileDialog/RNFileDialog";
+
+export interface FontDialogProps extends DialogProps<QFontDialogSignals> {
+  currentFont?: QFont;
+  option?: DialogOption<FontDialogOption>;
+  options?: FontDialogOption;
+}
+
+function setFontDialogProps(widget: RNFontDialog, newProps: FontDialogProps, oldProps: FontDialogProps) {
+  const setter: FontDialogProps = {
+    set currentFont(currentFont: QFont) {
+      widget.setCurrentFont(currentFont);
+    },
+    set option({ option, on }: DialogOption<FontDialogOption>) {
+      widget.setOption(option, on);
+    },
+    set options(options: FontDialogOption) {
+      widget.setOptions(options);
+    },
+  };
+  Object.assign(setter, newProps);
+  setDialogProps(widget, newProps, oldProps);
+}
+
+export class RNFontDialog extends QFontDialog implements RNWidget {
+  setProps(newProps: FontDialogProps, oldProps: FontDialogProps): void {
+    setFontDialogProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "font-dialog";
+}
diff --git a/src/components/FontDialog/index.ts b/src/components/FontDialog/index.ts
new file mode 100644
index 00000000..cd06167f
--- /dev/null
+++ b/src/components/FontDialog/index.ts
@@ -0,0 +1,47 @@
+import { Fiber } from "react-reconciler";
+import { AppContainer } from "../../reconciler";
+import { ComponentConfig, registerComponent } from "../config";
+import { RNFontDialog, FontDialogProps } from "./RNFontDialog";
+
+class FontDialogConfig extends ComponentConfig {
+  tagName: string = RNFontDialog.tagName;
+  shouldSetTextContent(nextProps: FontDialogProps): boolean {
+    return false;
+  }
+  createInstance(newProps: FontDialogProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNFontDialog {
+    const widget = new RNFontDialog();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNFontDialog, newProps: FontDialogProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false && newProps.open !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNFontDialog, updatePayload: any, oldProps: FontDialogProps, newProps: FontDialogProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * Pop up FontDialog inheriting the functionality of nodegui's `QFontDialog`
+ * @example
+ * ```javascript
+ * function FontDialogExample(props){
+ *  const [open, setOpen] = useState(false);
+ *  const events = useEventHandler<QFontDialogSignals>({
+ *    fontSelected(font){
+ *        //....do whatever
+ *    }
+ *  }, [....deps])
+ *  return (
+ *    <View>
+ *      <FontDialog open={open} on={events}/>
+ *      <Button text="open dialog" on={{clicked:()=>setOpen(true)}}/>
+ *    </View>
+ *  )
+ * }
+ * ```
+ */
+
+export const FontDialog = registerComponent<FontDialogProps>(new FontDialogConfig());
diff --git a/src/components/InputDialog/RNInputDialog.ts b/src/components/InputDialog/RNInputDialog.ts
new file mode 100644
index 00000000..3c0be4a1
--- /dev/null
+++ b/src/components/InputDialog/RNInputDialog.ts
@@ -0,0 +1,101 @@
+import { EchoMode, InputDialogOptions, InputMode, NodeWidget, QInputDialog, QInputDialogSignals } from "@nodegui/nodegui";
+import { throwUnsupported } from "../../utils/helpers";
+import { RNWidget } from "../config";
+import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
+
+export interface InputDialogProps extends DialogProps<QInputDialogSignals>{
+  cancelButtonText?: string,
+  comboBoxEditable?: boolean,
+  doubleDecimals?: number,
+  doubleMax?: number,
+  doubleMin?: number,
+  doubleStep?: number,
+  doubleValue?: number,
+  inputMode?: InputMode,
+  intMax?: number,
+  intMin?: number,
+  intStep?: number,
+  intValue?: number,
+  labelText?: string,
+  okButtonText?: string,
+  options?: InputDialogOptions,
+  textEchoMode?: EchoMode,
+  textValue?: string
+}
+
+function setInputDialogProps(widget: RNInputDialog, newProps: InputDialogProps, oldProps: InputDialogProps) {
+  const setter: InputDialogProps = {
+    set cancelButtonText(cancelButtonText: string){
+      widget.setCancelButtonText(cancelButtonText)
+    },
+    set comboBoxEditable(comboBoxEditable: boolean) {
+      widget.setComboBoxEditable(comboBoxEditable);
+    },
+    set doubleDecimals(doubleDecimals: number){
+      widget.setDoubleDecimals(doubleDecimals)
+    },
+    set doubleMax(doubleMax: number){
+      widget.setDoubleMaximum(doubleMax)
+    },
+    set doubleMin(doubleMin: number){
+      widget.setDoubleMinimum(doubleMin)
+    },
+    set doubleStep(doubleStep: number){
+      widget.setDoubleStep(doubleStep)
+    },
+    set doubleValue(doubleValue: number){
+      widget.setDoubleValue(doubleValue)
+    },
+    set inputMode(inputMode: InputMode){
+      widget.setInputMode(inputMode)
+    },
+    set intMax(intMax: number){
+      widget.setIntMaximum(intMax)
+    },
+    set intMin(intMi: number){
+      widget.setIntMinimum(intMi)
+    },
+    set intStep(intStep: number){
+      widget.setIntStep(intStep)
+    },
+    set intValue(intValue: number){
+      widget.setIntValue(intValue)
+    },
+    set labelText(labelText: string){
+      widget.setLabelText(labelText)
+    },
+    set okButtonText(okButtonText: string){
+      widget.setOkButtonText(okButtonText)
+    },
+    set options(options: InputDialogOptions){
+      widget.setOptions(options)
+    },
+    set textEchoMode(textEchoMode: EchoMode){
+      widget.setTextEchoMode(textEchoMode)
+    },
+    set textValue(textValue: string){
+      widget.setTextValue(textValue)
+    },
+  };
+  Object.assign(setter, newProps);
+  setDialogProps(widget, newProps, oldProps);
+}
+
+export class RNInputDialog extends QInputDialog implements RNWidget {
+  setProps(newProps: InputDialogProps, oldProps: InputDialogProps): void {
+    setInputDialogProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "input-dialog";
+}
diff --git a/src/components/InputDialog/index.ts b/src/components/InputDialog/index.ts
new file mode 100644
index 00000000..6c7d2adf
--- /dev/null
+++ b/src/components/InputDialog/index.ts
@@ -0,0 +1,47 @@
+import { Fiber } from "react-reconciler";
+import { AppContainer } from "../../reconciler";
+import { ComponentConfig, registerComponent } from "../config";
+import { RNInputDialog, InputDialogProps } from "./RNInputDialog";
+
+class InputDialogConfig extends ComponentConfig {
+  tagName: string = RNInputDialog.tagName;
+  shouldSetTextContent(nextProps: InputDialogProps): boolean {
+    return false;
+  }
+  createInstance(newProps: InputDialogProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNInputDialog {
+    const widget = new RNInputDialog();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNInputDialog, newProps: InputDialogProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false && newProps.open !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNInputDialog, updatePayload: any, oldProps: InputDialogProps, newProps: InputDialogProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * Pop up InputDialog inheriting the functionality of nodegui's `QInputDialog`
+ * @example
+ * ```javascript
+ * function DialogExample(props){
+ *  const [open, setOpen] = useState(false);
+ *  const events = useEventHandler<QInputDialogSignals>({
+ *    textValueChanged(value){
+ *        //....do whatever
+ *    }
+ *  }, [....deps])
+ *  return (
+ *    <View>
+ *      <InputDialog open={open} on={events}/>
+ *      <Button text="open dialog" on={{clicked:()=>setOpen(true)}}/>
+ *    </View>
+ *  )
+ * }
+ * ```
+ */
+
+export const InputDialog = registerComponent<InputDialogProps>(new InputDialogConfig());
diff --git a/src/components/ProgressDialog/RNProgressDialog.ts b/src/components/ProgressDialog/RNProgressDialog.ts
new file mode 100644
index 00000000..94c000c7
--- /dev/null
+++ b/src/components/ProgressDialog/RNProgressDialog.ts
@@ -0,0 +1,88 @@
+import { NodeWidget, QProgressDialog, QProgressDialogSignals } from "@nodegui/nodegui";
+import { throwUnsupported } from "../../utils/helpers";
+import { RNWidget } from "../config";
+import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
+
+interface ProgressBarRange {
+  max: number;
+  min: number;
+}
+
+export interface ProgressDialogProps extends DialogProps<QProgressDialogSignals> {
+  autoClose?: boolean;
+  autoReset?: boolean;
+  cancelButtonText?: string;
+  labelText?: string;
+  maxValue?: number;
+  minValue?: number;
+  /**
+   * This property holds the time(`in milliseconds`) that must pass before the dialog appears.
+   * 
+   * https://doc.qt.io/qt-5/qprogressdialog.html#minimumDuration-prop
+   * @default 4
+   */
+  minDuration?: number;
+  range?: ProgressBarRange;
+  value?: number;
+  /**
+   * Set this to `false` to allow the progress dialog opening
+   * automatically when window first mounts
+   */
+  shouldReset?: boolean;
+}
+
+function setProgressDialogProps(widget: RNProgressDialog, newProps: ProgressDialogProps, oldProps: ProgressDialogProps) {
+  const setter: ProgressDialogProps = {
+    set shouldReset(shouldReset: boolean) {
+      shouldReset && widget.reset();
+    },
+    set autoClose(autoClose: boolean) {
+      widget.setAutoClose(autoClose);
+    },
+    set autoReset(autoReset: boolean) {
+      widget.setAutoReset(autoReset);
+    },
+    set cancelButtonText(cancelButtonText: string) {
+      widget.setCancelButtonText(cancelButtonText);
+    },
+    set labelText(labelText: string) {
+      widget.setLabelText(labelText);
+    },
+    set maxValue(maxValue: number) {
+      widget.setMaximum(maxValue);
+    },
+    set minValue(minValue: number) {
+      widget.setMinimum(minValue);
+    },
+    set minDuration(minDuration: number) {
+      widget.setMinimumDuration(minDuration);
+    },
+    set range({ max, min }: ProgressBarRange) {
+      widget.setRange(min, max);
+    },
+    set value(value: number) {
+      widget.setValue(value);
+    },
+  };
+  Object.assign(setter, newProps);
+  setDialogProps(widget, newProps, oldProps);
+}
+
+export class RNProgressDialog extends QProgressDialog implements RNWidget {
+  setProps(newProps: ProgressDialogProps, oldProps: ProgressDialogProps): void {
+    setProgressDialogProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "progress-dialog";
+}
diff --git a/src/components/ProgressDialog/index.ts b/src/components/ProgressDialog/index.ts
new file mode 100644
index 00000000..a9da8b2f
--- /dev/null
+++ b/src/components/ProgressDialog/index.ts
@@ -0,0 +1,59 @@
+import { Fiber } from "react-reconciler";
+import { AppContainer } from "../../reconciler";
+import { ComponentConfig, registerComponent } from "../config";
+import { RNProgressDialog, ProgressDialogProps } from "./RNProgressDialog";
+
+class ProgressDialogConfig extends ComponentConfig {
+  tagName: string = RNProgressDialog.tagName;
+  shouldSetTextContent(nextProps: ProgressDialogProps): boolean {
+    return false;
+  }
+  createInstance(newProps: ProgressDialogProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNProgressDialog {
+    const widget = new RNProgressDialog();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNProgressDialog, newProps: ProgressDialogProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false && newProps.open !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNProgressDialog, updatePayload: any, oldProps: ProgressDialogProps, newProps: ProgressDialogProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * Pop up ProgressDialog inheriting the functionality of nodegui's `QProgressDialog`
+ * @example
+ * ```javascript
+ * function ProgressDialogExample(props){
+ *  const [open, setOpen] = useState(false);
+ *  const events = useEventHandler<QProgressDialogSignals>({
+ *    canceled(){
+ *        setOpen(false);
+ *        //....do whatever
+ *    }
+ *  }, [....deps])
+ * const [value, setValue] = useState(0);
+ *  return (
+ *    <View>
+ *      <ProgressDialog
+ *        open={open}
+ *        on={events}
+ *        maxValue={100}
+ *        minValue={0}
+ *        value={value}
+ *      />
+ *      <Button text="open dialog" on={{clicked:()=>setOpen(true)}}/>
+ *      <Button
+ *        text="Progress"
+ *        on={{clicked:()=>open && value < 100 &&setValue(value+5)}}
+ *      />
+ *    </View>
+ *  )
+ * }
+ * ```
+ */
+
+export const ProgressDialog = registerComponent<ProgressDialogProps>(new ProgressDialogConfig());
diff --git a/src/components/View/RNView.ts b/src/components/View/RNView.ts
index 823a1c89..93aea513 100644
--- a/src/components/View/RNView.ts
+++ b/src/components/View/RNView.ts
@@ -1,15 +1,6 @@
-import {
-  QWidget,
-  WindowState,
-  QCursor,
-  CursorShape,
-  NodeWidget,
-  QIcon,
-  FlexLayout,
-  WidgetEventTypes,
-  QWidgetSignals,
-} from "@nodegui/nodegui";
+import { QWidget, WindowState, QCursor, CursorShape, NodeWidget, QIcon, FlexLayout, WidgetEventTypes, QWidgetSignals } from "@nodegui/nodegui";
 import { NativeRawPointer } from "@nodegui/nodegui/dist/lib/core/Component";
+import { NodeDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
 import { RNWidget, RNProps } from "../config";
 
 /**
@@ -126,11 +117,7 @@ export interface ViewProps<Signals extends {}> extends RNProps {
 /**
  * @ignore
  */
-export function setViewProps<Signals extends {}>(
-  widget: NodeWidget<any>,
-  newProps: ViewProps<Signals>,
-  oldProps: ViewProps<Signals>
-) {
+export function setViewProps<Signals extends {}>(widget: NodeWidget<any>, newProps: ViewProps<Signals>, oldProps: ViewProps<Signals>) {
   const setter: ViewProps<Signals> = {
     set visible(shouldShow: boolean) {
       shouldShow ? widget.show() : widget.hide();
@@ -145,12 +132,7 @@ export function setViewProps<Signals extends {}>(
       widget.setInlineStyle(inlineStyle);
     },
     set geometry(geometry: Geometry) {
-      widget.setGeometry(
-        geometry.x,
-        geometry.y,
-        geometry.width,
-        geometry.height
-      );
+      widget.setGeometry(geometry.x, geometry.y, geometry.width, geometry.height);
     },
     set id(id: string) {
       widget.setObjectName(id);
@@ -211,11 +193,9 @@ export function setViewProps<Signals extends {}>(
         }
       });
 
-      Object.entries(listenerMapLatest).forEach(
-        ([eventType, newEvtListener]) => {
-          widget.addEventListener(eventType as any, newEvtListener);
-        }
-      );
+      Object.entries(listenerMapLatest).forEach(([eventType, newEvtListener]) => {
+        widget.addEventListener(eventType as any, newEvtListener);
+      });
     },
     set attributes(attributesMap: WidgetAttributesMap) {
       Object.entries(attributesMap).forEach(([attribute, value]) => {
@@ -235,15 +215,12 @@ export function setViewProps<Signals extends {}>(
  * @ignore
  */
 export class RNView extends QWidget implements RNWidget {
-  setProps(
-    newProps: ViewProps<QWidgetSignals>,
-    oldProps: ViewProps<QWidgetSignals>
-  ): void {
+  setProps(newProps: ViewProps<QWidgetSignals>, oldProps: ViewProps<QWidgetSignals>): void {
     setViewProps(this, newProps, oldProps);
   }
   insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
-    if (!this.layout) {
-      console.warn("parent has no layout to insert child before another child");
+    if (!this.layout || child instanceof NodeDialog) {
+      !this.layout && console.warn("parent has no layout to insert child before another child");
       return;
     }
     (this.layout as FlexLayout).insertChildBefore(child, beforeChild);
@@ -253,7 +230,7 @@ export class RNView extends QWidget implements RNWidget {
     this.appendChild(child);
   }
   appendChild(child: NodeWidget<any>): void {
-    if (!child) {
+    if (!child || child instanceof NodeDialog) {
       return;
     }
     if (!this.layout) {
diff --git a/src/index.ts b/src/index.ts
index 4f002c62..95e0dadc 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -24,6 +24,12 @@ export { ComboBox } from "./components/ComboBox";
 export { SystemTrayIcon } from "./components/SystemTrayIcon";
 export { Tabs } from "./components/Tab";
 export { TabItem } from "./components/TabItem";
+export { Dialog } from "./components/Dialog";
+export { ColorDialog } from "./components/ColorDialog";
+export { FileDialog } from "./components/FileDialog";
+export { FontDialog } from "./components/FontDialog";
+export { InputDialog } from "./components/InputDialog";
+export { ProgressDialog } from "./components/ProgressDialog";
 export { useEventHandler } from "./hooks";
 export { Renderer } from "./renderer";
 export { hot, appProxy } from "./development/hot-reload";

From aa15c9aea39506f092af1cffc07cd5accf07edaa Mon Sep 17 00:00:00 2001
From: "allcontributors[bot]"
 <46447321+allcontributors[bot]@users.noreply.github.com>
Date: Fri, 26 Mar 2021 12:39:17 +0100
Subject: [PATCH 02/18] docs: add KRTirtho as a contributor (#345)

* docs: update README.md [skip ci]

* docs: update .all-contributorsrc [skip ci]

Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com>
---
 .all-contributorsrc |  9 +++++++++
 README.md           | 38 ++++++++++++++++++++------------------
 2 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/.all-contributorsrc b/.all-contributorsrc
index 208b9280..3ef00ecb 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -157,6 +157,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "KRTirtho",
+      "name": "KR Tirtho",
+      "avatar_url": "https://avatars.githubusercontent.com/u/61944859?v=4",
+      "profile": "http://N/A",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,
diff --git a/README.md b/README.md
index 5947a007..7748a478 100644
--- a/README.md
+++ b/README.md
@@ -128,32 +128,34 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="http://rahulgaba.com"><img src="https://avatars3.githubusercontent.com/u/7898942?v=4" width="100px;" alt=""/><br /><sub><b>Rahul Gaba</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=rgabs" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/kakulgupta"><img src="https://avatars3.githubusercontent.com/u/10727047?v=4" width="100px;" alt=""/><br /><sub><b>Kakul Gupta</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=kakulgupta" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Nicify"><img src="https://avatars3.githubusercontent.com/u/24217275?v=4" width="100px;" alt=""/><br /><sub><b>Eva1ent</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Nicify" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/slidinghotdog"><img src="https://avatars3.githubusercontent.com/u/33790211?v=4" width="100px;" alt=""/><br /><sub><b>slidinghotdog</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=slidinghotdog" title="Code">💻</a></td>
-    <td align="center"><a href="https://www.linkedin.com/in/roysommer/"><img src="https://avatars2.githubusercontent.com/u/6681893?v=4" width="100px;" alt=""/><br /><sub><b>Roy Sommer</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=illBeRoy" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/nateshmbhat"><img src="https://avatars1.githubusercontent.com/u/23279926?v=4" width="100px;" alt=""/><br /><sub><b>Natesh M Bhat</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=nateshmbhat" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://www.greatapes.fi"><img src="https://avatars3.githubusercontent.com/u/3404389?v=4" width="100px;" alt=""/><br /><sub><b>Mikko Sairio</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=msairio" title="Code">💻</a></td>
+    <td align="center"><a href="http://rahulgaba.com"><img src="https://avatars3.githubusercontent.com/u/7898942?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Rahul Gaba</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=rgabs" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/kakulgupta"><img src="https://avatars3.githubusercontent.com/u/10727047?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kakul Gupta</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=kakulgupta" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Nicify"><img src="https://avatars3.githubusercontent.com/u/24217275?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Eva1ent</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Nicify" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/slidinghotdog"><img src="https://avatars3.githubusercontent.com/u/33790211?v=4?s=100" width="100px;" alt=""/><br /><sub><b>slidinghotdog</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=slidinghotdog" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/roysommer/"><img src="https://avatars2.githubusercontent.com/u/6681893?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Roy Sommer</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=illBeRoy" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/nateshmbhat"><img src="https://avatars1.githubusercontent.com/u/23279926?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Natesh M Bhat</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=nateshmbhat" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://www.greatapes.fi"><img src="https://avatars3.githubusercontent.com/u/3404389?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mikko Sairio</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=msairio" title="Code">💻</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="https://github.com/shubhamzanwar"><img src="https://avatars0.githubusercontent.com/u/15626155?v=4" width="100px;" alt=""/><br /><sub><b>Shubham Zanwar</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=shubhamzanwar" title="Code">💻</a></td>
-    <td align="center"><a href="https://matrunchyk.com"><img src="https://avatars0.githubusercontent.com/u/2089828?v=4" width="100px;" alt=""/><br /><sub><b>Serhii Matrunchyk</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=matrunchyk" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Solant"><img src="https://avatars2.githubusercontent.com/u/5971578?v=4" width="100px;" alt=""/><br /><sub><b>Solant</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Solant" title="Code">💻</a></td>
-    <td align="center"><a href="https://cbp.io"><img src="https://avatars1.githubusercontent.com/u/995050?v=4" width="100px;" alt=""/><br /><sub><b>Christian Petersen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=fnky" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/agg23"><img src="https://avatars1.githubusercontent.com/u/238679?v=4" width="100px;" alt=""/><br /><sub><b>Adam Gastineau</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=agg23" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/gluaxspeed"><img src="https://avatars2.githubusercontent.com/u/16431709?v=4" width="100px;" alt=""/><br /><sub><b>gluaxspeed</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gluaxspeed" title="Code">💻</a></td>
-    <td align="center"><a href="http://chrisshepherd.me"><img src="https://avatars1.githubusercontent.com/u/1379888?v=4" width="100px;" alt=""/><br /><sub><b>Chris Shepherd</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=sheepsteak" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/shubhamzanwar"><img src="https://avatars0.githubusercontent.com/u/15626155?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Shubham Zanwar</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=shubhamzanwar" title="Code">💻</a></td>
+    <td align="center"><a href="https://matrunchyk.com"><img src="https://avatars0.githubusercontent.com/u/2089828?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Serhii Matrunchyk</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=matrunchyk" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Solant"><img src="https://avatars2.githubusercontent.com/u/5971578?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Solant</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Solant" title="Code">💻</a></td>
+    <td align="center"><a href="https://cbp.io"><img src="https://avatars1.githubusercontent.com/u/995050?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christian Petersen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=fnky" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/agg23"><img src="https://avatars1.githubusercontent.com/u/238679?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Adam Gastineau</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=agg23" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/gluaxspeed"><img src="https://avatars2.githubusercontent.com/u/16431709?v=4?s=100" width="100px;" alt=""/><br /><sub><b>gluaxspeed</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gluaxspeed" title="Code">💻</a></td>
+    <td align="center"><a href="http://chrisshepherd.me"><img src="https://avatars1.githubusercontent.com/u/1379888?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Chris Shepherd</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=sheepsteak" title="Code">💻</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="https://github.com/MistahMojo"><img src="https://avatars1.githubusercontent.com/u/51117537?v=4" width="100px;" alt=""/><br /><sub><b>Jak</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=MistahMojo" title="Code">💻</a></td>
-    <td align="center"><a href="https://gregbenner.life"><img src="https://avatars3.githubusercontent.com/u/1177690?v=4" width="100px;" alt=""/><br /><sub><b>Greg B</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gregbenner" title="Documentation">📖</a></td>
-    <td align="center"><a href="http://eeems.website"><img src="https://avatars1.githubusercontent.com/u/1176979?v=4" width="100px;" alt=""/><br /><sub><b>Nathaniel van Diepen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Eeems" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/MistahMojo"><img src="https://avatars1.githubusercontent.com/u/51117537?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jak</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=MistahMojo" title="Code">💻</a></td>
+    <td align="center"><a href="https://gregbenner.life"><img src="https://avatars3.githubusercontent.com/u/1177690?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Greg B</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gregbenner" title="Documentation">📖</a></td>
+    <td align="center"><a href="http://eeems.website"><img src="https://avatars1.githubusercontent.com/u/1176979?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nathaniel van Diepen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Eeems" title="Code">💻</a></td>
+    <td align="center"><a href="http://N/A"><img src="https://avatars.githubusercontent.com/u/61944859?v=4?s=100" width="100px;" alt=""/><br /><sub><b>KR Tirtho</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=KRTirtho" title="Code">💻</a></td>
   </tr>
 </table>
 
-<!-- markdownlint-enable -->
+<!-- markdownlint-restore -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

From 0515fdb96fc76f56dd6e686e6e5101bdc5d2b977 Mon Sep 17 00:00:00 2001
From: Atul R <atulanand94@gmail.com>
Date: Sun, 28 Mar 2021 14:13:15 +0200
Subject: [PATCH 03/18] 0.11.0

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5ba8766b..1c475712 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@nodegui/react-nodegui",
-  "version": "0.10.4",
+  "version": "0.11.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 7e4b893d..cf68226b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nodegui/react-nodegui",
-  "version": "0.10.4",
+  "version": "0.11.0",
   "description": "React Native for building cross platform desktop applications",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

From f0feda0b9bd512340a2bb4e570847f70226ef516 Mon Sep 17 00:00:00 2001
From: KR Tirtho <krtirtho@gmail.com>
Date: Tue, 6 Apr 2021 09:39:16 -0700
Subject: [PATCH 04/18] Added Table, TableItem & ErrorPrompt (#347)

* Dialog component created & RNView, RNBoxView was tweaked for Dialog

* Added Components:
- FileDialog
- InputDialog
- ProgressDialog
Edited:
- demo file for testing the dialogs

* Added Compoents:
- ColorDialog
- FontDialog
Edited:
- Dialog (for adding some props)

* updated ProgressBar Example

* newly created components were exported

* New Components:
- Table
- TableItem
Modified:
- demo.tsx

!info: Table & TableItem works initially. But some of the functionality need imperative/useRef approach

* finalized Table & TableItem

* Added ErrorPrompt widget & warnings in Table widget

* exported newly created ErrorPrompt & reverted demo to as it was

* Fixed error prompt message not changing dynamically
---
 src/components/ErrorPrompt/RNErrorPrompt.ts |  38 +++++
 src/components/ErrorPrompt/index.ts         |  43 +++++
 src/components/Table/RNTable.ts             | 173 ++++++++++++++++++++
 src/components/Table/index.ts               |  48 ++++++
 src/components/TableItem/RNTableItem.ts     | 116 +++++++++++++
 src/components/TableItem/index.ts           |  27 +++
 src/index.ts                                |   3 +
 7 files changed, 448 insertions(+)
 create mode 100644 src/components/ErrorPrompt/RNErrorPrompt.ts
 create mode 100644 src/components/ErrorPrompt/index.ts
 create mode 100644 src/components/Table/RNTable.ts
 create mode 100644 src/components/Table/index.ts
 create mode 100644 src/components/TableItem/RNTableItem.ts
 create mode 100644 src/components/TableItem/index.ts

diff --git a/src/components/ErrorPrompt/RNErrorPrompt.ts b/src/components/ErrorPrompt/RNErrorPrompt.ts
new file mode 100644
index 00000000..c1b6ae11
--- /dev/null
+++ b/src/components/ErrorPrompt/RNErrorPrompt.ts
@@ -0,0 +1,38 @@
+import { NodeWidget, QErrorMessage, QErrorMessageSignals } from "@nodegui/nodegui";
+import { throwUnsupported } from "../../utils/helpers";
+import { RNWidget } from "../config";
+import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
+
+export interface ErrorPromptProps extends DialogProps<QErrorMessageSignals> {
+  message: string;
+}
+
+function setErrorPromptProps(widget: RNErrorPrompt, newProps: ErrorPromptProps, oldProps: ErrorPromptProps) {
+  const setter: ErrorPromptProps = {
+    set message(message: string) {
+      widget.showMessage(message);
+      widget.close();
+    },
+  };
+  Object.assign(setter, newProps);
+  setDialogProps(widget, newProps, oldProps);
+}
+
+export class RNErrorPrompt extends QErrorMessage implements RNWidget {
+  setProps(newProps: ErrorPromptProps, oldProps: ErrorPromptProps): void {
+    setErrorPromptProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "error-prompt";
+}
diff --git a/src/components/ErrorPrompt/index.ts b/src/components/ErrorPrompt/index.ts
new file mode 100644
index 00000000..14d987a2
--- /dev/null
+++ b/src/components/ErrorPrompt/index.ts
@@ -0,0 +1,43 @@
+import { Fiber } from "react-reconciler";
+import { AppContainer } from "../../reconciler";
+import { ComponentConfig, registerComponent } from "../config";
+import { RNErrorPrompt, ErrorPromptProps } from "./RNErrorPrompt";
+
+class ErrorPromptConfig extends ComponentConfig {
+  tagName: string = RNErrorPrompt.tagName;
+  shouldSetTextContent(nextProps: ErrorPromptProps): boolean {
+    return false;
+  }
+  createInstance(newProps: ErrorPromptProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNErrorPrompt {
+    const widget = new RNErrorPrompt();
+    widget.setProps(newProps, { message: "" });
+    return widget;
+  }
+  commitMount(instance: RNErrorPrompt, newProps: ErrorPromptProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false && newProps.open !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNErrorPrompt, updatePayload: any, oldProps: ErrorPromptProps, newProps: ErrorPromptProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * ErrorPrompt inherits the functionality of nodegui's `QErrorMessage`
+ * @property `message` the message that needs to be displayed
+ * @example
+ * ```javascriptreact
+ * function ErrorApplet(){
+ *  const [open, setOpen] = useState(false);
+ *  return (
+ *    <View>
+ *      <ErrorPrompt open={open} message="Error message!"/>
+ *      <Button text="Error" on={{clicked:()=>setOpen(true)}}/>
+ *    </View>
+ *  )
+ * }
+ * ```
+ */
+
+export const ErrorPrompt = registerComponent<ErrorPromptProps>(new ErrorPromptConfig());
diff --git a/src/components/Table/RNTable.ts b/src/components/Table/RNTable.ts
new file mode 100644
index 00000000..56bcbf62
--- /dev/null
+++ b/src/components/Table/RNTable.ts
@@ -0,0 +1,173 @@
+import { FlexLayout, NodeWidget, QTableWidget, QTableWidgetItem, QTableWidgetSignals, SortOrder } from "@nodegui/nodegui";
+import { ViewProps, setViewProps } from "../View/RNView";
+import { RNComponent } from "../config";
+import { RNTableItem } from "../TableItem/RNTableItem";
+
+export interface CellRange {
+  row: number;
+  column: number;
+}
+interface HorizontalHeader extends Omit<CellRange, "row"> {
+  item: QTableWidgetItem;
+}
+interface VerticalHeader extends Omit<CellRange, "column"> {
+  item: QTableWidgetItem;
+}
+
+interface CellWidget extends CellRange {
+  widget: NodeWidget<any>;
+}
+
+interface Sort extends Omit<CellRange, "row"> {
+  order?: SortOrder;
+}
+
+interface ColumnSize extends Omit<CellRange, "row"> {
+  width: number;
+}
+
+interface RowSize extends Omit<CellRange, "column"> {
+  width: number;
+}
+
+export interface TableProps extends ViewProps<QTableWidgetSignals> {
+  cellRange: CellRange;
+  horizontalHeaderItems?: HorizontalHeader[];
+  horizontalHeaderLabels?: string[];
+  verticalHeaderItems?: VerticalHeader[];
+  verticalHeaderLabels?: string[];
+  cellWidgets?: CellWidget[];
+  currentCell?: CellRange;
+  sortItems?: Sort;
+  selectedColumn?: number;
+  selectedRow?: number;
+  showGrid?: boolean;
+  columnWidth?: ColumnSize[];
+  rowHeight?: RowSize[];
+  sortingEnabled?: boolean;
+  hideColumns?: number[];
+  hideRows?: number[];
+}
+
+type CustomTableProps = Omit<TableProps, "cellRange">;
+
+function verifyRanges({ row: rowCount, column: columnCount }: CellRange, { row, column }: Partial<CellRange>) {
+  if (row && (row < 0 || row > rowCount - 1)) {
+    console.warn(`Row "${row}" is out of range "${rowCount - 1}"`);
+  }
+  if (column && (column < 0 || column > columnCount - 1)) {
+    console.warn(`Column "${column}" is out range "${columnCount - 1}"`);
+  }
+}
+
+/**
+ * @ignore
+ */
+export const setTableProps = (widget: RNTable, newProps: CustomTableProps, oldProps: CustomTableProps) => {
+  const cellRange: CellRange = {
+    row: widget.rowCount(),
+    column: widget.columnCount(),
+  };
+
+  const setter: CustomTableProps = {
+    set horizontalHeaderItems(items: HorizontalHeader[]) {
+      for (const item of items) {
+        widget.setHorizontalHeaderItem(item.column, item.item);
+      }
+    },
+    set horizontalHeaderLabels(labels: string[]) {
+      widget.setHorizontalHeaderLabels(labels);
+    },
+    set verticalHeaderItems(items: VerticalHeader[]) {
+      for (const { row, item } of items) {
+        verifyRanges(cellRange, { row });
+        widget.setVerticalHeaderItem(row, item);
+      }
+    },
+    set verticalHeaderLabels(labels: string[]) {
+      widget.setVerticalHeaderLabels(labels);
+    },
+    set cellWidgets(cellWidgets: CellWidget[]) {
+      for (const { column, row, widget: cellWidget } of cellWidgets) {
+        verifyRanges(cellRange, { row, column });
+        widget.setCellWidget(row, column, cellWidget);
+      }
+    },
+    set currentCell({ row, column }: CellRange) {
+      verifyRanges(cellRange, { row, column });
+      widget.setCurrentCell(row, column);
+    },
+    set sortItems({ column, order }: Sort) {
+      verifyRanges(cellRange, { column });
+      widget.sortItems(column, order);
+    },
+    set selectedColumn(column: number) {
+      verifyRanges(cellRange, { column });
+      widget.selectColumn(column);
+    },
+    set selectedRow(row: number) {
+      widget.selectRow(row);
+    },
+    set showGrid(showGrid: boolean) {
+      widget.setShowGrid(showGrid);
+    },
+    set columnWidth(sizes: ColumnSize[]) {
+      for (const { column, width } of sizes) {
+        verifyRanges(cellRange, { column });
+        widget.setColumnWidth(column, width);
+      }
+    },
+    set rowHeight(sizes: RowSize[]) {
+      for (const { row, width } of sizes) {
+        verifyRanges(cellRange, { row });
+        widget.setRowHeight(row, width);
+      }
+    },
+    set sortingEnabled(sortingEnabled: boolean) {
+      widget.setSortingEnabled(sortingEnabled);
+    },
+    set hideColumns(columns: number[]) {
+      for (const column of columns) {
+        verifyRanges(cellRange, { column });
+        widget.hideColumn(column);
+      }
+    },
+    set hideRows(rows: number[]) {
+      for (const row of rows) {
+        verifyRanges(cellRange, { row });
+        widget.hideRow(row);
+      }
+    },
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNTable extends QTableWidget implements RNComponent {
+  setProps(newProps: CustomTableProps, oldProps: CustomTableProps): void {
+    setTableProps(this, newProps, oldProps);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    child.close();
+  }
+  appendInitialChild(child: RNTableItem): void {
+    const { cellPosition } = child;
+    if (!this.layout) {
+      this.setLayout(new FlexLayout());
+    }
+    const row = this.rowCount();
+    const column = this.columnCount();
+    verifyRanges({ row, column }, { row: cellPosition[0], column: cellPosition[1] });
+    this.setItem(cellPosition[0], cellPosition[1], child);
+  }
+  appendChild(child: RNTableItem): void {
+    this.appendInitialChild(child);
+  }
+  insertBefore(child: RNTableItem, beforeChild: RNTableItem): void {
+    this.appendInitialChild(child);
+  }
+  static tagName = "table";
+}
diff --git a/src/components/Table/index.ts b/src/components/Table/index.ts
new file mode 100644
index 00000000..35847ce1
--- /dev/null
+++ b/src/components/Table/index.ts
@@ -0,0 +1,48 @@
+import { registerComponent, ComponentConfig } from "../config";
+import { Fiber } from "react-reconciler";
+import { RNTable, TableProps } from "./RNTable";
+import { AppContainer } from "../../reconciler";
+
+class TableConfig extends ComponentConfig {
+  tagName = RNTable.tagName;
+  shouldSetTextContent(nextProps: TableProps): boolean {
+    return false;
+  }
+  createInstance(newProps: TableProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNTable {
+    const widget = new RNTable(newProps.cellRange.row, newProps.cellRange.column);
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNTable, newProps: TableProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNTable, updatePayload: any, oldProps: TableProps, newProps: TableProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * React implementation of nodegui's [QTableWidget](https://docs.nodegui.org/docs/api/generated/classes/qtablewidget/)
+ * @property `cellRange` define the number of rows & columns to create
+ * @example
+ * ```javascriptreact
+ * return (
+ *    <Table
+          cellRange={{ row: 2, column: 2 }} // 2 x 2 = 4 cells
+          style="flex: 1;"
+          horizontalHeaderLabels={["What", "How", "When"]}
+          verticalHeaderLabels={["yes", "this", "later"]}
+          hideRows={[0]} //hides 0 indexed rows
+        >
+          <TableItem cellPosition={[0, 0]} text="1" toolTip="Tooltip"/>
+          <TableItem cellPosition={[0, 1]} text="2"/>
+          <TableItem cellPosition={[1, 0]} text="3"/>
+          <TableItem cellPosition={[1, 1]} text="4"/>
+      </Table>
+ * )
+ * ```
+ */
+
+export const Table = registerComponent<TableProps>(new TableConfig());
diff --git a/src/components/TableItem/RNTableItem.ts b/src/components/TableItem/RNTableItem.ts
new file mode 100644
index 00000000..fa49d917
--- /dev/null
+++ b/src/components/TableItem/RNTableItem.ts
@@ -0,0 +1,116 @@
+import { QTableWidgetItem, NodeWidget, ItemFlag, CheckState, QVariant, QBrush, QIcon, QFont, QSize, AlignmentFlag } from "@nodegui/nodegui";
+import { RNComponent } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+
+export interface TableData{
+  role: number;
+  value: QVariant;
+}
+
+export type CellPosition = [number, number]
+
+export interface TableItemProps {
+  /**
+   * position of this item in the Table
+   * @tuple [row: number, column: number]
+   */
+  cellPosition: CellPosition
+  text?: string;
+  /**
+   * handle the behavior of the TableItem
+   * 
+   * following example makes the item non-editable+selectable only checkable
+   * @example 
+   * ```javascript
+   * <TableItem flags={ItemFlag.ItemIsEnabled | ItemFlag.ItemIsUserCheckable} {...props}/>
+   * ```
+   */
+  flags?: ItemFlag;
+  checkState?: CheckState;
+  data?: TableData;
+  background?: QBrush;
+  foreground?: QBrush;
+  icon?: QIcon,
+  selected?: boolean;
+  font?: QFont;
+  hintSize?: QSize;
+  statusTip?: string;
+  textAlignment?: AlignmentFlag;
+  toolTip?: string;
+  whatsThis?: string;
+}
+
+type SimplifiedTableItemProps = Omit<TableItemProps, "cellPosition">;
+
+const setTableItemProps = (widget: RNTableItem, newProps: SimplifiedTableItemProps, oldProps: SimplifiedTableItemProps) => {
+
+  const setter: SimplifiedTableItemProps = {
+    set text(text: string) {
+      widget.setText(text);
+    },
+    set flags(flags: ItemFlag){
+      widget.setFlags(flags)
+    },   
+    set checkState(checkState: CheckState){
+      widget.setCheckState(checkState)
+    },   
+    set data({role, value}: TableData){
+      widget.setData(role, value)
+    },   
+    set background(background: QBrush){
+      widget.setBackground(background)
+    },   
+    set foreground(foreground: QBrush){
+      widget.setForeground(foreground);
+    },   
+    set icon(icon: QIcon){
+      widget.setIcon(icon);
+    },   
+    set selected(selected: boolean){
+      widget.setSelected(selected);
+    },   
+    set font(font: QFont){
+      widget.setFont(font)
+    },   
+    set hintSize(hintSize: QSize){
+      widget.setSizeHint(hintSize);
+    },   
+    set statusTip(statusTip: string){
+      widget.setStatusTip(statusTip);
+    },   
+    set textAlignment(textAlignment: AlignmentFlag){
+      widget.setTextAlignment(textAlignment);
+    },   
+    set toolTip(toolTip: string) {
+      widget.setToolTip(toolTip);
+    },
+    set whatsThis(whatsThis: string) {
+      widget.setWhatsThis(whatsThis);
+    },
+  };
+  Object.assign(setter, newProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNTableItem extends QTableWidgetItem implements RNComponent {
+  cellPosition!: CellPosition;
+  setProps(newProps: TableItemProps, oldProps: TableItemProps): void {
+    this.cellPosition = newProps.cellPosition;
+    setTableItemProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "table-item";
+}
diff --git a/src/components/TableItem/index.ts b/src/components/TableItem/index.ts
new file mode 100644
index 00000000..9dd83a6f
--- /dev/null
+++ b/src/components/TableItem/index.ts
@@ -0,0 +1,27 @@
+import { registerComponent, ComponentConfig } from "../config";
+import { Fiber } from "react-reconciler";
+import { RNTableItem, TableItemProps } from "./RNTableItem";
+import { AppContainer } from "../../reconciler";
+
+class TableItemConfig extends ComponentConfig {
+  tagName = RNTableItem.tagName;
+  shouldSetTextContent(nextProps: TableItemProps): boolean {
+    return true;
+  }
+  createInstance(newProps: TableItemProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNTableItem {
+    const widget = new RNTableItem();
+    widget.setProps(newProps, { cellPosition: [0, 0] });
+    return widget;
+  }
+  commitUpdate(instance: RNTableItem, updatePayload: any, oldProps: TableItemProps, newProps: TableItemProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * React implementation of nodegui's [QTableWidgetItem](https://docs.nodegui.org/docs/api/generated/classes/qtablewidgetitem)
+ * 
+ * Can only be used as a child of `<Table/>`
+ * @property `cellPosition` valid position of the item in the Table
+ */
+
+export const TableItem = registerComponent<TableItemProps>(new TableItemConfig());
diff --git a/src/index.ts b/src/index.ts
index 95e0dadc..a61d0ac4 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -30,6 +30,9 @@ export { FileDialog } from "./components/FileDialog";
 export { FontDialog } from "./components/FontDialog";
 export { InputDialog } from "./components/InputDialog";
 export { ProgressDialog } from "./components/ProgressDialog";
+export { Table } from "./components/Table";
+export { TableItem } from "./components/TableItem";
+export { ErrorPrompt } from "./components/ErrorPrompt"
 export { useEventHandler } from "./hooks";
 export { Renderer } from "./renderer";
 export { hot, appProxy } from "./development/hot-reload";

From 8ea6be49ec5cbd3adb46aed9ff05dec5a64b73ac Mon Sep 17 00:00:00 2001
From: Atul R <atulanand94@gmail.com>
Date: Tue, 6 Apr 2021 18:40:04 +0200
Subject: [PATCH 05/18] 0.12.0

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1c475712..edf8fbe8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@nodegui/react-nodegui",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index cf68226b..d7f33cf5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nodegui/react-nodegui",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "React Native for building cross platform desktop applications",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

From b47831219d5f1f3096a866a8d5ca803ec208a96e Mon Sep 17 00:00:00 2001
From: theLMGN <me@thelmgn.com>
Date: Mon, 16 Aug 2021 22:46:58 +0100
Subject: [PATCH 06/18] Fix infinite recursion when using GridLayout (#356)

---
 src/components/GridView/RNGridView.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/GridView/RNGridView.ts b/src/components/GridView/RNGridView.ts
index c3a61f4b..6e2e40da 100644
--- a/src/components/GridView/RNGridView.ts
+++ b/src/components/GridView/RNGridView.ts
@@ -80,7 +80,7 @@ export class RNGridView extends QWidget implements RNComponent {
   childRows: Array<DataWithOffset<RNGridRow>> = [];
 
   get layout() {
-    return this.layout;
+    return this._layout;
   }
 
   set layout(l: QGridLayout) {

From 3fddc1ab40196f66ed58ec7a7247541f9f7830a7 Mon Sep 17 00:00:00 2001
From: "allcontributors[bot]"
 <46447321+allcontributors[bot]@users.noreply.github.com>
Date: Mon, 16 Aug 2021 23:47:08 +0200
Subject: [PATCH 07/18] docs: add theLMGN as a contributor for code (#357)

* docs: update README.md [skip ci]

* docs: update .all-contributorsrc [skip ci]

Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com>
---
 .all-contributorsrc | 9 +++++++++
 README.md           | 1 +
 2 files changed, 10 insertions(+)

diff --git a/.all-contributorsrc b/.all-contributorsrc
index 3ef00ecb..5e56a329 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -166,6 +166,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "theLMGN",
+      "name": "theLMGN",
+      "avatar_url": "https://avatars.githubusercontent.com/u/12257112?v=4",
+      "profile": "http://thelmgn.com",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,
diff --git a/README.md b/README.md
index 7748a478..534c6285 100644
--- a/README.md
+++ b/README.md
@@ -150,6 +150,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://gregbenner.life"><img src="https://avatars3.githubusercontent.com/u/1177690?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Greg B</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gregbenner" title="Documentation">📖</a></td>
     <td align="center"><a href="http://eeems.website"><img src="https://avatars1.githubusercontent.com/u/1176979?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nathaniel van Diepen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Eeems" title="Code">💻</a></td>
     <td align="center"><a href="http://N/A"><img src="https://avatars.githubusercontent.com/u/61944859?v=4?s=100" width="100px;" alt=""/><br /><sub><b>KR Tirtho</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=KRTirtho" title="Code">💻</a></td>
+    <td align="center"><a href="http://thelmgn.com"><img src="https://avatars.githubusercontent.com/u/12257112?v=4?s=100" width="100px;" alt=""/><br /><sub><b>theLMGN</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=theLMGN" title="Code">💻</a></td>
   </tr>
 </table>
 

From a841ce4a0f527ec1d74aab7704b15872dcb88268 Mon Sep 17 00:00:00 2001
From: Atul R <atulanand94@gmail.com>
Date: Tue, 17 Aug 2021 00:00:12 +0200
Subject: [PATCH 08/18] bump deps

---
 package-lock.json                             | 1635 -----------------
 package.json                                  |   12 +-
 .../AnimatedImage/RNAnimatedImage.ts          |    4 +-
 src/components/GridView/RNGridView.ts         |    2 +-
 yarn.lock                                     | 1169 ++++++++++++
 5 files changed, 1178 insertions(+), 1644 deletions(-)
 delete mode 100644 package-lock.json
 create mode 100644 yarn.lock

diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index edf8fbe8..00000000
--- a/package-lock.json
+++ /dev/null
@@ -1,1635 +0,0 @@
-{
-  "name": "@nodegui/react-nodegui",
-  "version": "0.12.0",
-  "lockfileVersion": 1,
-  "requires": true,
-  "dependencies": {
-    "7zip-bin": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/7zip-bin/-/7zip-bin-5.1.0.tgz",
-      "integrity": "sha512-nOZl6SsZFpcKvq7oRxdbBwrhYQ+/iXgWqehnw5meQAeRyP+OzR0CWPE5IDXhQbTVgZxrsgmTk+xs6tVTzqkw+w=="
-    },
-    "7zip-min": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/7zip-min/-/7zip-min-1.3.0.tgz",
-      "integrity": "sha512-gM156Jr4tF1Kq1RyQFJrNzH71VzrlIfCLZFUkvFX/IFJXYQB6rXgBlCCaDhoz6x8GDeNcfwLeF5gnodXBI0riA==",
-      "requires": {
-        "7zip-bin": "^5.0.3"
-      }
-    },
-    "@nodegui/artifact-installer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@nodegui/artifact-installer/-/artifact-installer-1.1.0.tgz",
-      "integrity": "sha512-x/rIewhjnLhf2b3lAy5ZIPSTS39LRpwMTKeEg6sn4RwvWwyNmreGzpvGi6Gkbl6FUpftn70nfOBOpaeO3hO8PQ==",
-      "requires": {
-        "7zip-min": "^1.1.1",
-        "env-paths": "^2.2.0",
-        "make-dir": "^3.0.0",
-        "node-fetch": "^2.6.0",
-        "progress": "^2.0.3"
-      }
-    },
-    "@nodegui/nodegui": {
-      "version": "0.30.2",
-      "resolved": "https://registry.npmjs.org/@nodegui/nodegui/-/nodegui-0.30.2.tgz",
-      "integrity": "sha512-UhUCH6bqaaeMoRFfQBMc0mEozwtF4slV3agwUHkEw9zuLcM+1JZewKIiaKnSHMtYdrbgkIohTDsYxlwHgAXv+A==",
-      "requires": {
-        "@nodegui/artifact-installer": "^1.1.0",
-        "@nodegui/qode": "^2.1.0",
-        "cmake-js": "^6.1.0",
-        "cross-env": "^7.0.3",
-        "cuid": "^2.1.6",
-        "manage-path": "^2.0.0",
-        "memoize-one": "^5.1.1",
-        "node-addon-api": "^3.1.0",
-        "postcss-nodegui-autoprefixer": "0.0.7"
-      }
-    },
-    "@nodegui/qode": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@nodegui/qode/-/qode-2.1.0.tgz",
-      "integrity": "sha512-R31K60Vba4yO2Fy3qXXJkt7XMZnitDhuAVaibSGSbcBJbHhJh0+pDQjzZve1+uY7tCHFIY0oRq3tb70o/BrPZQ==",
-      "requires": {
-        "env-paths": "^2.2.0",
-        "make-dir": "^3.0.2",
-        "node-fetch": "^2.6.0",
-        "progress": "^2.0.3",
-        "tar": "^6.0.1"
-      }
-    },
-    "@types/node": {
-      "version": "14.11.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.11.1.tgz",
-      "integrity": "sha512-oTQgnd0hblfLsJ6BvJzzSL+Inogp3lq9fGgqRkMB/ziKMgEUaFl801OncOzUmalfzt14N0oPHMK47ipl+wbTIw==",
-      "dev": true
-    },
-    "@types/prop-types": {
-      "version": "15.7.3",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
-      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
-    },
-    "@types/react": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.2.tgz",
-      "integrity": "sha512-Xt40xQsrkdvjn1EyWe1Bc0dJLcil/9x2vAuW7ya+PuQip4UYUaXyhzWmAbwRsdMgwOFHpfp7/FFZebDU6Y8VHA==",
-      "requires": {
-        "@types/prop-types": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "@types/react-reconciler": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/@types/react-reconciler/-/react-reconciler-0.18.0.tgz",
-      "integrity": "sha512-hLVaxzL7cGgk/2C/sc8yyyvi+aeeimv7SKOFgyuPFYqNb2rnnQApHabcxo5Xp+GloUAfMe3tyQm2nkrmbLXq4w==",
-      "requires": {
-        "@types/react": "*"
-      }
-    },
-    "ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "requires": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      }
-    },
-    "ansi": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/ansi/-/ansi-0.3.1.tgz",
-      "integrity": "sha1-DELU+xcWDVqa8eSEus4cZpIsGyE="
-    },
-    "ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
-    },
-    "ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "requires": {
-        "color-convert": "^1.9.0"
-      }
-    },
-    "are-we-there-yet": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.0.6.tgz",
-      "integrity": "sha1-otKMkxAqpsyWJFomy5VN4G7FPww=",
-      "requires": {
-        "delegates": "^1.0.0",
-        "readable-stream": "^2.0.0 || ^1.1.13"
-      },
-      "dependencies": {
-        "isarray": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
-        },
-        "readable-stream": {
-          "version": "2.3.7",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-          "requires": {
-            "core-util-is": "~1.0.0",
-            "inherits": "~2.0.3",
-            "isarray": "~1.0.0",
-            "process-nextick-args": "~2.0.0",
-            "safe-buffer": "~5.1.1",
-            "string_decoder": "~1.1.1",
-            "util-deprecate": "~1.0.1"
-          }
-        },
-        "string_decoder": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-          "requires": {
-            "safe-buffer": "~5.1.0"
-          }
-        }
-      }
-    },
-    "asn1": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
-      "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
-      "requires": {
-        "safer-buffer": "~2.1.0"
-      }
-    },
-    "assert-plus": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
-      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU="
-    },
-    "asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
-    },
-    "at-least-node": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
-      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
-      "dev": true
-    },
-    "aws-sign2": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
-      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg="
-    },
-    "aws4": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
-      "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
-    },
-    "balanced-match": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
-    },
-    "bcrypt-pbkdf": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
-      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
-      "requires": {
-        "tweetnacl": "^0.14.3"
-      }
-    },
-    "big-integer": {
-      "version": "1.6.48",
-      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.48.tgz",
-      "integrity": "sha512-j51egjPa7/i+RdiRuJbPdJ2FIUYYPhvYLjzoYbcMMm62ooO6F94fETG4MTs46zPAF9Brs04OajboA/qTGuz78w=="
-    },
-    "binary": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/binary/-/binary-0.3.0.tgz",
-      "integrity": "sha1-n2BVO8XOjDOG87VTz/R0Yq3sqnk=",
-      "requires": {
-        "buffers": "~0.1.1",
-        "chainsaw": "~0.1.0"
-      }
-    },
-    "bluebird": {
-      "version": "3.4.7",
-      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.4.7.tgz",
-      "integrity": "sha1-9y12C+Cbf3bQjtj66Ysomo0F+rM="
-    },
-    "brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "requires": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "buffer-indexof-polyfill": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/buffer-indexof-polyfill/-/buffer-indexof-polyfill-1.0.2.tgz",
-      "integrity": "sha512-I7wzHwA3t1/lwXQh+A5PbNvJxgfo5r3xulgpYDB5zckTu/Z9oUK9biouBKQUjEqzaz3HnAT6TYoovmE+GqSf7A=="
-    },
-    "buffer-shims": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/buffer-shims/-/buffer-shims-1.0.0.tgz",
-      "integrity": "sha1-mXjOMXOIxkmth5MCjDR37wRKi1E="
-    },
-    "buffers": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/buffers/-/buffers-0.1.1.tgz",
-      "integrity": "sha1-skV5w77U1tOWru5tmorn9Ugqt7s="
-    },
-    "camelcase": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
-      "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8="
-    },
-    "caseless": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
-      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
-    },
-    "centra": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/centra/-/centra-2.4.2.tgz",
-      "integrity": "sha512-f1RaP0V1HqVNEXfLfjNBthB2yy3KnSGnPCnOPCFLUk9e/Z4rNJ8nBaJNnghflnp88mi1IT8mfmW+HlMS1/H+bg=="
-    },
-    "chainsaw": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/chainsaw/-/chainsaw-0.1.0.tgz",
-      "integrity": "sha1-XqtQsor+WAdNDVgpE4iCi15fvJg=",
-      "requires": {
-        "traverse": ">=0.3.0 <0.4"
-      }
-    },
-    "chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "requires": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "dependencies": {
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
-      }
-    },
-    "chownr": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ=="
-    },
-    "cliui": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
-      "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
-      "requires": {
-        "string-width": "^1.0.1",
-        "strip-ansi": "^3.0.1",
-        "wrap-ansi": "^2.0.0"
-      }
-    },
-    "cmake-js": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/cmake-js/-/cmake-js-6.1.0.tgz",
-      "integrity": "sha512-utmukLQftpgrCpGRCaHnkv4K27HZNNFqmBl4vnvccy0xp4c1erxjFU/Lq4wn5ngAhFZmpwBPQfoKWKThjSBiwg==",
-      "requires": {
-        "debug": "^4",
-        "fs-extra": "^5.0.0",
-        "is-iojs": "^1.0.1",
-        "lodash": "^4",
-        "memory-stream": "0",
-        "npmlog": "^1.2.0",
-        "rc": "^1.2.7",
-        "request": "^2.54.0",
-        "semver": "^5.0.3",
-        "splitargs": "0",
-        "tar": "^4",
-        "unzipper": "^0.8.13",
-        "url-join": "0",
-        "which": "^1.0.9",
-        "yargs": "^3.6.0"
-      },
-      "dependencies": {
-        "chownr": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-          "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
-        },
-        "fs-minipass": {
-          "version": "1.2.7",
-          "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.7.tgz",
-          "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==",
-          "requires": {
-            "minipass": "^2.6.0"
-          }
-        },
-        "minipass": {
-          "version": "2.9.0",
-          "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
-          "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
-          "requires": {
-            "safe-buffer": "^5.1.2",
-            "yallist": "^3.0.0"
-          }
-        },
-        "minizlib": {
-          "version": "1.3.3",
-          "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz",
-          "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==",
-          "requires": {
-            "minipass": "^2.9.0"
-          }
-        },
-        "mkdirp": {
-          "version": "0.5.5",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
-          "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
-          "requires": {
-            "minimist": "^1.2.5"
-          }
-        },
-        "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
-        },
-        "tar": {
-          "version": "4.4.13",
-          "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
-          "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
-          "requires": {
-            "chownr": "^1.1.1",
-            "fs-minipass": "^1.2.5",
-            "minipass": "^2.8.6",
-            "minizlib": "^1.2.1",
-            "mkdirp": "^0.5.0",
-            "safe-buffer": "^5.1.2",
-            "yallist": "^3.0.3"
-          }
-        },
-        "yallist": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
-        }
-      }
-    },
-    "code-point-at": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
-    },
-    "color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "requires": {
-        "color-name": "1.1.3"
-      }
-    },
-    "color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
-    },
-    "combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "requires": {
-        "delayed-stream": "~1.0.0"
-      }
-    },
-    "concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
-    },
-    "core-util-is": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
-    },
-    "cross-env": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
-      "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==",
-      "requires": {
-        "cross-spawn": "^7.0.1"
-      }
-    },
-    "cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "requires": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "dependencies": {
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "requires": {
-            "isexe": "^2.0.0"
-          }
-        }
-      }
-    },
-    "csstype": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.7.tgz",
-      "integrity": "sha512-KxnUB0ZMlnUWCsx2Z8MUsr6qV6ja1w9ArPErJaJaF8a5SOWoHLIszeCTKGRGRgtLgYrs1E8CHkNSP1VZTTPc9g=="
-    },
-    "cuid": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/cuid/-/cuid-2.1.8.tgz",
-      "integrity": "sha512-xiEMER6E7TlTPnDxrM4eRiC6TRgjNX9xzEZ5U/Se2YJKr7Mq4pJn/2XEHjl3STcSh96GmkHPcBXLES8M29wyyg=="
-    },
-    "dashdash": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
-      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
-      "requires": {
-        "assert-plus": "^1.0.0"
-      }
-    },
-    "debug": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
-      "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
-      "requires": {
-        "ms": "2.1.2"
-      }
-    },
-    "decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA="
-    },
-    "deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA=="
-    },
-    "delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk="
-    },
-    "delegates": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o="
-    },
-    "duplexer2": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
-      "integrity": "sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=",
-      "requires": {
-        "readable-stream": "^2.0.2"
-      },
-      "dependencies": {
-        "isarray": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
-        },
-        "readable-stream": {
-          "version": "2.3.7",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-          "requires": {
-            "core-util-is": "~1.0.0",
-            "inherits": "~2.0.3",
-            "isarray": "~1.0.0",
-            "process-nextick-args": "~2.0.0",
-            "safe-buffer": "~5.1.1",
-            "string_decoder": "~1.1.1",
-            "util-deprecate": "~1.0.1"
-          }
-        },
-        "string_decoder": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-          "requires": {
-            "safe-buffer": "~5.1.0"
-          }
-        }
-      }
-    },
-    "ecc-jsbn": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
-      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
-      "requires": {
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
-    "env-paths": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.0.tgz",
-      "integrity": "sha512-6u0VYSCo/OW6IoD5WCLLy9JUGARbamfSavcNXry/eu8aHVFei6CD3Sw+VGX5alea1i9pgPHW0mbu6Xj0uBh7gA=="
-    },
-    "escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
-    },
-    "extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
-    },
-    "extsprintf": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
-      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU="
-    },
-    "fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
-    },
-    "fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
-    },
-    "forever-agent": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
-      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE="
-    },
-    "form-data": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
-      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
-      "requires": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.6",
-        "mime-types": "^2.1.12"
-      }
-    },
-    "fs-extra": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-5.0.0.tgz",
-      "integrity": "sha512-66Pm4RYbjzdyeuqudYqhFiNBbCIuI9kgRqLPSHIlXHidW8NIQtVdkM1yeZ4lXwuhbTETv3EUGMNHAAw6hiundQ==",
-      "requires": {
-        "graceful-fs": "^4.1.2",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
-      }
-    },
-    "fs-minipass": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
-      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-      "requires": {
-        "minipass": "^3.0.0"
-      }
-    },
-    "fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
-    },
-    "fstream": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
-      "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
-      "requires": {
-        "graceful-fs": "^4.1.2",
-        "inherits": "~2.0.0",
-        "mkdirp": ">=0.5 0",
-        "rimraf": "2"
-      },
-      "dependencies": {
-        "mkdirp": {
-          "version": "0.5.5",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
-          "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
-          "requires": {
-            "minimist": "^1.2.5"
-          }
-        }
-      }
-    },
-    "function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
-    },
-    "gauge": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/gauge/-/gauge-1.2.7.tgz",
-      "integrity": "sha1-6c7FSD09TuDvRLYKfZnkk14TbZM=",
-      "requires": {
-        "ansi": "^0.3.0",
-        "has-unicode": "^2.0.0",
-        "lodash.pad": "^4.1.0",
-        "lodash.padend": "^4.1.0",
-        "lodash.padstart": "^4.1.0"
-      }
-    },
-    "getpass": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
-      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
-      "requires": {
-        "assert-plus": "^1.0.0"
-      }
-    },
-    "glob": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-      "requires": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      }
-    },
-    "graceful-fs": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
-      "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw=="
-    },
-    "handlebars": {
-      "version": "4.7.7",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.7.tgz",
-      "integrity": "sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.5",
-        "neo-async": "^2.6.0",
-        "source-map": "^0.6.1",
-        "uglify-js": "^3.1.4",
-        "wordwrap": "^1.0.0"
-      }
-    },
-    "har-schema": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
-      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI="
-    },
-    "har-validator": {
-      "version": "5.1.5",
-      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
-      "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
-      "requires": {
-        "ajv": "^6.12.3",
-        "har-schema": "^2.0.0"
-      }
-    },
-    "has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1"
-      }
-    },
-    "has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
-    },
-    "has-unicode": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk="
-    },
-    "highlight.js": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.6.0.tgz",
-      "integrity": "sha512-8mlRcn5vk/r4+QcqerapwBYTe+iPL5ih6xrNylxrnBdHQiijDETfXX7VIxC3UiCRiINBJfANBAsPzAvRQj8RpQ==",
-      "dev": true
-    },
-    "http-signature": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
-      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
-      "requires": {
-        "assert-plus": "^1.0.0",
-        "jsprim": "^1.2.2",
-        "sshpk": "^1.7.0"
-      }
-    },
-    "inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "requires": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
-    },
-    "interpret": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
-      "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
-      "dev": true
-    },
-    "invert-kv": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
-      "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY="
-    },
-    "is-core-module": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz",
-      "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==",
-      "dev": true,
-      "requires": {
-        "has": "^1.0.3"
-      }
-    },
-    "is-fullwidth-code-point": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
-      "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-      "requires": {
-        "number-is-nan": "^1.0.0"
-      }
-    },
-    "is-iojs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-iojs/-/is-iojs-1.1.0.tgz",
-      "integrity": "sha1-TBEDO11dlNbqs3dd7cm+fQCDJfE="
-    },
-    "is-typedarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
-    },
-    "isarray": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-      "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
-    },
-    "isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
-    },
-    "isstream": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
-      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
-    },
-    "js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "jsbn": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
-      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM="
-    },
-    "json-schema": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
-      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM="
-    },
-    "json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-    },
-    "json-stringify-safe": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
-      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus="
-    },
-    "jsonfile": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
-      "requires": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "jsprim": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
-      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
-      "requires": {
-        "assert-plus": "1.0.0",
-        "extsprintf": "1.3.0",
-        "json-schema": "0.2.3",
-        "verror": "1.10.0"
-      }
-    },
-    "lcid": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
-      "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
-      "requires": {
-        "invert-kv": "^1.0.0"
-      }
-    },
-    "listenercount": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/listenercount/-/listenercount-1.0.1.tgz",
-      "integrity": "sha1-hMinKrWcRyUyFIDJdeZQg0LnCTc="
-    },
-    "lodash": {
-      "version": "4.17.20",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
-      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
-    },
-    "lodash.pad": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/lodash.pad/-/lodash.pad-4.5.1.tgz",
-      "integrity": "sha1-QzCUmoM6fI2iLMIPaibE1Z3runA="
-    },
-    "lodash.padend": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/lodash.padend/-/lodash.padend-4.6.1.tgz",
-      "integrity": "sha1-U8y6BH0G4VjTEfRdpiX05J5vFm4="
-    },
-    "lodash.padstart": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/lodash.padstart/-/lodash.padstart-4.6.1.tgz",
-      "integrity": "sha1-0uPuv/DZ05rVD1y9G1KnvOa7YRs="
-    },
-    "loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "requires": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      }
-    },
-    "lunr": {
-      "version": "2.3.9",
-      "resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz",
-      "integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==",
-      "dev": true
-    },
-    "make-dir": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-      "requires": {
-        "semver": "^6.0.0"
-      }
-    },
-    "manage-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/manage-path/-/manage-path-2.0.0.tgz",
-      "integrity": "sha1-9M+EV7km7u4qg7FzUBQUvHbrlZc="
-    },
-    "marked": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-1.0.0.tgz",
-      "integrity": "sha512-Wo+L1pWTVibfrSr+TTtMuiMfNzmZWiOPeO7rZsQUY5bgsxpHesBEcIWJloWVTFnrMXnf/TL30eTFSGJddmQAng==",
-      "dev": true
-    },
-    "memoize-one": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.1.1.tgz",
-      "integrity": "sha512-HKeeBpWvqiVJD57ZUAsJNm71eHTykffzcLZVYWiVfQeI1rJtuEaS7hQiEpWfVVk18donPwJEcFKIkCmPJNOhHA=="
-    },
-    "memory-stream": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/memory-stream/-/memory-stream-0.0.3.tgz",
-      "integrity": "sha1-6+jdHDuLw4wOeUHp3dWuvmtN6D8=",
-      "requires": {
-        "readable-stream": "~1.0.26-2"
-      }
-    },
-    "mime-db": {
-      "version": "1.46.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.46.0.tgz",
-      "integrity": "sha512-svXaP8UQRZ5K7or+ZmfNhg2xX3yKDMUzqadsSqi4NCH/KomcH75MAMYAGVlvXn4+b/xOPhS3I2uHKRUzvjY7BQ=="
-    },
-    "mime-types": {
-      "version": "2.1.29",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.29.tgz",
-      "integrity": "sha512-Y/jMt/S5sR9OaqteJtslsFZKWOIIqMACsJSiHghlCAyhf7jfVYjKBmLiX8OgpWeW+fjJ2b+Az69aPFPkUOY6xQ==",
-      "requires": {
-        "mime-db": "1.46.0"
-      }
-    },
-    "minimatch": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-      "requires": {
-        "brace-expansion": "^1.1.7"
-      }
-    },
-    "minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
-    },
-    "minipass": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.3.tgz",
-      "integrity": "sha512-Mgd2GdMVzY+x3IJ+oHnVM+KG3lA5c8tnabyJKmHSaG2kAGpudxuOf8ToDkhumF7UzME7DecbQE9uOZhNm7PuJg==",
-      "requires": {
-        "yallist": "^4.0.0"
-      }
-    },
-    "minizlib": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
-      "requires": {
-        "minipass": "^3.0.0",
-        "yallist": "^4.0.0"
-      }
-    },
-    "mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
-    },
-    "ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
-    "neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
-    },
-    "node-addon-api": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.1.0.tgz",
-      "integrity": "sha512-flmrDNB06LIl5lywUz7YlNGZH/5p0M7W28k8hzd9Lshtdh1wshD2Y+U4h9LD6KObOy1f+fEVdgprPrEymjM5uw=="
-    },
-    "node-fetch": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
-      "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw=="
-    },
-    "npmlog": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-1.2.1.tgz",
-      "integrity": "sha1-KOe+YZYJtT960d0wChDWTXFiaLY=",
-      "requires": {
-        "ansi": "~0.3.0",
-        "are-we-there-yet": "~1.0.0",
-        "gauge": "~1.2.0"
-      }
-    },
-    "number-is-nan": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
-    },
-    "oauth-sign": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
-      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ=="
-    },
-    "object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
-    },
-    "once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "requires": {
-        "wrappy": "1"
-      }
-    },
-    "os-locale": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
-      "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
-      "requires": {
-        "lcid": "^1.0.0"
-      }
-    },
-    "path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
-    },
-    "path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
-    },
-    "path-parse": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
-      "dev": true
-    },
-    "performance-now": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
-    },
-    "phin": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/phin/-/phin-3.5.1.tgz",
-      "integrity": "sha512-jgFO28IaiWAl0xk+zmqVx7neKVokWKU8YTQC5QlB45SZnEE53LH2saqJIcyIV557VX3Gk+TdR4rwWTc3P83DSA==",
-      "requires": {
-        "centra": "^2.4.2"
-      }
-    },
-    "postcss": {
-      "version": "7.0.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
-      "requires": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
-      }
-    },
-    "postcss-nodegui-autoprefixer": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/postcss-nodegui-autoprefixer/-/postcss-nodegui-autoprefixer-0.0.7.tgz",
-      "integrity": "sha512-cPNAIz9siY+ssc3ecdPaeflfdc2HRS6tgQGu59YKLiiaZT3iMw578l1LTFfmEnJtv1RvNEQUNn/YjHyySXla2Q==",
-      "requires": {
-        "postcss": "^7.0.17"
-      }
-    },
-    "prettier": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.1.2.tgz",
-      "integrity": "sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg==",
-      "dev": true
-    },
-    "process-nextick-args": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
-    },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
-    },
-    "prop-types": {
-      "version": "15.7.2",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
-      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
-      "requires": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.8.1"
-      }
-    },
-    "psl": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
-      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ=="
-    },
-    "punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
-    },
-    "qs": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA=="
-    },
-    "rc": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "requires": {
-        "deep-extend": "^0.6.0",
-        "ini": "~1.3.0",
-        "minimist": "^1.2.0",
-        "strip-json-comments": "~2.0.1"
-      }
-    },
-    "react": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.13.1.tgz",
-      "integrity": "sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==",
-      "dev": true,
-      "requires": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2"
-      }
-    },
-    "react-deep-force-update": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/react-deep-force-update/-/react-deep-force-update-2.1.3.tgz",
-      "integrity": "sha512-lqD4eHKVuB65RyO/hGbEST53E2/GPbcIPcFYyeW/p4vNngtH4G7jnKGlU6u1OqrFo0uNfIvwuBOg98IbLHlNEA=="
-    },
-    "react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
-    "react-proxy": {
-      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/react-proxy/-/react-proxy-2.0.8.tgz",
-      "integrity": "sha1-dq54yb5OVNQJz+x7t9UT7H8bKEw=",
-      "requires": {
-        "lodash": "^4.6.1"
-      }
-    },
-    "react-reconciler": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.25.1.tgz",
-      "integrity": "sha512-R5UwsIvRcSs3w8n9k3tBoTtUHdVhu9u84EG7E5M0Jk9F5i6DA1pQzPfUZd6opYWGy56MJOtV3VADzy6DRwYDjw==",
-      "requires": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.19.1"
-      }
-    },
-    "readable-stream": {
-      "version": "1.0.34",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
-      "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
-      "requires": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.1",
-        "isarray": "0.0.1",
-        "string_decoder": "~0.10.x"
-      }
-    },
-    "rechoir": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz",
-      "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=",
-      "dev": true,
-      "requires": {
-        "resolve": "^1.1.6"
-      }
-    },
-    "request": {
-      "version": "2.88.2",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
-      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
-      "requires": {
-        "aws-sign2": "~0.7.0",
-        "aws4": "^1.8.0",
-        "caseless": "~0.12.0",
-        "combined-stream": "~1.0.6",
-        "extend": "~3.0.2",
-        "forever-agent": "~0.6.1",
-        "form-data": "~2.3.2",
-        "har-validator": "~5.1.3",
-        "http-signature": "~1.2.0",
-        "is-typedarray": "~1.0.0",
-        "isstream": "~0.1.2",
-        "json-stringify-safe": "~5.0.1",
-        "mime-types": "~2.1.19",
-        "oauth-sign": "~0.9.0",
-        "performance-now": "^2.1.0",
-        "qs": "~6.5.2",
-        "safe-buffer": "^5.1.2",
-        "tough-cookie": "~2.5.0",
-        "tunnel-agent": "^0.6.0",
-        "uuid": "^3.3.2"
-      }
-    },
-    "resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
-      "dev": true,
-      "requires": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
-      }
-    },
-    "rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "requires": {
-        "glob": "^7.1.3"
-      }
-    },
-    "safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-    },
-    "scheduler": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
-      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "requires": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
-      }
-    },
-    "semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-    },
-    "setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU="
-    },
-    "shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "requires": {
-        "shebang-regex": "^3.0.0"
-      }
-    },
-    "shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
-    },
-    "shelljs": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.4.tgz",
-      "integrity": "sha512-7gk3UZ9kOfPLIAbslLzyWeGiEqx9e3rxwZM0KE6EL8GlGwjym9Mrlx5/p33bWTu9YG6vcS4MBxYZDHYr5lr8BQ==",
-      "dev": true,
-      "requires": {
-        "glob": "^7.0.0",
-        "interpret": "^1.0.0",
-        "rechoir": "^0.6.2"
-      }
-    },
-    "source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-    },
-    "splitargs": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/splitargs/-/splitargs-0.0.7.tgz",
-      "integrity": "sha1-/p965lc3GzOxDLgNoUPPgknPazs="
-    },
-    "sshpk": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
-      "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
-      "requires": {
-        "asn1": "~0.2.3",
-        "assert-plus": "^1.0.0",
-        "bcrypt-pbkdf": "^1.0.0",
-        "dashdash": "^1.12.0",
-        "ecc-jsbn": "~0.1.1",
-        "getpass": "^0.1.1",
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.0.2",
-        "tweetnacl": "~0.14.0"
-      }
-    },
-    "string-width": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
-      "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-      "requires": {
-        "code-point-at": "^1.0.0",
-        "is-fullwidth-code-point": "^1.0.0",
-        "strip-ansi": "^3.0.0"
-      }
-    },
-    "string_decoder": {
-      "version": "0.10.31",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
-      "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
-    },
-    "strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-      "requires": {
-        "ansi-regex": "^2.0.0"
-      }
-    },
-    "strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo="
-    },
-    "supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "requires": {
-        "has-flag": "^3.0.0"
-      }
-    },
-    "tar": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.0.tgz",
-      "integrity": "sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA==",
-      "requires": {
-        "chownr": "^2.0.0",
-        "fs-minipass": "^2.0.0",
-        "minipass": "^3.0.0",
-        "minizlib": "^2.1.1",
-        "mkdirp": "^1.0.3",
-        "yallist": "^4.0.0"
-      }
-    },
-    "tough-cookie": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
-      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
-      "requires": {
-        "psl": "^1.1.28",
-        "punycode": "^2.1.1"
-      }
-    },
-    "traverse": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.3.9.tgz",
-      "integrity": "sha1-cXuPIgzAu3tE5AUUwisui7xw2Lk="
-    },
-    "tunnel-agent": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
-      "requires": {
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "tweetnacl": {
-      "version": "0.14.5",
-      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
-      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
-    },
-    "typedoc": {
-      "version": "0.17.8",
-      "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.17.8.tgz",
-      "integrity": "sha512-/OyrHCJ8jtzu+QZ+771YaxQ9s4g5Z3XsQE3Ma7q+BL392xxBn4UMvvCdVnqKC2T/dz03/VXSLVKOP3lHmDdc/w==",
-      "dev": true,
-      "requires": {
-        "fs-extra": "^8.1.0",
-        "handlebars": "^4.7.6",
-        "highlight.js": "^10.0.0",
-        "lodash": "^4.17.15",
-        "lunr": "^2.3.8",
-        "marked": "1.0.0",
-        "minimatch": "^3.0.0",
-        "progress": "^2.0.3",
-        "shelljs": "^0.8.4",
-        "typedoc-default-themes": "^0.10.2"
-      },
-      "dependencies": {
-        "fs-extra": {
-          "version": "8.1.0",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
-          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
-          "dev": true,
-          "requires": {
-            "graceful-fs": "^4.2.0",
-            "jsonfile": "^4.0.0",
-            "universalify": "^0.1.0"
-          }
-        }
-      }
-    },
-    "typedoc-default-themes": {
-      "version": "0.10.2",
-      "resolved": "https://registry.npmjs.org/typedoc-default-themes/-/typedoc-default-themes-0.10.2.tgz",
-      "integrity": "sha512-zo09yRj+xwLFE3hyhJeVHWRSPuKEIAsFK5r2u47KL/HBKqpwdUSanoaz5L34IKiSATFrjG5ywmIu98hPVMfxZg==",
-      "dev": true,
-      "requires": {
-        "lunr": "^2.3.8"
-      }
-    },
-    "typedoc-plugin-markdown": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/typedoc-plugin-markdown/-/typedoc-plugin-markdown-2.4.2.tgz",
-      "integrity": "sha512-BBH+9/Uq5XbsqfzCDl8Jq4iaLXRMXRuAHZRFarAZX7df8+F3vUjDx/WHWoWqbZ/XUFzduLC2Iuy2qwsJX8SQ7A==",
-      "dev": true,
-      "requires": {
-        "fs-extra": "^9.0.1",
-        "handlebars": "^4.7.6"
-      },
-      "dependencies": {
-        "fs-extra": {
-          "version": "9.1.0",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
-          "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-          "dev": true,
-          "requires": {
-            "at-least-node": "^1.0.0",
-            "graceful-fs": "^4.2.0",
-            "jsonfile": "^6.0.1",
-            "universalify": "^2.0.0"
-          }
-        },
-        "jsonfile": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-          "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-          "dev": true,
-          "requires": {
-            "graceful-fs": "^4.1.6",
-            "universalify": "^2.0.0"
-          }
-        },
-        "universalify": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-          "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-          "dev": true
-        }
-      }
-    },
-    "typescript": {
-      "version": "3.9.7",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
-      "integrity": "sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==",
-      "dev": true
-    },
-    "uglify-js": {
-      "version": "3.12.8",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.12.8.tgz",
-      "integrity": "sha512-fvBeuXOsvqjecUtF/l1dwsrrf5y2BCUk9AOJGzGcm6tE7vegku5u/YvqjyDaAGr422PLoLnrxg3EnRvTqsdC1w==",
-      "dev": true,
-      "optional": true
-    },
-    "universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
-    },
-    "unzipper": {
-      "version": "0.8.14",
-      "resolved": "https://registry.npmjs.org/unzipper/-/unzipper-0.8.14.tgz",
-      "integrity": "sha512-8rFtE7EP5ssOwGpN2dt1Q4njl0N1hUXJ7sSPz0leU2hRdq6+pra57z4YPBlVqm40vcgv6ooKZEAx48fMTv9x4w==",
-      "requires": {
-        "big-integer": "^1.6.17",
-        "binary": "~0.3.0",
-        "bluebird": "~3.4.1",
-        "buffer-indexof-polyfill": "~1.0.0",
-        "duplexer2": "~0.1.4",
-        "fstream": "~1.0.10",
-        "listenercount": "~1.0.1",
-        "readable-stream": "~2.1.5",
-        "setimmediate": "~1.0.4"
-      },
-      "dependencies": {
-        "isarray": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
-        },
-        "process-nextick-args": {
-          "version": "1.0.7",
-          "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz",
-          "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M="
-        },
-        "readable-stream": {
-          "version": "2.1.5",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.1.5.tgz",
-          "integrity": "sha1-ZvqLcg4UOLNkaB8q0aY8YYRIydA=",
-          "requires": {
-            "buffer-shims": "^1.0.0",
-            "core-util-is": "~1.0.0",
-            "inherits": "~2.0.1",
-            "isarray": "~1.0.0",
-            "process-nextick-args": "~1.0.6",
-            "string_decoder": "~0.10.x",
-            "util-deprecate": "~1.0.1"
-          }
-        }
-      }
-    },
-    "uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "requires": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "url-join": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/url-join/-/url-join-0.0.1.tgz",
-      "integrity": "sha1-HbSK1CLTQCRpqH99l73r/k+x48g="
-    },
-    "util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
-    },
-    "uuid": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
-      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
-    },
-    "verror": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
-      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
-      "requires": {
-        "assert-plus": "^1.0.0",
-        "core-util-is": "1.0.2",
-        "extsprintf": "^1.2.0"
-      }
-    },
-    "which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "requires": {
-        "isexe": "^2.0.0"
-      }
-    },
-    "window-size": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.4.tgz",
-      "integrity": "sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY="
-    },
-    "wordwrap": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
-      "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
-      "dev": true
-    },
-    "wrap-ansi": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
-      "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
-      "requires": {
-        "string-width": "^1.0.1",
-        "strip-ansi": "^3.0.1"
-      }
-    },
-    "wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
-    },
-    "y18n": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.2.tgz",
-      "integrity": "sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ=="
-    },
-    "yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-    },
-    "yargs": {
-      "version": "3.32.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.32.0.tgz",
-      "integrity": "sha1-AwiOnr+edWtpdRYR0qXvWRSCyZU=",
-      "requires": {
-        "camelcase": "^2.0.1",
-        "cliui": "^3.0.3",
-        "decamelize": "^1.1.1",
-        "os-locale": "^1.4.0",
-        "string-width": "^1.0.1",
-        "window-size": "^0.1.4",
-        "y18n": "^3.2.0"
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
index d7f33cf5..3626da87 100644
--- a/package.json
+++ b/package.json
@@ -20,22 +20,22 @@
     "docs": "typedoc && node ./website/docs/scripts/fixdocs.js"
   },
   "dependencies": {
-    "@nodegui/nodegui": "^0.30.2",
+    "@nodegui/nodegui": "^0.36.0",
     "@types/react-reconciler": "^0.18.0",
-    "phin": "^3.4.1",
+    "phin": "3.5.1",
     "react-deep-force-update": "^2.1.3",
     "react-proxy": "^2.0.8",
     "react-reconciler": "^0.25.1"
   },
   "peerDependencies": {
-    "react": "^16.9.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "@types/node": "^14.11.1",
-    "prettier": "^2.1.2",
+    "@types/node": "^16.6.1",
+    "prettier": "^2.3.2",
     "react": "^16.13.1",
     "typedoc": "^0.17.8",
     "typedoc-plugin-markdown": "^2.4.2",
-    "typescript": "^3.9.7"
+    "typescript": "^4.3.5"
   }
 }
diff --git a/src/components/AnimatedImage/RNAnimatedImage.ts b/src/components/AnimatedImage/RNAnimatedImage.ts
index 0665b956..b39dcdea 100644
--- a/src/components/AnimatedImage/RNAnimatedImage.ts
+++ b/src/components/AnimatedImage/RNAnimatedImage.ts
@@ -20,7 +20,7 @@ const setAnimatedImageProps = (
         return;
       }
       getLoadedQMovie(imageUrlOrPath)
-        .then(movie => {
+        .then((movie) => {
           widget.setMovie(movie);
           widget.movie()?.start();
         })
@@ -31,7 +31,7 @@ const setAnimatedImageProps = (
       movie.loadFromData(imageBuffer);
       widget.setMovie(movie);
       widget.movie()?.start();
-    }
+    },
   };
   Object.assign(setter, newProps);
   setTextProps(widget, newProps, oldProps);
diff --git a/src/components/GridView/RNGridView.ts b/src/components/GridView/RNGridView.ts
index 6e2e40da..0483fa92 100644
--- a/src/components/GridView/RNGridView.ts
+++ b/src/components/GridView/RNGridView.ts
@@ -83,7 +83,7 @@ export class RNGridView extends QWidget implements RNComponent {
     return this._layout;
   }
 
-  set layout(l: QGridLayout) {
+  set layout(l: QGridLayout | undefined) {
     this._layout = l;
   }
 
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 00000000..f175f0ea
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,1169 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"7zip-bin@^5.1.1":
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/7zip-bin/-/7zip-bin-5.1.1.tgz#9274ec7460652f9c632c59addf24efb1684ef876"
+  integrity sha512-sAP4LldeWNz0lNzmTird3uWfFDWWTeg6V/MsmyyLR9X1idwKBWIgt/ZvinqQldJm3LecKEs1emkbquO6PCiLVQ==
+
+"7zip-min@^1.1.1":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/7zip-min/-/7zip-min-1.3.2.tgz#cddaf88a4d5b3e896c686bc7bb8969418affd188"
+  integrity sha512-6mJ0lJ6N0djfUgt9xBaupr7Se0pidYNM2UIDYk2CJg4S9071TeY0QfSCN11iLMs1qEjLklRiOxBhIdk8futW4A==
+  dependencies:
+    "7zip-bin" "^5.1.1"
+
+"@nodegui/artifact-installer@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@nodegui/artifact-installer/-/artifact-installer-1.1.0.tgz#0888b02e114b0d81973f950426c2d4c43cfe3085"
+  integrity sha512-x/rIewhjnLhf2b3lAy5ZIPSTS39LRpwMTKeEg6sn4RwvWwyNmreGzpvGi6Gkbl6FUpftn70nfOBOpaeO3hO8PQ==
+  dependencies:
+    "7zip-min" "^1.1.1"
+    env-paths "^2.2.0"
+    make-dir "^3.0.0"
+    node-fetch "^2.6.0"
+    progress "^2.0.3"
+
+"@nodegui/nodegui@^0.36.0":
+  version "0.36.0"
+  resolved "https://registry.yarnpkg.com/@nodegui/nodegui/-/nodegui-0.36.0.tgz#8ae819c23c7ea89d29c75a60785d9013c4950b6b"
+  integrity sha512-8vCf31gXQdLQordqu1b5weI8zsLczY/pWeAF2j0MPo7YcGARyx6uRaSDYhNJa+WcQZeZiYIbREluqvGSiJ7zUA==
+  dependencies:
+    "@nodegui/artifact-installer" "^1.1.0"
+    "@nodegui/qode" "^16.4.0"
+    cmake-js "^6.2.1"
+    cross-env "^7.0.3"
+    cuid "^2.1.8"
+    manage-path "^2.0.0"
+    memoize-one "^5.2.1"
+    node-addon-api "^4.0.0"
+    postcss-nodegui-autoprefixer "0.0.7"
+
+"@nodegui/qode@^16.4.0":
+  version "16.4.0"
+  resolved "https://registry.yarnpkg.com/@nodegui/qode/-/qode-16.4.0.tgz#d18b9c569b51b131331729ea095402bc2e028c19"
+  integrity sha512-uNoTR9f02F/SmK+xzvlXJs/yuW0zYcuPZf99v4z7tPeugLukrPbE2MJfsq8edGNfWxu3d+pRwMN+UNYSq0dLgQ==
+  dependencies:
+    env-paths "^2.2.1"
+    make-dir "^3.1.0"
+    node-fetch "^2.6.1"
+    progress "^2.0.3"
+    tar "^6.1.6"
+
+"@types/node@^16.6.1":
+  version "16.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.6.1.tgz#aee62c7b966f55fc66c7b6dfa1d58db2a616da61"
+  integrity sha512-Sr7BhXEAer9xyGuCN3Ek9eg9xPviCF2gfu9kTfuU2HkTVAMYSDeX40fvpmo72n5nansg3nsBjuQBrsS28r+NUw==
+
+"@types/prop-types@*":
+  version "15.7.4"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11"
+  integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ==
+
+"@types/react-reconciler@^0.18.0":
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/@types/react-reconciler/-/react-reconciler-0.18.0.tgz#fce2b444103f44904e73eba349ac6552e2771f64"
+  integrity sha512-hLVaxzL7cGgk/2C/sc8yyyvi+aeeimv7SKOFgyuPFYqNb2rnnQApHabcxo5Xp+GloUAfMe3tyQm2nkrmbLXq4w==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*":
+  version "17.0.18"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.18.tgz#4109cbbd901be9582e5e39e3d77acd7b66bb7fbe"
+  integrity sha512-YTLgu7oS5zvSqq49X5Iue5oAbVGhgPc5Au29SJC4VeE17V6gASoOxVkUDy9pXFMRFxCWCD9fLeweNFizo3UzOg==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/scheduler@*":
+  version "0.16.2"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
+  integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi@^0.3.0, ansi@~0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/ansi/-/ansi-0.3.1.tgz#0c42d4fb17160d5a9af1e484bace1c66922c1b21"
+  integrity sha1-DELU+xcWDVqa8eSEus4cZpIsGyE=
+
+are-we-there-yet@~1.0.0:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.0.6.tgz#a2d28c93102aa6cc96245a26cb954de06ec53f0c"
+  integrity sha1-otKMkxAqpsyWJFomy5VN4G7FPww=
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.0 || ^1.1.13"
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+axios@^0.21.1:
+  version "0.21.1"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.1.tgz#22563481962f4d6bde9a76d516ef0e5d3c09b2b8"
+  integrity sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==
+  dependencies:
+    follow-redirects "^1.10.0"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+big-integer@^1.6.17:
+  version "1.6.48"
+  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.48.tgz#8fd88bd1632cba4a1c8c3e3d7159f08bb95b4b9e"
+  integrity sha512-j51egjPa7/i+RdiRuJbPdJ2FIUYYPhvYLjzoYbcMMm62ooO6F94fETG4MTs46zPAF9Brs04OajboA/qTGuz78w==
+
+binary@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/binary/-/binary-0.3.0.tgz#9f60553bc5ce8c3386f3b553cff47462adecaa79"
+  integrity sha1-n2BVO8XOjDOG87VTz/R0Yq3sqnk=
+  dependencies:
+    buffers "~0.1.1"
+    chainsaw "~0.1.0"
+
+bluebird@~3.4.1:
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.4.7.tgz#f72d760be09b7f76d08ed8fae98b289a8d05fab3"
+  integrity sha1-9y12C+Cbf3bQjtj66Ysomo0F+rM=
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+buffer-indexof-polyfill@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/buffer-indexof-polyfill/-/buffer-indexof-polyfill-1.0.2.tgz#d2732135c5999c64b277fcf9b1abe3498254729c"
+  integrity sha512-I7wzHwA3t1/lwXQh+A5PbNvJxgfo5r3xulgpYDB5zckTu/Z9oUK9biouBKQUjEqzaz3HnAT6TYoovmE+GqSf7A==
+
+buffer-shims@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-shims/-/buffer-shims-1.0.0.tgz#9978ce317388c649ad8793028c3477ef044a8b51"
+  integrity sha1-mXjOMXOIxkmth5MCjDR37wRKi1E=
+
+buffers@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/buffers/-/buffers-0.1.1.tgz#b24579c3bed4d6d396aeee6d9a8ae7f5482ab7bb"
+  integrity sha1-skV5w77U1tOWru5tmorn9Ugqt7s=
+
+camelcase@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
+  integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
+
+centra@^2.4.2:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/centra/-/centra-2.5.0.tgz#854c30f9a3ff50da49fa69a8cb441aa25aa1e8e8"
+  integrity sha512-CnSF1HD8vOOgNbE4P2fZEhdhfAohvpcF3DSdSvEcSHDAZvr+Xfw73isT8SXJJc3VMBqSwjXhr29/ikHUgFcypg==
+
+chainsaw@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/chainsaw/-/chainsaw-0.1.0.tgz#5eab50b28afe58074d0d58291388828b5e5fbc98"
+  integrity sha1-XqtQsor+WAdNDVgpE4iCi15fvJg=
+  dependencies:
+    traverse ">=0.3.0 <0.4"
+
+chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chownr@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+
+cliui@^3.0.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
+  integrity sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wrap-ansi "^2.0.0"
+
+cmake-js@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/cmake-js/-/cmake-js-6.2.1.tgz#3791b4a25c009be6368480afbbc657762f9deca1"
+  integrity sha512-wEpg0Z8SY6ihXTe+xosadh4PbASdWSM/locbLacWRYJCZfAjWLyOrd4RoVIeirLkfPxmG8GdNQA9tW/Rz5SfJA==
+  dependencies:
+    axios "^0.21.1"
+    debug "^4"
+    fs-extra "^5.0.0"
+    is-iojs "^1.0.1"
+    lodash "^4"
+    memory-stream "0"
+    npmlog "^1.2.0"
+    rc "^1.2.7"
+    semver "^5.0.3"
+    splitargs "0"
+    tar "^4"
+    unzipper "^0.8.13"
+    url-join "0"
+    which "^1.0.9"
+    yargs "^3.6.0"
+
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+
+core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+
+cross-env@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
+  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
+  dependencies:
+    cross-spawn "^7.0.1"
+
+cross-spawn@^7.0.1:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+csstype@^3.0.2:
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.8.tgz#d2266a792729fb227cd216fb572f43728e1ad340"
+  integrity sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw==
+
+cuid@^2.1.8:
+  version "2.1.8"
+  resolved "https://registry.yarnpkg.com/cuid/-/cuid-2.1.8.tgz#cbb88f954171e0d5747606c0139fb65c5101eac0"
+  integrity sha512-xiEMER6E7TlTPnDxrM4eRiC6TRgjNX9xzEZ5U/Se2YJKr7Mq4pJn/2XEHjl3STcSh96GmkHPcBXLES8M29wyyg==
+
+debug@^4:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
+  dependencies:
+    ms "2.1.2"
+
+decamelize@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+  integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
+
+deep-extend@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
+  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
+
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
+
+duplexer2@~0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
+  integrity sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=
+  dependencies:
+    readable-stream "^2.0.2"
+
+env-paths@^2.2.0, env-paths@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
+
+follow-redirects@^1.10.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.1.tgz#d9114ded0a1cfdd334e164e6662ad02bfd91ff43"
+  integrity sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg==
+
+fs-extra@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-5.0.0.tgz#414d0110cdd06705734d055652c5411260c31abd"
+  integrity sha512-66Pm4RYbjzdyeuqudYqhFiNBbCIuI9kgRqLPSHIlXHidW8NIQtVdkM1yeZ4lXwuhbTETv3EUGMNHAAw6hiundQ==
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+fs-extra@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-minipass@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.7.tgz#ccff8570841e7fe4265693da88936c55aed7f7c7"
+  integrity sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==
+  dependencies:
+    minipass "^2.6.0"
+
+fs-minipass@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
+  dependencies:
+    minipass "^3.0.0"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+
+fstream@~1.0.10:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.12.tgz#4e8ba8ee2d48be4f7d0de505455548eae5932045"
+  integrity sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==
+  dependencies:
+    graceful-fs "^4.1.2"
+    inherits "~2.0.0"
+    mkdirp ">=0.5 0"
+    rimraf "2"
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+gauge@~1.2.0:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-1.2.7.tgz#e9cec5483d3d4ee0ef44b60a7d99e4935e136d93"
+  integrity sha1-6c7FSD09TuDvRLYKfZnkk14TbZM=
+  dependencies:
+    ansi "^0.3.0"
+    has-unicode "^2.0.0"
+    lodash.pad "^4.1.0"
+    lodash.padend "^4.1.0"
+    lodash.padstart "^4.1.0"
+
+glob@^7.0.0, glob@^7.1.3:
+  version "7.1.7"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90"
+  integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+  version "4.2.8"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.8.tgz#e412b8d33f5e006593cbd3cee6df9f2cebbe802a"
+  integrity sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==
+
+handlebars@^4.7.6:
+  version "4.7.7"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
+  integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
+  dependencies:
+    minimist "^1.2.5"
+    neo-async "^2.6.0"
+    source-map "^0.6.1"
+    wordwrap "^1.0.0"
+  optionalDependencies:
+    uglify-js "^3.1.4"
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+highlight.js@^10.0.0:
+  version "10.7.3"
+  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.7.3.tgz#697272e3991356e40c3cac566a74eef681756531"
+  integrity sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+ini@~1.3.0:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+interpret@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
+  integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
+
+invert-kv@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
+  integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY=
+
+is-core-module@^2.2.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.5.0.tgz#f754843617c70bfd29b7bd87327400cda5c18491"
+  integrity sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==
+  dependencies:
+    has "^1.0.3"
+
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-iojs@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-iojs/-/is-iojs-1.1.0.tgz#4c11033b5d5d94d6eab3775dedc9be7d008325f1"
+  integrity sha1-TBEDO11dlNbqs3dd7cm+fQCDJfE=
+
+isarray@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
+  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+
+"js-tokens@^3.0.0 || ^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+lcid@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
+  integrity sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=
+  dependencies:
+    invert-kv "^1.0.0"
+
+listenercount@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/listenercount/-/listenercount-1.0.1.tgz#84c8a72ab59c4725321480c975e6508342e70937"
+  integrity sha1-hMinKrWcRyUyFIDJdeZQg0LnCTc=
+
+lodash.pad@^4.1.0:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/lodash.pad/-/lodash.pad-4.5.1.tgz#4330949a833a7c8da22cc20f6a26c4d59debba70"
+  integrity sha1-QzCUmoM6fI2iLMIPaibE1Z3runA=
+
+lodash.padend@^4.1.0:
+  version "4.6.1"
+  resolved "https://registry.yarnpkg.com/lodash.padend/-/lodash.padend-4.6.1.tgz#53ccba047d06e158d311f45da625f4e49e6f166e"
+  integrity sha1-U8y6BH0G4VjTEfRdpiX05J5vFm4=
+
+lodash.padstart@^4.1.0:
+  version "4.6.1"
+  resolved "https://registry.yarnpkg.com/lodash.padstart/-/lodash.padstart-4.6.1.tgz#d2e3eebff0d9d39ad50f5cbd1b52a7bce6bb611b"
+  integrity sha1-0uPuv/DZ05rVD1y9G1KnvOa7YRs=
+
+lodash@^4, lodash@^4.17.15, lodash@^4.6.1:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+loose-envify@^1.1.0, loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lunr@^2.3.8:
+  version "2.3.9"
+  resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.9.tgz#18b123142832337dd6e964df1a5a7707b25d35e1"
+  integrity sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==
+
+make-dir@^3.0.0, make-dir@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
+manage-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/manage-path/-/manage-path-2.0.0.tgz#f4cf8457b926eeee2a83b173501414bc76eb9597"
+  integrity sha1-9M+EV7km7u4qg7FzUBQUvHbrlZc=
+
+marked@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-1.0.0.tgz#d35784245a04871e5988a491e28867362e941693"
+  integrity sha512-Wo+L1pWTVibfrSr+TTtMuiMfNzmZWiOPeO7rZsQUY5bgsxpHesBEcIWJloWVTFnrMXnf/TL30eTFSGJddmQAng==
+
+memoize-one@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
+  integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
+
+memory-stream@0:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/memory-stream/-/memory-stream-0.0.3.tgz#ebe8dd1c3b8bc38c0e7941e9ddd5aebe6b4de83f"
+  integrity sha1-6+jdHDuLw4wOeUHp3dWuvmtN6D8=
+  dependencies:
+    readable-stream "~1.0.26-2"
+
+minimatch@^3.0.0, minimatch@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@^1.2.0, minimist@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
+
+minipass@^2.6.0, minipass@^2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
+  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
+  dependencies:
+    safe-buffer "^5.1.2"
+    yallist "^3.0.0"
+
+minipass@^3.0.0:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
+  integrity sha512-Mgd2GdMVzY+x3IJ+oHnVM+KG3lA5c8tnabyJKmHSaG2kAGpudxuOf8ToDkhumF7UzME7DecbQE9uOZhNm7PuJg==
+  dependencies:
+    yallist "^4.0.0"
+
+minizlib@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
+  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
+  dependencies:
+    minipass "^2.9.0"
+
+minizlib@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
+
+"mkdirp@>=0.5 0", mkdirp@^0.5.5:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
+  dependencies:
+    minimist "^1.2.5"
+
+mkdirp@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+neo-async@^2.6.0:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+node-addon-api@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-4.0.0.tgz#ac128f43eff7fac4b5f5ef2f39d6d7c2709efead"
+  integrity sha512-ALmRVBFzfwldBfk3SbKfl6+PVMXiCPKZBEfsJqB/EjXAMAI+MfFrEHR+GMRBuI162DihZ1QjEZ8ieYKuRCJ8Hg==
+
+node-fetch@^2.6.0, node-fetch@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
+  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
+
+npmlog@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-1.2.1.tgz#28e7be619609b53f7ad1dd300a10d64d716268b6"
+  integrity sha1-KOe+YZYJtT960d0wChDWTXFiaLY=
+  dependencies:
+    ansi "~0.3.0"
+    are-we-there-yet "~1.0.0"
+    gauge "~1.2.0"
+
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+  integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
+
+object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+os-locale@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
+  integrity sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=
+  dependencies:
+    lcid "^1.0.0"
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+phin@3.5.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/phin/-/phin-3.5.1.tgz#41ce07aa7eb23b1f7ded89fc00a464addddac972"
+  integrity sha512-jgFO28IaiWAl0xk+zmqVx7neKVokWKU8YTQC5QlB45SZnEE53LH2saqJIcyIV557VX3Gk+TdR4rwWTc3P83DSA==
+  dependencies:
+    centra "^2.4.2"
+
+postcss-nodegui-autoprefixer@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/postcss-nodegui-autoprefixer/-/postcss-nodegui-autoprefixer-0.0.7.tgz#57b7602d143b244a136344df3081306b51bda4e5"
+  integrity sha512-cPNAIz9siY+ssc3ecdPaeflfdc2HRS6tgQGu59YKLiiaZT3iMw578l1LTFfmEnJtv1RvNEQUNn/YjHyySXla2Q==
+  dependencies:
+    postcss "^7.0.17"
+
+postcss@^7.0.17:
+  version "7.0.36"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.36.tgz#056f8cffa939662a8f5905950c07d5285644dfcb"
+  integrity sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
+prettier@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
+  integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==
+
+process-nextick-args@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
+  integrity sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+prop-types@^15.6.2:
+  version "15.7.2"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
+  integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.8.1"
+
+rc@^1.2.7:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
+  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
+  dependencies:
+    deep-extend "^0.6.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+react-deep-force-update@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-2.1.3.tgz#740612322e617bcced38f61794a4af75dc3d98e7"
+  integrity sha512-lqD4eHKVuB65RyO/hGbEST53E2/GPbcIPcFYyeW/p4vNngtH4G7jnKGlU6u1OqrFo0uNfIvwuBOg98IbLHlNEA==
+
+react-is@^16.8.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-proxy@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/react-proxy/-/react-proxy-2.0.8.tgz#76ae78c9be4e54d409cfec7bb7d513ec7f1b284c"
+  integrity sha1-dq54yb5OVNQJz+x7t9UT7H8bKEw=
+  dependencies:
+    lodash "^4.6.1"
+
+react-reconciler@^0.25.1:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/react-reconciler/-/react-reconciler-0.25.1.tgz#f9814d59d115e1210762287ce987801529363aaa"
+  integrity sha512-R5UwsIvRcSs3w8n9k3tBoTtUHdVhu9u84EG7E5M0Jk9F5i6DA1pQzPfUZd6opYWGy56MJOtV3VADzy6DRwYDjw==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+    scheduler "^0.19.1"
+
+react@^16.13.1:
+  version "16.14.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
+  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+
+"readable-stream@^2.0.0 || ^1.1.13", readable-stream@^2.0.2:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@~1.0.26-2:
+  version "1.0.34"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c"
+  integrity sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "0.0.1"
+    string_decoder "~0.10.x"
+
+readable-stream@~2.1.5:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.1.5.tgz#66fa8b720e1438b364681f2ad1a63c618448c9d0"
+  integrity sha1-ZvqLcg4UOLNkaB8q0aY8YYRIydA=
+  dependencies:
+    buffer-shims "^1.0.0"
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    string_decoder "~0.10.x"
+    util-deprecate "~1.0.1"
+
+rechoir@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
+  integrity sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=
+  dependencies:
+    resolve "^1.1.6"
+
+resolve@^1.1.6:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
+  integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
+  dependencies:
+    is-core-module "^2.2.0"
+    path-parse "^1.0.6"
+
+rimraf@2:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
+  dependencies:
+    glob "^7.1.3"
+
+safe-buffer@^5.1.2, safe-buffer@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+scheduler@^0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
+  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
+semver@^5.0.3:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
+semver@^6.0.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
+setimmediate@~1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+shelljs@^0.8.4:
+  version "0.8.4"
+  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.4.tgz#de7684feeb767f8716b326078a8a00875890e3c2"
+  integrity sha512-7gk3UZ9kOfPLIAbslLzyWeGiEqx9e3rxwZM0KE6EL8GlGwjym9Mrlx5/p33bWTu9YG6vcS4MBxYZDHYr5lr8BQ==
+  dependencies:
+    glob "^7.0.0"
+    interpret "^1.0.0"
+    rechoir "^0.6.2"
+
+source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+splitargs@0:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/splitargs/-/splitargs-0.0.7.tgz#fe9f7ae657371b33b10cb80da143cf8249cf6b3b"
+  integrity sha1-/p965lc3GzOxDLgNoUPPgknPazs=
+
+string-width@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
+
+string_decoder@~0.10.x:
+  version "0.10.31"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
+  integrity sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
+  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
+  dependencies:
+    has-flag "^3.0.0"
+
+tar@^4:
+  version "4.4.17"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.17.tgz#44be5e3fa8353ee1d11db3b1401561223a5c3985"
+  integrity sha512-q7OwXq6NTdcYIa+k58nEMV3j1euhDhGCs/VRw9ymx/PbH0jtIM2+VTgDE/BW3rbLkrBUXs5fzEKgic5oUciu7g==
+  dependencies:
+    chownr "^1.1.4"
+    fs-minipass "^1.2.7"
+    minipass "^2.9.0"
+    minizlib "^1.3.3"
+    mkdirp "^0.5.5"
+    safe-buffer "^5.2.1"
+    yallist "^3.1.1"
+
+tar@^6.1.6:
+  version "6.1.8"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.8.tgz#4fc50cfe56511c538ce15b71e05eebe66530cbd4"
+  integrity sha512-sb9b0cp855NbkMJcskdSYA7b11Q8JsX4qe4pyUAfHp+Y6jBjJeek2ZVlwEfWayshEIwlIzXx0Fain3QG9JPm2A==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^3.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
+"traverse@>=0.3.0 <0.4":
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.3.9.tgz#717b8f220cc0bb7b44e40514c22b2e8bbc70d8b9"
+  integrity sha1-cXuPIgzAu3tE5AUUwisui7xw2Lk=
+
+typedoc-default-themes@^0.10.2:
+  version "0.10.2"
+  resolved "https://registry.yarnpkg.com/typedoc-default-themes/-/typedoc-default-themes-0.10.2.tgz#743380a80afe62c5ef92ca1bd4abe2ac596be4d2"
+  integrity sha512-zo09yRj+xwLFE3hyhJeVHWRSPuKEIAsFK5r2u47KL/HBKqpwdUSanoaz5L34IKiSATFrjG5ywmIu98hPVMfxZg==
+  dependencies:
+    lunr "^2.3.8"
+
+typedoc-plugin-markdown@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/typedoc-plugin-markdown/-/typedoc-plugin-markdown-2.4.2.tgz#2d83fe4f279643436ebc44ca2f937855b0fd9f12"
+  integrity sha512-BBH+9/Uq5XbsqfzCDl8Jq4iaLXRMXRuAHZRFarAZX7df8+F3vUjDx/WHWoWqbZ/XUFzduLC2Iuy2qwsJX8SQ7A==
+  dependencies:
+    fs-extra "^9.0.1"
+    handlebars "^4.7.6"
+
+typedoc@^0.17.8:
+  version "0.17.8"
+  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.17.8.tgz#96b67e9454aa7853bfc4dc9a55c8a07adfd5478e"
+  integrity sha512-/OyrHCJ8jtzu+QZ+771YaxQ9s4g5Z3XsQE3Ma7q+BL392xxBn4UMvvCdVnqKC2T/dz03/VXSLVKOP3lHmDdc/w==
+  dependencies:
+    fs-extra "^8.1.0"
+    handlebars "^4.7.6"
+    highlight.js "^10.0.0"
+    lodash "^4.17.15"
+    lunr "^2.3.8"
+    marked "1.0.0"
+    minimatch "^3.0.0"
+    progress "^2.0.3"
+    shelljs "^0.8.4"
+    typedoc-default-themes "^0.10.2"
+
+typescript@^4.3.5:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
+  integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==
+
+uglify-js@^3.1.4:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.14.1.tgz#e2cb9fe34db9cb4cf7e35d1d26dfea28e09a7d06"
+  integrity sha512-JhS3hmcVaXlp/xSo3PKY5R0JqKs5M3IV+exdLHW99qKvKivPO4Z8qbej6mte17SOPqAOVMjt/XGgWacnFSzM3g==
+
+universalify@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
+unzipper@^0.8.13:
+  version "0.8.14"
+  resolved "https://registry.yarnpkg.com/unzipper/-/unzipper-0.8.14.tgz#ade0524cd2fc14d11b8de258be22f9d247d3f79b"
+  integrity sha512-8rFtE7EP5ssOwGpN2dt1Q4njl0N1hUXJ7sSPz0leU2hRdq6+pra57z4YPBlVqm40vcgv6ooKZEAx48fMTv9x4w==
+  dependencies:
+    big-integer "^1.6.17"
+    binary "~0.3.0"
+    bluebird "~3.4.1"
+    buffer-indexof-polyfill "~1.0.0"
+    duplexer2 "~0.1.4"
+    fstream "~1.0.10"
+    listenercount "~1.0.1"
+    readable-stream "~2.1.5"
+    setimmediate "~1.0.4"
+
+url-join@0:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/url-join/-/url-join-0.0.1.tgz#1db48ad422d3402469a87f7d97bdebfe4fb1e3c8"
+  integrity sha1-HbSK1CLTQCRpqH99l73r/k+x48g=
+
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+which@^1.0.9:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
+  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
+  dependencies:
+    isexe "^2.0.0"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+window-size@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.4.tgz#f8e1aa1ee5a53ec5bf151ffa09742a6ad7697876"
+  integrity sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY=
+
+wordwrap@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
+
+wrap-ansi@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
+  integrity sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+y18n@^3.2.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.2.tgz#85c901bd6470ce71fc4bb723ad209b70f7f28696"
+  integrity sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==
+
+yallist@^3.0.0, yallist@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yargs@^3.6.0:
+  version "3.32.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
+  integrity sha1-AwiOnr+edWtpdRYR0qXvWRSCyZU=
+  dependencies:
+    camelcase "^2.0.1"
+    cliui "^3.0.3"
+    decamelize "^1.1.1"
+    os-locale "^1.4.0"
+    string-width "^1.0.1"
+    window-size "^0.1.4"
+    y18n "^3.2.0"

From 45626c4677ad959db93ad3d0b92a75b461cdfe71 Mon Sep 17 00:00:00 2001
From: Atul R <atulanand94@gmail.com>
Date: Tue, 17 Aug 2021 00:00:13 +0200
Subject: [PATCH 09/18] 0.13.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3626da87..46c0ac64 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nodegui/react-nodegui",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "React Native for building cross platform desktop applications",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

From 057471263ed0ac24c336315d5f567de50c3b5333 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20Kr=C3=B6hnke?= <andreas@krohnke.me>
Date: Fri, 15 Oct 2021 03:57:48 +0900
Subject: [PATCH 10/18] Fix `Image.src` on Windows when it is a local file
 (#363)

`new URL("C:\path\filename.png")`
is treated as a valid URL, which it is not. `phin` subsequently tries
to fetch it, but `phin` and `centra` only supports http and https anyway.
Therefore `isValidUrl` will check also the protocol.
---
 src/utils/helpers.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
index f06859c3..d8537c5a 100644
--- a/src/utils/helpers.ts
+++ b/src/utils/helpers.ts
@@ -6,8 +6,8 @@ export function throwUnsupported(instance: object) {
 
 export function isValidUrl(str: string) {
   try {
-    new URL(str);
-    return true;
+    const url = new URL(str);
+    return url.protocol === "http" || url.protocol === "https";
   } catch (_) {
     return false;
   }

From 45ccc318a82da69f3815451e1d938cc1fd0005f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20Kr=C3=B6hnke?= <andreas@krohnke.me>
Date: Fri, 15 Oct 2021 03:58:40 +0900
Subject: [PATCH 11/18] Add `List` and `ListItem` using `QListWidget` and
 `QListWidgetItem` (#364)

```
<List>
  <ListItem text="NodeGui is great" />
  <ListItem text="This item has a child">
    <View>
      <Text>Hello World</Text>
    </View>
  </ListItem>
</List>
```
---
 src/components/List/RNList.ts         | 58 ++++++++++++++++++++++++++
 src/components/List/index.ts          | 43 +++++++++++++++++++
 src/components/ListItem/RNListItem.ts | 59 +++++++++++++++++++++++++++
 src/components/ListItem/index.ts      | 40 ++++++++++++++++++
 src/index.ts                          |  2 +
 5 files changed, 202 insertions(+)
 create mode 100644 src/components/List/RNList.ts
 create mode 100644 src/components/List/index.ts
 create mode 100644 src/components/ListItem/RNListItem.ts
 create mode 100644 src/components/ListItem/index.ts

diff --git a/src/components/List/RNList.ts b/src/components/List/RNList.ts
new file mode 100644
index 00000000..86c4bd6a
--- /dev/null
+++ b/src/components/List/RNList.ts
@@ -0,0 +1,58 @@
+import { FlexLayout, QListWidget, QListWidgetSignals } from "@nodegui/nodegui";
+import { ViewProps, setViewProps } from "../View/RNView";
+import { RNComponent } from "../config";
+import { RNListItem } from "../ListItem/RNListItem";
+
+
+export interface ListProps extends ViewProps<QListWidgetSignals> {
+}
+
+type CustomListProps = ListProps;
+
+
+/**
+ * @ignore
+  */
+export const setListProps = (widget: RNList, newProps: CustomListProps, oldProps: CustomListProps) => {
+
+  const setter: CustomListProps = {
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+  */
+export class RNList extends QListWidget implements RNComponent {
+  setProps(newProps: CustomListProps, oldProps: CustomListProps): void {
+    setListProps(this, newProps, oldProps);
+  }
+  removeChild(child: RNListItem): void {
+    const row = this.row(child);
+    this.takeItem(row);
+  }
+  appendInitialChild(child: RNListItem): void {
+    this.appendChild(child);
+  }
+  appendChild(child: RNListItem): void {
+    if (!this.layout) {
+      this.setLayout(new FlexLayout());
+    }
+
+    if (!(child instanceof RNListItem)) {
+      throw new Error("Children of list should be of type ListItem");
+    }
+
+    this.addItem(child);
+    if (child.actualListItemWidget) {
+      child.setSizeHint(child.actualListItemWidget.size());
+      this.setItemWidget(child, child.actualListItemWidget);
+    }
+  }
+  insertBefore(child: RNListItem, beforeChild: RNListItem): void {
+    const row = this.row(beforeChild);
+    this.insertItem(row, child);
+  }
+  static tagName = "list";
+}
diff --git a/src/components/List/index.ts b/src/components/List/index.ts
new file mode 100644
index 00000000..6f1c3e58
--- /dev/null
+++ b/src/components/List/index.ts
@@ -0,0 +1,43 @@
+import { registerComponent, ComponentConfig } from "../config";
+import { Fiber } from "react-reconciler";
+import { RNList, ListProps } from "./RNList";
+import { AppContainer } from "../../reconciler";
+
+class ListConfig extends ComponentConfig {
+  tagName = RNList.tagName;
+  shouldSetTextContent(nextProps: ListProps): boolean {
+    return false;
+  }
+  createInstance(newProps: ListProps, rootInstance: AppContainer, context: any, workInProgress: Fiber): RNList {
+    const widget = new RNList();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(instance: RNList, newProps: ListProps, internalInstanceHandle: any): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(instance: RNList, updatePayload: any, oldProps: ListProps, newProps: ListProps, finishedWork: Fiber): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+/**
+ * React implementation of nodegui's [QListWidget](https://docs.nodegui.org/docs/api/generated/classes/qlistwidget/)
+ * @example
+ * ```javascriptreact
+ * return (
+ *    <List>
+        <ListItem text="NodeGui is great" />
+        <ListItem text="This item has a child">
+          <View>
+            <Text>Hello World</Text>
+          </View>
+        </ListItem>
+      </List>
+ * )
+ * ```
+ */
+
+export const List = registerComponent<ListProps>(new ListConfig());
diff --git a/src/components/ListItem/RNListItem.ts b/src/components/ListItem/RNListItem.ts
new file mode 100644
index 00000000..148385f0
--- /dev/null
+++ b/src/components/ListItem/RNListItem.ts
@@ -0,0 +1,59 @@
+import { NodeWidget, QListWidgetItem, QIcon } from "@nodegui/nodegui";
+import { RNComponent } from "../config";
+
+export interface ListItemProps {
+  title?: string;
+  icon?: QIcon;
+}
+
+/**
+ * @ignore
+  */
+export const setListItemProps = (
+  widget: RNListItem,
+  newProps: ListItemProps,
+  oldProps: ListItemProps
+) => {
+  const setter: ListItemProps = {
+    set title(text: string) {
+      widget.setText(text);
+    },
+    set icon(qicon: QIcon) {
+      widget.setIcon(qicon);
+    }
+  };
+  Object.assign(setter, newProps);
+};
+
+/**
+ * @ignore
+  */
+export class RNListItem extends QListWidgetItem implements RNComponent {
+  native: any;
+  actualListItemWidget?: NodeWidget<any>;
+
+  setProps(newProps: ListItemProps, oldProps: ListItemProps): void {
+    setListItemProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    if (this.actualListItemWidget) {
+      throw new Error("ListItem can have only one child");
+    }
+    this.actualListItemWidget = child;
+  }
+  appendChild(child: NodeWidget<any>): void {
+    this.appendInitialChild(child);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    this.appendInitialChild(child);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    if (child) {
+      child.close();
+    }
+    if (this.actualListItemWidget) {
+      delete this.actualListItemWidget;
+    }
+  }
+  static tagName: string = "listitem";
+}
diff --git a/src/components/ListItem/index.ts b/src/components/ListItem/index.ts
new file mode 100644
index 00000000..7bee20ba
--- /dev/null
+++ b/src/components/ListItem/index.ts
@@ -0,0 +1,40 @@
+import { Fiber } from "react-reconciler";
+import { registerComponent, ComponentConfig } from "../config";
+import { RNListItem, ListItemProps } from "./RNListItem";
+import { AppContainer } from "../../reconciler";
+
+class ListItemConfig extends ComponentConfig {
+  tagName = RNListItem.tagName;
+  shouldSetTextContent(nextProps: ListItemProps): boolean {
+    return false;
+  }
+  createInstance(
+    newProps: ListItemProps,
+    rootInstance: AppContainer,
+    context: any,
+    workInProgress: Fiber
+  ): RNListItem {
+    const item = new RNListItem();
+    item.setProps(newProps, {});
+    return item;
+  }
+  finalizeInitialChildren(
+    instance: RNListItem,
+    newProps: ListItemProps,
+    rootContainerInstance: AppContainer,
+    context: any
+  ): boolean {
+    return false;
+  }
+  commitUpdate(
+    instance: RNListItem,
+    updatePayload: any,
+    oldProps: ListItemProps,
+    newProps: ListItemProps,
+    finishedWork: Fiber
+  ): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+
+export const ListItem = registerComponent<ListItemProps>(new ListItemConfig());
diff --git a/src/index.ts b/src/index.ts
index a61d0ac4..cc196b6e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -32,6 +32,8 @@ export { InputDialog } from "./components/InputDialog";
 export { ProgressDialog } from "./components/ProgressDialog";
 export { Table } from "./components/Table";
 export { TableItem } from "./components/TableItem";
+export { List } from "./components/List";
+export { ListItem } from "./components/ListItem";
 export { ErrorPrompt } from "./components/ErrorPrompt"
 export { useEventHandler } from "./hooks";
 export { Renderer } from "./renderer";

From 730caa3436371dcd35457d9464131fe5f38f183d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20Kr=C3=B6hnke?= <andreas@krohnke.me>
Date: Thu, 7 Jul 2022 12:12:03 +0200
Subject: [PATCH 12/18] Fix `react` conflicting peer dependency with
 `react-reconciler` (#365)

Reverting back to `react@^16.x.x`. `react-reconciler` should be
updated separately so that it can safely be used with `react@17.x.x`.

When installing `react-nodegui` as a dependency. It will yield a
warning:
```
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-reconciler@0.25.1
npm WARN Found: react@17.0.2
npm WARN node_modules/react
npm WARN   react@"^17.0.2" from the root project
npm WARN   1 more (@nodegui/react-nodegui)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.13.1" from react-reconciler@0.25.1
npm WARN node_modules/react-reconciler
npm WARN   react-reconciler@"^0.25.1" from @nodegui/react-nodegui@0.13.0
npm WARN   node_modules/@nodegui/react-nodegui
npm WARN
npm WARN Conflicting peer dependency: react@16.14.0
npm WARN node_modules/react
npm WARN   peer react@"^16.13.1" from react-reconciler@0.25.1
npm WARN   node_modules/react-reconciler
npm WARN     react-reconciler@"^0.25.1" from @nodegui/react-nodegui@0.13.0
npm WARN     node_modules/@nodegui/react-nodegui
```
---
 package.json | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 46c0ac64..5ffe7d7f 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "docs": "typedoc && node ./website/docs/scripts/fixdocs.js"
   },
   "dependencies": {
-    "@nodegui/nodegui": "^0.36.0",
+    "@nodegui/nodegui": "^0.40.1",
     "@types/react-reconciler": "^0.18.0",
     "phin": "3.5.1",
     "react-deep-force-update": "^2.1.3",
@@ -28,14 +28,15 @@
     "react-reconciler": "^0.25.1"
   },
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^16.14.0"
   },
   "devDependencies": {
-    "@types/node": "^16.6.1",
+    "@types/node": "^16.11.0",
+    "@types/react": "^16.14.0",
     "prettier": "^2.3.2",
-    "react": "^16.13.1",
+    "react": "^16.14.0",
     "typedoc": "^0.17.8",
     "typedoc-plugin-markdown": "^2.4.2",
-    "typescript": "^4.3.5"
+    "typescript": "^4.4.4"
   }
 }

From 2e6ac237e46d27bc01598a9616720d6df2094980 Mon Sep 17 00:00:00 2001
From: public_yusuke <30387586+private-yusuke@users.noreply.github.com>
Date: Thu, 7 Jul 2022 19:12:42 +0900
Subject: [PATCH 13/18] Add `Calendar` using `QCalendarWidget` (#372)

---
 src/components/Calendar/RNCalendar.ts | 114 ++++++++++++++++++++++++++
 src/components/Calendar/index.ts      |  91 ++++++++++++++++++++
 src/index.ts                          |   3 +-
 3 files changed, 207 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Calendar/RNCalendar.ts
 create mode 100644 src/components/Calendar/index.ts

diff --git a/src/components/Calendar/RNCalendar.ts b/src/components/Calendar/RNCalendar.ts
new file mode 100644
index 00000000..ecf4b8fc
--- /dev/null
+++ b/src/components/Calendar/RNCalendar.ts
@@ -0,0 +1,114 @@
+import {
+  Component,
+  DayOfWeek,
+  QCalendarWidget,
+  QCalendarWidgetSignals,
+  QFont,
+} from "@nodegui/nodegui";
+import {
+  HorizontalHeaderFormat,
+  SelectionMode,
+  VerticalHeaderFormat,
+} from "@nodegui/nodegui/dist/lib/QtWidgets/QCalendarWidget";
+import { throwUnsupported } from "../../utils/helpers";
+import { RNComponent } from "../config";
+import { setViewProps, ViewProps } from "../View/RNView";
+
+export interface CalendarProps extends ViewProps<QCalendarWidgetSignals> {
+  /**
+   * Sets the time an inactive date edit is shown before its contents are accepted. [QCalendarWidget: setDateEditAcceptDelay](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setdateeditacceptdelay)
+   */
+  dateEditAcceptDelay?: number;
+  /**
+   * Sets whether the date edit popup is enabled. [QCalendarWidget: setDateEditEnabled](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setdateeditenabled)
+   */
+  dateEditEnabled?: boolean;
+  /**
+   * Sets a value identifying the day displayed in the first column. [QCalendarWidget: setFirstDayOfWeek](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setfirstdayofweek)
+   */
+  firstDayOfWeek?: DayOfWeek;
+  /**
+   * Sets a font for the action. [QCalendarWidget: setFont](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setfont)
+   */
+  font?: QFont;
+  /**
+   * Sets whether the table grid is displayed. [QCalendarWidget: setGridVisible](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setgridvisible)
+   */
+  gridVisible?: boolean;
+  /**
+   * Sets the format of the horizontal header. [QCalendarWidget: setHorizontalHeaderFormat](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#sethorizontalheaderformat)
+   */
+  horizontalHeaderFormat?: HorizontalHeaderFormat;
+  /**
+   * Sets whether the navigation bar is shown or not. [QCalendarWidget: setNavigationBarVisible](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setnavigationbarvisible)
+   */
+  navigationBarVisible?: boolean;
+  /**
+   * Sets the type of selection the user can make in the calendar. [QCalendarWidget: setSelectionMode](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setselectionmode)
+   */
+  selectionMode?: SelectionMode;
+  /**
+   * Sets the format of the vertical header. [QCalendarWidget: setVerticalHeaderFormat](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget#setverticalheaderformat)
+   */
+  verticalHeaderFormat?: VerticalHeaderFormat;
+}
+
+const setCalendarProps = (
+  widget: RNCalendar,
+  newProps: CalendarProps,
+  oldProps: CalendarProps
+) => {
+  const setter: CalendarProps = {
+    set dateEditAcceptDelay(delay: number) {
+      widget.setDateEditAcceptDelay(delay);
+    },
+    set dateEditEnabled(enable: boolean) {
+      widget.setDateEditEnabled(enable);
+    },
+    set firstDayOfWeek(dayOfWeek: DayOfWeek) {
+      widget.setFirstDayOfWeek(dayOfWeek);
+    },
+    set font(font: QFont) {
+      widget.setFont(font);
+    },
+    set gridVisible(show: boolean) {
+      widget.setGridVisible(show);
+    },
+    set horizontalHeaderFormat(format: HorizontalHeaderFormat) {
+      widget.setHorizontalHeaderFormat(format);
+    },
+    set navigationBarVisible(visible: boolean) {
+      widget.setNavigationBarVisible(visible);
+    },
+    set selectionMode(mode: SelectionMode) {
+      widget.setSelectionMode(mode);
+    },
+    set verticalHeaderFormat(format: VerticalHeaderFormat) {
+      widget.setVerticalHeaderFormat(format);
+    },
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNCalendar extends QCalendarWidget implements RNComponent {
+  setProps(newProps: CalendarProps, oldProps: CalendarProps): void {
+    setCalendarProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: Component): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: Component): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: Component, beforeChild: Component): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: Component): void {
+    throwUnsupported(this);
+  }
+  static tagName = "calendar";
+}
diff --git a/src/components/Calendar/index.ts b/src/components/Calendar/index.ts
new file mode 100644
index 00000000..68970266
--- /dev/null
+++ b/src/components/Calendar/index.ts
@@ -0,0 +1,91 @@
+import { ComponentConfig, registerComponent, RNComponent } from "../config";
+import { AppContainer } from "../../reconciler";
+import { Fiber } from "react-reconciler";
+import { CalendarProps, RNCalendar } from "./RNCalendar";
+
+class CalendarConfig extends ComponentConfig {
+  tagName = RNCalendar.tagName;
+  shouldSetTextContent(nextProps: CalendarProps): boolean {
+    return false;
+  }
+  createInstance(
+    newProps: CalendarProps,
+    rootInstance?: AppContainer,
+    context?: any,
+    workInProgress?: Fiber
+  ): RNCalendar {
+    const widget = new RNCalendar();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(
+    instance: RNCalendar,
+    newProps: CalendarProps,
+    internalInstanceHandle: any
+  ): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(
+    instance: RNCalendar,
+    updatePayload: any,
+    oldProps: CalendarProps,
+    newProps: CalendarProps,
+    finishedWork: Fiber
+  ): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+
+/**
+ * The Calendar component provides ability to add calendar widgets. It is based on
+ * [NodeGui's QCalendarWidget](https://docs.nodegui.org/docs/api/generated/classes/qcalendarwidget/).
+ * @example
+ * ```typescriptreact
+ * import {
+ *   DateFormat,
+ *   DayOfWeek,
+ *   NativeElement,
+ *   QCalendarWidgetSignals,
+ *   QDate,
+ * } from "@nodegui/nodegui";
+ * import {
+ *   Calendar,
+ *   Renderer,
+ *   useEventHandler,
+ *   Window,
+ * } from "@nodegui/react-nodegui";
+ * import React from "react";
+ * const App = () => {
+ *   const calendarClickHandler = useEventHandler<QCalendarWidgetSignals>(
+ *     {
+ *       activated: (nativeDate) => {
+ *         const date = new QDate(nativeDate as unknown as NativeElement);
+ *         console.log(`activated: ${date.toString(DateFormat.SystemLocaleDate)}`);
+ *       },
+ *       clicked: (nativeDate) => {
+ *         const date = new QDate(nativeDate as unknown as NativeElement);
+ *         console.log(`clicked: ${date.toString(DateFormat.SystemLocaleDate)}`);
+ *       },
+ *       currentPageChanged: (year, month) => {
+ *         console.log(`currentPageChanged: year, month: ${year}, ${month}`);
+ *       },
+ *       selectionChanged: () => {
+ *         console.log("selectionChanged");
+ *       },
+ *     },
+ *     []
+ *   );
+ *
+ *   return (
+ *     <Window>
+ *       <Calendar firstDayOfWeek={DayOfWeek.Sunday} on={calendarClickHandler} />
+ *     </Window>
+ *   );
+ * }
+ * Renderer.render(<App />);
+ * ```
+ */
+export const Calendar = registerComponent<CalendarProps>(new CalendarConfig());
diff --git a/src/index.ts b/src/index.ts
index cc196b6e..78e18b80 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -15,6 +15,7 @@ export { LineEdit } from "./components/LineEdit";
 export { Menu } from "./components/Menu";
 export { MenuBar } from "./components/MenuBar";
 export { PlainTextEdit } from "./components/PlainTextEdit";
+export { Calendar } from "./components/Calendar";
 export { ProgressBar } from "./components/ProgressBar";
 export { RadioButton } from "./components/RadioButton";
 export { Dial } from "./components/Dial";
@@ -34,7 +35,7 @@ export { Table } from "./components/Table";
 export { TableItem } from "./components/TableItem";
 export { List } from "./components/List";
 export { ListItem } from "./components/ListItem";
-export { ErrorPrompt } from "./components/ErrorPrompt"
+export { ErrorPrompt } from "./components/ErrorPrompt";
 export { useEventHandler } from "./hooks";
 export { Renderer } from "./renderer";
 export { hot, appProxy } from "./development/hot-reload";

From 742540abcea5e733a2056d98a64e4109c35db4ef Mon Sep 17 00:00:00 2001
From: KaMeHb-UA <blade.whiteblack@gmail.com>
Date: Tue, 4 Oct 2022 20:28:11 +0300
Subject: [PATCH 14/18] upgrade module to work with latest nodegui (0.57.1)
 (#376)

* upgrade module to work with nodegui 0.57.1

* fix external docs links

* fix layout function calls in conditions

* fix layout get/set on RNView

* fix centralWidget check on RNWindow
---
 package.json                                  |  2 +-
 .../AbstractComponents/RNAbstractButton.ts    |  8 +-
 src/components/Action/RNAction.ts             |  2 +-
 .../AnimatedImage/RNAnimatedImage.ts          | 10 +--
 src/components/BoxView/RNBoxView.ts           | 51 +++++++------
 src/components/Button/RNButton.ts             | 14 ++--
 src/components/CheckBox/RNCheckBox.ts         | 14 ++--
 src/components/ColorDialog/RNColorDialog.ts   | 10 +--
 src/components/ComboBox/RNComboBox.ts         | 14 ++--
 src/components/Dial/RNDial.ts                 | 10 +--
 src/components/Dialog/RNDialog.ts             | 26 +++----
 src/components/ErrorPrompt/RNErrorPrompt.ts   | 10 +--
 src/components/FileDialog/RNFileDialog.ts     | 10 +--
 src/components/FontDialog/RNFontDialog.ts     | 10 +--
 .../GridView/GridColumn/RNGridColumn.ts       | 18 ++---
 src/components/GridView/GridColumn/index.ts   |  2 +-
 src/components/GridView/GridRow/index.ts      |  2 +-
 src/components/GridView/RNGridView.ts         | 28 ++++---
 src/components/Image/RNImage.ts               | 10 +--
 src/components/InputDialog/RNInputDialog.ts   | 10 +--
 src/components/LineEdit/RNLineEdit.ts         | 10 +--
 src/components/List/RNList.ts                 |  2 +-
 src/components/ListItem/RNListItem.ts         | 12 +--
 src/components/Menu/RNMenu.ts                 |  2 +-
 src/components/MenuBar/RNMenuBar.ts           |  6 +-
 .../PlainTextEdit/RNPlainTextEdit.ts          | 10 +--
 src/components/ProgressBar/RNProgressBar.ts   | 10 +--
 .../ProgressDialog/RNProgressDialog.ts        | 10 +--
 src/components/RadioButton/RNRadioButton.ts   | 10 +--
 src/components/ScrollArea/RNScrollArea.ts     | 12 +--
 src/components/Slider/RNSlider.ts             | 10 +--
 src/components/SpinBox/RNSpinBox.ts           | 10 +--
 .../SystemTrayIcon/RNSystemTrayIcon.ts        | 16 ++--
 src/components/Tab/RNTab.ts                   |  8 +-
 src/components/TabItem/RNTabItem.ts           | 12 +--
 src/components/TabItem/index.ts               |  2 +-
 src/components/Table/RNTable.ts               |  8 +-
 src/components/TableItem/RNTableItem.ts       | 10 +--
 src/components/Text/RNText.ts                 | 10 +--
 src/components/View/RNView.ts                 | 74 ++++++++++---------
 src/components/Window/RNWindow.ts             | 12 +--
 src/components/config.ts                      | 14 ++--
 src/reconciler/index.ts                       | 26 +++----
 src/renderer/index.ts                         |  4 +-
 website/docs/api/classes/rnaction.md          |  4 +-
 website/docs/api/classes/rngridcolumn.md      | 20 ++---
 website/docs/api/classes/rnmenu.md            | 10 +--
 website/docs/api/classes/rnmenubar.md         | 20 ++---
 website/docs/api/globals.md                   |  2 +-
 .../api/interfaces/abstractbuttonprops.md     | 40 +++++-----
 website/docs/api/interfaces/actionprops.md    |  2 +-
 .../docs/api/interfaces/animatedimageprops.md | 32 ++++----
 website/docs/api/interfaces/boxviewprops.md   | 32 ++++----
 website/docs/api/interfaces/buttonprops.md    | 42 +++++------
 website/docs/api/interfaces/checkboxprops.md  | 42 +++++------
 website/docs/api/interfaces/comboboxprops.md  | 32 ++++----
 website/docs/api/interfaces/dialprops.md      | 32 ++++----
 website/docs/api/interfaces/gridviewprops.md  | 32 ++++----
 website/docs/api/interfaces/imageprops.md     | 32 ++++----
 website/docs/api/interfaces/lineeditprops.md  | 32 ++++----
 website/docs/api/interfaces/menubarprops.md   | 32 ++++----
 website/docs/api/interfaces/menuprops.md      | 32 ++++----
 .../docs/api/interfaces/plaintexteditprops.md | 32 ++++----
 .../docs/api/interfaces/progressbarprops.md   | 32 ++++----
 .../docs/api/interfaces/radiobuttonprops.md   | 38 +++++-----
 .../docs/api/interfaces/scrollareaprops.md    | 32 ++++----
 website/docs/api/interfaces/sliderprops.md    | 32 ++++----
 website/docs/api/interfaces/spinboxprops.md   | 32 ++++----
 .../api/interfaces/systemtrayiconprops.md     |  4 +-
 website/docs/api/interfaces/tabprops.md       | 32 ++++----
 website/docs/api/interfaces/textprops.md      | 32 ++++----
 website/docs/api/interfaces/viewprops.md      | 34 ++++-----
 website/docs/api/interfaces/windowprops.md    | 32 ++++----
 yarn.lock                                     | 58 +++++++++------
 74 files changed, 722 insertions(+), 699 deletions(-)

diff --git a/package.json b/package.json
index 5ffe7d7f..0fd7ac04 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "docs": "typedoc && node ./website/docs/scripts/fixdocs.js"
   },
   "dependencies": {
-    "@nodegui/nodegui": "^0.40.1",
+    "@nodegui/nodegui": "^0.57.1",
     "@types/react-reconciler": "^0.18.0",
     "phin": "3.5.1",
     "react-deep-force-update": "^2.1.3",
diff --git a/src/components/AbstractComponents/RNAbstractButton.ts b/src/components/AbstractComponents/RNAbstractButton.ts
index fc993b30..09092f4b 100644
--- a/src/components/AbstractComponents/RNAbstractButton.ts
+++ b/src/components/AbstractComponents/RNAbstractButton.ts
@@ -4,7 +4,7 @@ import { QAbstractButton } from "@nodegui/nodegui";
 
 /**
  * The Button component provides ability to add and manipulate native button widgets. It is based on
- * [NodeGui's QPushButton](https://docs.nodegui.org/docs/api/QPushButton).
+ * [NodeGui's QPushButton](https://docs.nodegui.org/docs/api/generated/classes/QPushButton).
  * ## Example
  * ```javascript
  * import React from "react";
@@ -30,15 +30,15 @@ export interface AbstractButtonProps<Signals extends QAbstractButtonSignals>
    */
   children?: string;
   /**
-   * Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/QPushButton#buttonsettexttext)
+   * Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonsettexttext)
    */
   text?: string;
   /**
-   * Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonicon)
+   * Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonicon)
    */
   icon?: QIcon;
   /**
-   * Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonsize)
+   * Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonsize)
    */
   iconSize?: QSize;
 }
diff --git a/src/components/Action/RNAction.ts b/src/components/Action/RNAction.ts
index ba44cd5c..485ca481 100644
--- a/src/components/Action/RNAction.ts
+++ b/src/components/Action/RNAction.ts
@@ -38,7 +38,7 @@ export interface ActionProps extends RNProps {
   icon?: QIcon;
 
   /**
-   * Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+   * Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
    */
   id?: string;
 
diff --git a/src/components/AnimatedImage/RNAnimatedImage.ts b/src/components/AnimatedImage/RNAnimatedImage.ts
index b39dcdea..1b7f7062 100644
--- a/src/components/AnimatedImage/RNAnimatedImage.ts
+++ b/src/components/AnimatedImage/RNAnimatedImage.ts
@@ -1,4 +1,4 @@
-import { QLabel, NodeWidget, QMovie, QSize } from "@nodegui/nodegui";
+import { QLabel, QWidget, QMovie, QSize } from "@nodegui/nodegui";
 import { TextProps, setTextProps } from "../Text/RNText";
 import { RNWidget } from "../config";
 import { throwUnsupported, isValidUrl } from "../../utils/helpers";
@@ -44,16 +44,16 @@ export class RNAnimatedImage extends QLabel implements RNWidget {
   setProps(newProps: AnimatedImageProps, oldProps: AnimatedImageProps): void {
     setAnimatedImageProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "animatedimage";
diff --git a/src/components/BoxView/RNBoxView.ts b/src/components/BoxView/RNBoxView.ts
index 9cc7e455..15035f3f 100644
--- a/src/components/BoxView/RNBoxView.ts
+++ b/src/components/BoxView/RNBoxView.ts
@@ -2,12 +2,13 @@ import {
   QWidget,
   QBoxLayoutSignals,
   QBoxLayout,
-  NodeWidget,
   Direction,
+  QLayout,
+  QObjectSignals,
 } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNComponent } from "../config";
-import { NodeDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
+import { QDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
 
 export interface BoxViewProps extends ViewProps<QBoxLayoutSignals> {
   direction?: Direction;
@@ -20,7 +21,7 @@ const setBoxViewProps = (
 ) => {
   const setter: BoxViewProps = {
     set direction(direction: Direction) {
-      widget.layout?.setDirection(direction);
+      widget.layout()?.setDirection(direction);
     },
   };
   Object.assign(setter, newProps);
@@ -33,33 +34,36 @@ const setBoxViewProps = (
 export class RNBoxView extends QWidget implements RNComponent {
   native: any;
   initialProps?: BoxViewProps;
-  children: Array<NodeWidget<any>> = [];
-  get layout() {
-    return super.layout as QBoxLayout | undefined;
+  _children: Array<QWidget<any>> = [];
+
+  layout(): QBoxLayout | null {
+    return super.layout() as any;
   }
-  set layout(l: QBoxLayout | undefined) {
-    super.layout = l;
+
+  setLayout(layout: QBoxLayout): void {
+    super.setLayout(layout);
   }
+
   setProps(newProps: BoxViewProps, oldProps: BoxViewProps): void {
-    if (this.layout) {
+    if (this.layout()) {
       setBoxViewProps(this, newProps, oldProps);
     } else {
       this.initialProps = newProps;
     }
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     this.appendChild(child);
   }
-  appendChild(child: NodeWidget<any>): void {
-    if (child instanceof NodeDialog) {
+  appendChild(child: QWidget<any>): void {
+    if (child instanceof QDialog) {
       return;
     }
     const updateChild = () => {
-      this.layout?.addWidget(child);
-      this.children.push(child);
+      this.layout()?.addWidget(child);
+      this._children.push(child);
     };
 
-    if (this.layout) {
+    if (this.layout()) {
       updateChild();
 
       return;
@@ -67,7 +71,6 @@ export class RNBoxView extends QWidget implements RNComponent {
 
     const layout = new QBoxLayout(Direction.LeftToRight);
     this.setLayout(layout);
-    this.layout = layout;
 
     // Newly created layout, so set initial props
     if (this.initialProps) {
@@ -76,11 +79,11 @@ export class RNBoxView extends QWidget implements RNComponent {
 
     updateChild();
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
-    if (child instanceof NodeDialog) {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
+    if (child instanceof QDialog) {
       return;
     }
-    const prevIndex = this.children.indexOf(beforeChild);
+    const prevIndex = this._children.indexOf(beforeChild);
 
     if (prevIndex === -1) {
       throw new Error(
@@ -88,14 +91,14 @@ export class RNBoxView extends QWidget implements RNComponent {
       );
     }
 
-    this.children.splice(prevIndex, 0, child);
-    this.layout?.insertWidget(prevIndex, child);
+    this._children.splice(prevIndex, 0, child);
+    this.layout()?.insertWidget(prevIndex, child);
   }
-  removeChild(child: NodeWidget<any>): void {
-    const prevIndex = this.children.indexOf(child);
+  removeChild(child: QWidget<any>): void {
+    const prevIndex = this._children.indexOf(child);
 
     if (prevIndex !== -1) {
-      this.children.splice(prevIndex, 1);
+      this._children.splice(prevIndex, 1);
     }
 
     child.close();
diff --git a/src/components/Button/RNButton.ts b/src/components/Button/RNButton.ts
index f5c9f62a..f2bac8fe 100644
--- a/src/components/Button/RNButton.ts
+++ b/src/components/Button/RNButton.ts
@@ -1,4 +1,4 @@
-import { QPushButton, NodeWidget, QPushButtonSignals } from "@nodegui/nodegui";
+import { QPushButton, QWidget, QPushButtonSignals } from "@nodegui/nodegui";
 import {
   AbstractButtonProps,
   setAbstractButtonProps
@@ -8,7 +8,7 @@ import { throwUnsupported } from "../../utils/helpers";
 
 /**
  * The Button component provides ability to add and manipulate native button widgets. It is based on
- * [NodeGui's QPushButton](https://docs.nodegui.org/docs/api/QPushButton).
+ * [NodeGui's QPushButton](https://docs.nodegui.org/docs/api/generated/classes/QPushButton).
  * ## Example
  * ```javascript
  * import React from "react";
@@ -29,7 +29,7 @@ import { throwUnsupported } from "../../utils/helpers";
  */
 export interface ButtonProps extends AbstractButtonProps<QPushButtonSignals> {
   /**
-   * Sets whether the button border is raised. [QPushButton: setFlat](https://docs.nodegui.org/docs/api/QPushButton#buttonsetflatisflat)
+   * Sets whether the button border is raised. [QPushButton: setFlat](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonsetflatisflat)
    */
   flat?: boolean;
 }
@@ -52,16 +52,16 @@ const setButtonProps = (
  * @ignore
  */
 export class RNButton extends QPushButton implements RNWidget {
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   setProps(newProps: ButtonProps, oldProps: ButtonProps) {
diff --git a/src/components/CheckBox/RNCheckBox.ts b/src/components/CheckBox/RNCheckBox.ts
index e8441210..43b98773 100644
--- a/src/components/CheckBox/RNCheckBox.ts
+++ b/src/components/CheckBox/RNCheckBox.ts
@@ -1,4 +1,4 @@
-import { QCheckBox, NodeWidget, QCheckBoxSignals } from "@nodegui/nodegui";
+import { QCheckBox, QWidget, QCheckBoxSignals } from "@nodegui/nodegui";
 import { RNWidget } from "../config";
 import { throwUnsupported } from "../../utils/helpers";
 import {
@@ -8,7 +8,7 @@ import {
 
 /**
  * The CheckBox component provides ability to add and manipulate native button widgets. It is based on
- * [NodeGui's QCheckBox](https://docs.nodegui.org/docs/api/QCheckBox).
+ * [NodeGui's QCheckBox](https://docs.nodegui.org/docs/api/generated/classes/QCheckBox).
  * ## Example
  * ```javascript
  * import React from "react";
@@ -29,7 +29,7 @@ import {
  */
 export interface CheckBoxProps extends AbstractButtonProps<QCheckBoxSignals> {
   /**
-   * This property holds whether the button is checked. [QCheckBox: setChecked](https://docs.nodegui.org/docs/api/QCheckBox/#checkboxsetcheckedcheck)
+   * This property holds whether the button is checked. [QCheckBox: setChecked](https://docs.nodegui.org/docs/api/generated/classes/QCheckBox/#checkboxsetcheckedcheck)
    */
   checked?: boolean;
 }
@@ -55,16 +55,16 @@ export class RNCheckBox extends QCheckBox implements RNWidget {
   setProps(newProps: CheckBoxProps, oldProps: CheckBoxProps): void {
     setCheckBoxProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "checkbox";
diff --git a/src/components/ColorDialog/RNColorDialog.ts b/src/components/ColorDialog/RNColorDialog.ts
index b6b2fa54..5686fcef 100644
--- a/src/components/ColorDialog/RNColorDialog.ts
+++ b/src/components/ColorDialog/RNColorDialog.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, QColor, QColorDialog, QColorDialogSignals } from "@nodegui/nodegui";
+import { QWidget, QColor, QColorDialog, QColorDialogSignals } from "@nodegui/nodegui";
 import { ColorDialogOption } from "@nodegui/nodegui/dist/lib/QtWidgets/QColorDialog";
 import { throwUnsupported } from "../../utils/helpers";
 import { RNWidget } from "../config";
@@ -31,16 +31,16 @@ export class RNColorDialog extends QColorDialog implements RNWidget {
   setProps(newProps: ColorDialogProps, oldProps: ColorDialogProps): void {
     setColorDialogProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "color-dialog";
diff --git a/src/components/ComboBox/RNComboBox.ts b/src/components/ComboBox/RNComboBox.ts
index ebb21ab5..da2deea5 100644
--- a/src/components/ComboBox/RNComboBox.ts
+++ b/src/components/ComboBox/RNComboBox.ts
@@ -1,6 +1,6 @@
 import {
   QComboBox,
-  NodeWidget,
+  QWidget,
   QSize,
   QVariant,
   SizeAdjustPolicy,
@@ -52,7 +52,7 @@ const setComboBoxProps = (
       widget.setProperty("count", count);
     },
     set iconSize(iconSize: QSize) {
-      widget.setProperty("iconSize", iconSize.native);
+      widget.setProperty("iconSize", iconSize.native!);
     },
     set frame(frame: boolean) {
       widget.setProperty("frame", frame);
@@ -61,7 +61,7 @@ const setComboBoxProps = (
       widget.setProperty("currentIndex", currentIndex);
     },
     set currentData(value: QVariant) {
-      widget.setProperty("currentData", value.native);
+      widget.setProperty("currentData", value.native!);
     },
     set currentText(text: string) {
       widget.setProperty("currentText", text);
@@ -102,16 +102,16 @@ export class RNComboBox extends QComboBox implements RNWidget {
   setProps(newProps: ComboBoxProps, oldProps: ComboBoxProps): void {
     setComboBoxProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "combobox";
diff --git a/src/components/Dial/RNDial.ts b/src/components/Dial/RNDial.ts
index b2cb70e4..959f74e0 100644
--- a/src/components/Dial/RNDial.ts
+++ b/src/components/Dial/RNDial.ts
@@ -1,4 +1,4 @@
-import { QDial, NodeWidget, QDialSignals } from "@nodegui/nodegui";
+import { QDial, QWidget, QDialSignals } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNWidget } from "../config";
 import { throwUnsupported } from "../../utils/helpers";
@@ -53,16 +53,16 @@ export class RNDial extends QDial implements RNWidget {
   setProps(newProps: DialProps, oldProps: DialProps): void {
     setDialProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "dial";
diff --git a/src/components/Dialog/RNDialog.ts b/src/components/Dialog/RNDialog.ts
index 70f5a161..eb875fcb 100644
--- a/src/components/Dialog/RNDialog.ts
+++ b/src/components/Dialog/RNDialog.ts
@@ -1,9 +1,8 @@
-import { FlexLayout, FocusReason, NodeWidget, QDialog, QDialogSignals, QFont } from "@nodegui/nodegui";
-import { NodeDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
+import { FlexLayout, FocusReason, QWidget, QDialog, QDialogSignals, QFont } from "@nodegui/nodegui";
 import { RNWidget } from "../config";
 import { setViewProps, ViewProps } from "../View/RNView";
 
-export interface DialogProps<T = QDialogSignals> extends ViewProps<T> {
+export interface DialogProps<T extends {} = QDialogSignals> extends ViewProps<T> {
   open?: boolean;
   font?: QFont;
   focus?: FocusReason;
@@ -45,32 +44,31 @@ export class RNDialog extends QDialog implements RNWidget {
   setProps(newProps: DialogProps, oldProps: DialogProps): void {
     setDialogProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     this.appendChild(child);
   }
-  appendChild(child: NodeWidget<any>): void {
-    if (!child || child instanceof NodeDialog) {
+  appendChild(child: QWidget<any>): void {
+    if (!child || child instanceof QDialog) {
       return;
     }
-    if (!this.layout) {
+    if (!this.layout()) {
       const flexLayout = new FlexLayout();
       flexLayout.setFlexNode(this.getFlexNode());
       this.setLayout(flexLayout);
-      this.layout = flexLayout;
     }
-    this.layout.addWidget(child);
+    this.layout()!.addWidget(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
-    if (child! instanceof NodeDialog) {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
+    if (child! instanceof QDialog) {
       this.appendChild(child);
     }
   }
-  removeChild(child: NodeWidget<any>): void {
-    if (!this.layout) {
+  removeChild(child: QWidget<any>): void {
+    if (!this.layout()) {
       console.warn("parent has no layout to remove child from");
       return;
     }
-    this.layout.removeWidget(child);
+    this.layout()!.removeWidget(child);
     child.close();
   }
   static tagName = "dialog";
diff --git a/src/components/ErrorPrompt/RNErrorPrompt.ts b/src/components/ErrorPrompt/RNErrorPrompt.ts
index c1b6ae11..595bb3d0 100644
--- a/src/components/ErrorPrompt/RNErrorPrompt.ts
+++ b/src/components/ErrorPrompt/RNErrorPrompt.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, QErrorMessage, QErrorMessageSignals } from "@nodegui/nodegui";
+import { QWidget, QErrorMessage, QErrorMessageSignals } from "@nodegui/nodegui";
 import { throwUnsupported } from "../../utils/helpers";
 import { RNWidget } from "../config";
 import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
@@ -22,16 +22,16 @@ export class RNErrorPrompt extends QErrorMessage implements RNWidget {
   setProps(newProps: ErrorPromptProps, oldProps: ErrorPromptProps): void {
     setErrorPromptProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "error-prompt";
diff --git a/src/components/FileDialog/RNFileDialog.ts b/src/components/FileDialog/RNFileDialog.ts
index a4c7ce1c..2bfae6b2 100644
--- a/src/components/FileDialog/RNFileDialog.ts
+++ b/src/components/FileDialog/RNFileDialog.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, QFileDialog, DialogLabel, QFileDialogSignals, Option } from "@nodegui/nodegui";
+import { QWidget, QFileDialog, DialogLabel, QFileDialogSignals, Option } from "@nodegui/nodegui";
 import { throwUnsupported } from "../../utils/helpers";
 import { RNWidget } from "../config";
 import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
@@ -47,16 +47,16 @@ export class RNFileDialog extends QFileDialog implements RNWidget {
   setProps(newProps: FileDialogProps, oldProps: FileDialogProps): void {
     setFileDialogProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "file-dialog";
diff --git a/src/components/FontDialog/RNFontDialog.ts b/src/components/FontDialog/RNFontDialog.ts
index 19771a6e..3bf7f432 100644
--- a/src/components/FontDialog/RNFontDialog.ts
+++ b/src/components/FontDialog/RNFontDialog.ts
@@ -1,4 +1,4 @@
-import { FontDialogOption, NodeWidget, QFont, QFontDialog, QFontDialogSignals } from "@nodegui/nodegui";
+import { FontDialogOption, QWidget, QFont, QFontDialog, QFontDialogSignals } from "@nodegui/nodegui";
 import { throwUnsupported } from "../../utils/helpers";
 import { RNWidget } from "../config";
 import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
@@ -30,16 +30,16 @@ export class RNFontDialog extends QFontDialog implements RNWidget {
   setProps(newProps: FontDialogProps, oldProps: FontDialogProps): void {
     setFontDialogProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "font-dialog";
diff --git a/src/components/GridView/GridColumn/RNGridColumn.ts b/src/components/GridView/GridColumn/RNGridColumn.ts
index 234df6a7..0f5318fb 100644
--- a/src/components/GridView/GridColumn/RNGridColumn.ts
+++ b/src/components/GridView/GridColumn/RNGridColumn.ts
@@ -1,5 +1,5 @@
 import { FunctionComponentElement } from "react";
-import { Component, NodeWidget } from "@nodegui/nodegui";
+import { Component, QWidget } from "@nodegui/nodegui";
 import { RNComponent } from "../../config";
 import { RNGridRow } from "../GridRow/RNGridRow";
 
@@ -18,8 +18,8 @@ const setGridColumnProps = (
 ) => {
   if (widget.actualWidget) {
     // TODO: Optimize this
-    parentRow.parentGrid?.layout?.removeWidget(widget.actualWidget);
-    parentRow.parentGrid?.layout?.addWidget(
+    parentRow.parentGrid?.layout()?.removeWidget(widget.actualWidget);
+    parentRow.parentGrid?.layout()?.addWidget(
       widget.actualWidget,
       parentRow.rowIndex ?? 0,
       widget.columnIndex ?? 0,
@@ -38,7 +38,7 @@ const setGridColumnProps = (
 
 export class RNGridColumn extends Component implements RNComponent {
   native: any;
-  actualWidget?: NodeWidget<any>;
+  actualWidget?: QWidget<any>;
   parentRow?: RNGridRow;
   latestProps?: GridColumnProps;
   prevProps?: GridColumnProps;
@@ -61,7 +61,7 @@ export class RNGridColumn extends Component implements RNComponent {
       return;
     }
 
-    this.parentRow?.parentGrid?.layout?.removeWidget(this.actualWidget);
+    this.parentRow?.parentGrid?.layout()?.removeWidget(this.actualWidget);
     this.actualWidget.close();
     this.actualWidget = undefined;
   }
@@ -76,19 +76,19 @@ export class RNGridColumn extends Component implements RNComponent {
     this.latestProps = newProps;
     this.prevProps = oldProps;
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     if (this.actualWidget) {
       throw new Error("Grid column can have only one child");
     }
     this.actualWidget = child;
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     this.remove();
   }
   static tagName: string = "gridcolumn";
diff --git a/src/components/GridView/GridColumn/index.ts b/src/components/GridView/GridColumn/index.ts
index 132e9250..74b1a613 100644
--- a/src/components/GridView/GridColumn/index.ts
+++ b/src/components/GridView/GridColumn/index.ts
@@ -14,7 +14,7 @@ class GridColumnConfig extends ComponentConfig {
     context: any,
     workInProgress: Fiber
   ): RNGridColumn {
-    const widget = new RNGridColumn();
+    const widget = new RNGridColumn(null!);
     widget.setProps(newProps, newProps);
     return widget;
   }
diff --git a/src/components/GridView/GridRow/index.ts b/src/components/GridView/GridRow/index.ts
index bcd12a05..94b69dec 100644
--- a/src/components/GridView/GridRow/index.ts
+++ b/src/components/GridView/GridRow/index.ts
@@ -14,7 +14,7 @@ class GridRowConfig extends ComponentConfig {
     context: any,
     workInProgress: Fiber
   ): RNGridRow {
-    const widget = new RNGridRow();
+    const widget = new RNGridRow(null!);
     widget.setProps(newProps, newProps);
     return widget;
   }
diff --git a/src/components/GridView/RNGridView.ts b/src/components/GridView/RNGridView.ts
index 0483fa92..edb707ee 100644
--- a/src/components/GridView/RNGridView.ts
+++ b/src/components/GridView/RNGridView.ts
@@ -1,5 +1,5 @@
 import { FunctionComponentElement } from "react";
-import { QGridLayoutSignals, QGridLayout, QWidget } from "@nodegui/nodegui";
+import { QGridLayoutSignals, QGridLayout, QWidget, QLayout, QObjectSignals } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNComponent } from "../config";
 import { RNGridRow, GridRowProps } from "./GridRow/RNGridRow";
@@ -42,18 +42,18 @@ const setGridViewProps = (
 ) => {
   const setter: Omit<GridViewProps, "children"> = {
     set horizontalSpacing(spacing: number) {
-      widget.layout?.setHorizontalSpacing(spacing);
+      widget.layout()?.setHorizontalSpacing(spacing);
     },
     set verticalSpacing(spacing: number) {
-      widget.layout?.setVerticalSpacing(spacing);
+      widget.layout()?.setVerticalSpacing(spacing);
     },
     set columnProps(props: GridViewColumnProps) {
       for (const indexString of Object.keys(props)) {
         const index = parseInt(indexString, 10);
         const { stretch, minWidth } = props[index];
 
-        widget.layout?.setColumnStretch(index, stretch ?? 0);
-        widget.layout?.setColumnMinimumWidth(index, minWidth ?? 0);
+        widget.layout()?.setColumnStretch(index, stretch ?? 0);
+        widget.layout()?.setColumnMinimumWidth(index, minWidth ?? 0);
       }
     },
     set rowProps(props: GridViewRowProps) {
@@ -61,8 +61,8 @@ const setGridViewProps = (
         const index = parseInt(indexString, 10);
         const { stretch, minHeight } = props[index];
 
-        widget.layout?.setRowStretch(index, stretch ?? 0);
-        widget.layout?.setRowMinimumHeight(index, minHeight ?? 0);
+        widget.layout()?.setRowStretch(index, stretch ?? 0);
+        widget.layout()?.setRowMinimumHeight(index, minHeight ?? 0);
       }
     },
   };
@@ -75,16 +75,15 @@ const setGridViewProps = (
  */
 export class RNGridView extends QWidget implements RNComponent {
   native: any;
-  _layout?: QGridLayout;
   initialProps?: GridViewProps;
   childRows: Array<DataWithOffset<RNGridRow>> = [];
 
-  get layout() {
-    return this._layout;
+  layout(): QGridLayout | null {
+    return super.layout() as any;
   }
 
-  set layout(l: QGridLayout | undefined) {
-    this._layout = l;
+  setLayout(layout: QGridLayout): void {
+    super.setLayout(layout);
   }
 
   updateChildren(startIndex = 0): void {
@@ -100,7 +99,7 @@ export class RNGridView extends QWidget implements RNComponent {
   /* RNComponent */
 
   setProps(newProps: GridViewProps, oldProps: GridViewProps): void {
-    if (this.layout) {
+    if (this.layout()) {
       setGridViewProps(this, newProps, oldProps);
     } else {
       this.initialProps = newProps;
@@ -129,7 +128,7 @@ export class RNGridView extends QWidget implements RNComponent {
       });
     };
 
-    if (this.layout) {
+    if (this.layout()) {
       updateChild();
 
       return;
@@ -137,7 +136,6 @@ export class RNGridView extends QWidget implements RNComponent {
 
     const layout = new QGridLayout();
     this.setLayout(layout);
-    this.layout = layout;
 
     // Newly created layout, so set initial props
     if (this.initialProps) {
diff --git a/src/components/Image/RNImage.ts b/src/components/Image/RNImage.ts
index af000d94..1c66b6b9 100644
--- a/src/components/Image/RNImage.ts
+++ b/src/components/Image/RNImage.ts
@@ -2,7 +2,7 @@ import {
   QLabel,
   QPixmap,
   AspectRatioMode,
-  NodeWidget,
+  QWidget,
   QSize,
   TransformationMode,
 } from "@nodegui/nodegui";
@@ -77,16 +77,16 @@ export class RNImage extends QLabel implements RNWidget {
   setProps(newProps: ImageProps, oldProps: ImageProps): void {
     setImageProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "image";
diff --git a/src/components/InputDialog/RNInputDialog.ts b/src/components/InputDialog/RNInputDialog.ts
index 3c0be4a1..113eda90 100644
--- a/src/components/InputDialog/RNInputDialog.ts
+++ b/src/components/InputDialog/RNInputDialog.ts
@@ -1,4 +1,4 @@
-import { EchoMode, InputDialogOptions, InputMode, NodeWidget, QInputDialog, QInputDialogSignals } from "@nodegui/nodegui";
+import { EchoMode, InputDialogOptions, InputMode, QWidget, QInputDialog, QInputDialogSignals } from "@nodegui/nodegui";
 import { throwUnsupported } from "../../utils/helpers";
 import { RNWidget } from "../config";
 import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
@@ -85,16 +85,16 @@ export class RNInputDialog extends QInputDialog implements RNWidget {
   setProps(newProps: InputDialogProps, oldProps: InputDialogProps): void {
     setInputDialogProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "input-dialog";
diff --git a/src/components/LineEdit/RNLineEdit.ts b/src/components/LineEdit/RNLineEdit.ts
index 5f165a6e..2a6eca10 100644
--- a/src/components/LineEdit/RNLineEdit.ts
+++ b/src/components/LineEdit/RNLineEdit.ts
@@ -1,7 +1,7 @@
 import {
   QLineEdit,
   EchoMode,
-  NodeWidget,
+  QWidget,
   QLineEditSignals
 } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
@@ -66,16 +66,16 @@ export class RNLineEdit extends QLineEdit implements RNWidget {
   setProps(newProps: LineEditProps, oldProps: LineEditProps): void {
     setLineEditProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "linedit";
diff --git a/src/components/List/RNList.ts b/src/components/List/RNList.ts
index 86c4bd6a..f5a5a11a 100644
--- a/src/components/List/RNList.ts
+++ b/src/components/List/RNList.ts
@@ -36,7 +36,7 @@ export class RNList extends QListWidget implements RNComponent {
     this.appendChild(child);
   }
   appendChild(child: RNListItem): void {
-    if (!this.layout) {
+    if (!this.layout()) {
       this.setLayout(new FlexLayout());
     }
 
diff --git a/src/components/ListItem/RNListItem.ts b/src/components/ListItem/RNListItem.ts
index 148385f0..b8444c47 100644
--- a/src/components/ListItem/RNListItem.ts
+++ b/src/components/ListItem/RNListItem.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, QListWidgetItem, QIcon } from "@nodegui/nodegui";
+import { QWidget, QListWidgetItem, QIcon } from "@nodegui/nodegui";
 import { RNComponent } from "../config";
 
 export interface ListItemProps {
@@ -30,24 +30,24 @@ export const setListItemProps = (
   */
 export class RNListItem extends QListWidgetItem implements RNComponent {
   native: any;
-  actualListItemWidget?: NodeWidget<any>;
+  actualListItemWidget?: QWidget<any>;
 
   setProps(newProps: ListItemProps, oldProps: ListItemProps): void {
     setListItemProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     if (this.actualListItemWidget) {
       throw new Error("ListItem can have only one child");
     }
     this.actualListItemWidget = child;
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     if (child) {
       child.close();
     }
diff --git a/src/components/Menu/RNMenu.ts b/src/components/Menu/RNMenu.ts
index 68656942..704bedd7 100644
--- a/src/components/Menu/RNMenu.ts
+++ b/src/components/Menu/RNMenu.ts
@@ -1,4 +1,4 @@
-import { QMenu, QMenuSignals, Component, NodeWidget } from "@nodegui/nodegui";
+import { QMenu, QMenuSignals, Component, QWidget } from "@nodegui/nodegui";
 import { RNWidget } from "../config";
 import { throwUnsupported } from "../../utils/helpers";
 import { RNAction } from "../Action/RNAction";
diff --git a/src/components/MenuBar/RNMenuBar.ts b/src/components/MenuBar/RNMenuBar.ts
index ca5acae3..1118a163 100644
--- a/src/components/MenuBar/RNMenuBar.ts
+++ b/src/components/MenuBar/RNMenuBar.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, QMenu, QMenuBar, QMenuBarSignals } from "@nodegui/nodegui";
+import { QWidget, QMenu, QMenuBar, QMenuBarSignals } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNWidget } from "../config";
 import { throwUnsupported } from "../../utils/helpers";
@@ -35,13 +35,13 @@ export class RNMenuBar extends QMenuBar implements RNWidget {
   appendChild(child: QMenu): void {
     this.appendInitialChild(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     console.warn(
       "Updating menubar is not yet supported. Please help by raising a PR"
     );
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     console.warn(
       "Updating menubar is not yet supported. Please help by raising a PR"
     );
diff --git a/src/components/PlainTextEdit/RNPlainTextEdit.ts b/src/components/PlainTextEdit/RNPlainTextEdit.ts
index 72d26db2..1bb4af09 100644
--- a/src/components/PlainTextEdit/RNPlainTextEdit.ts
+++ b/src/components/PlainTextEdit/RNPlainTextEdit.ts
@@ -1,6 +1,6 @@
 import {
   QPlainTextEdit,
-  NodeWidget,
+  QWidget,
   QPlainTextEditSignals
 } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
@@ -66,16 +66,16 @@ export class RNPlainTextEdit extends QPlainTextEdit implements RNWidget {
   setProps(newProps: PlainTextEditProps, oldProps: PlainTextEditProps): void {
     setPlainTextEditProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "plaintextedit";
diff --git a/src/components/ProgressBar/RNProgressBar.ts b/src/components/ProgressBar/RNProgressBar.ts
index 91e0c378..0096d5f7 100644
--- a/src/components/ProgressBar/RNProgressBar.ts
+++ b/src/components/ProgressBar/RNProgressBar.ts
@@ -1,7 +1,7 @@
 import {
   QProgressBar,
   Orientation,
-  NodeWidget,
+  QWidget,
   QProgressBarSignals
 } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
@@ -62,16 +62,16 @@ export class RNProgressBar extends QProgressBar implements RNWidget {
   setProps(newProps: ProgressBarProps, oldProps: ProgressBarProps): void {
     setProgressBarProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "progressbar";
diff --git a/src/components/ProgressDialog/RNProgressDialog.ts b/src/components/ProgressDialog/RNProgressDialog.ts
index 94c000c7..448eaedb 100644
--- a/src/components/ProgressDialog/RNProgressDialog.ts
+++ b/src/components/ProgressDialog/RNProgressDialog.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, QProgressDialog, QProgressDialogSignals } from "@nodegui/nodegui";
+import { QWidget, QProgressDialog, QProgressDialogSignals } from "@nodegui/nodegui";
 import { throwUnsupported } from "../../utils/helpers";
 import { RNWidget } from "../config";
 import { DialogProps, setDialogProps } from "../Dialog/RNDialog";
@@ -72,16 +72,16 @@ export class RNProgressDialog extends QProgressDialog implements RNWidget {
   setProps(newProps: ProgressDialogProps, oldProps: ProgressDialogProps): void {
     setProgressDialogProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "progress-dialog";
diff --git a/src/components/RadioButton/RNRadioButton.ts b/src/components/RadioButton/RNRadioButton.ts
index ee137dbc..415b3ec0 100644
--- a/src/components/RadioButton/RNRadioButton.ts
+++ b/src/components/RadioButton/RNRadioButton.ts
@@ -1,6 +1,6 @@
 import {
   QRadioButton,
-  NodeWidget,
+  QWidget,
   QRadioButtonSignals
 } from "@nodegui/nodegui";
 import { RNWidget } from "../config";
@@ -34,16 +34,16 @@ export class RNRadioButton extends QRadioButton implements RNWidget {
   setProps(newProps: RadioButtonProps, oldProps: RadioButtonProps): void {
     setRadioButtonProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "radiobutton";
diff --git a/src/components/ScrollArea/RNScrollArea.ts b/src/components/ScrollArea/RNScrollArea.ts
index 0f9a8b78..2cd82f29 100644
--- a/src/components/ScrollArea/RNScrollArea.ts
+++ b/src/components/ScrollArea/RNScrollArea.ts
@@ -1,4 +1,4 @@
-import { QScrollArea, NodeWidget, QScrollAreaSignals } from "@nodegui/nodegui";
+import { QScrollArea, QWidget, QScrollAreaSignals } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNWidget } from "../config";
 
@@ -27,24 +27,24 @@ export class RNScrollArea extends QScrollArea implements RNWidget {
   setProps(newProps: ScrollAreaProps, oldProps: ScrollAreaProps): void {
     setScrollAreaProps(this, newProps, oldProps);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     const removedChild = this.takeWidget();
     if (removedChild) {
       removedChild.close();
     }
     child.close();
   }
-  appendInitialChild(child: NodeWidget<any>): void {
-    if (this.contentWidget) {
+  appendInitialChild(child: QWidget<any>): void {
+    if (this.widget()) {
       console.warn("ScrollView can't have more than one child node");
       return;
     }
     this.setWidget(child);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     this.appendInitialChild(child);
   }
   static tagName = "scrollarea";
diff --git a/src/components/Slider/RNSlider.ts b/src/components/Slider/RNSlider.ts
index 7b1b5ca4..500a165d 100644
--- a/src/components/Slider/RNSlider.ts
+++ b/src/components/Slider/RNSlider.ts
@@ -1,4 +1,4 @@
-import { QSlider, NodeWidget, QSliderSignals, TickPosition, Orientation } from '@nodegui/nodegui';
+import { QSlider, QWidget, QSliderSignals, TickPosition, Orientation } from '@nodegui/nodegui';
 import { setViewProps, ViewProps } from '../View/RNView';
 import { RNWidget } from '../config';
 import { throwUnsupported } from '../../utils/helpers';
@@ -77,19 +77,19 @@ export class RNSlider extends QSlider implements RNWidget {
     setSliderProps(this, newProps, oldProps);
   }
 
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
 
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
 
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
 
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
 
diff --git a/src/components/SpinBox/RNSpinBox.ts b/src/components/SpinBox/RNSpinBox.ts
index e546bfb7..68fcf2b4 100644
--- a/src/components/SpinBox/RNSpinBox.ts
+++ b/src/components/SpinBox/RNSpinBox.ts
@@ -1,4 +1,4 @@
-import { QSpinBox, NodeWidget, QSpinBoxSignals } from "@nodegui/nodegui";
+import { QSpinBox, QWidget, QSpinBoxSignals } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNWidget } from "../config";
 import { throwUnsupported } from "../../utils/helpers";
@@ -67,16 +67,16 @@ export class RNSpinBox extends QSpinBox implements RNWidget {
   setProps(newProps: SpinBoxProps, oldProps: SpinBoxProps): void {
     setSpinBoxProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "spinbox";
diff --git a/src/components/SystemTrayIcon/RNSystemTrayIcon.ts b/src/components/SystemTrayIcon/RNSystemTrayIcon.ts
index 4f8a355b..caf25e99 100644
--- a/src/components/SystemTrayIcon/RNSystemTrayIcon.ts
+++ b/src/components/SystemTrayIcon/RNSystemTrayIcon.ts
@@ -2,7 +2,7 @@ import { WidgetEventListeners } from "../View/RNView";
 import {
   QSystemTrayIconSignals,
   QSystemTrayIcon,
-  NodeWidget,
+  QWidget,
   QIcon,
   QMenu,
 } from "@nodegui/nodegui";
@@ -47,7 +47,7 @@ export interface SystemTrayIconProps extends RNProps {
   icon?: QIcon;
 
   /**
-   * Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+   * Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
    */
   id?: string;
 
@@ -62,7 +62,7 @@ export interface SystemTrayIconProps extends RNProps {
   tooltip?: string;
 
   /**
-   * Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+   * Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
    */
   visible?: boolean;
 }
@@ -114,13 +114,15 @@ const setSystemTrayIconProps = (
  */
 export class RNSystemTrayIcon extends QSystemTrayIcon implements RNComponent {
   static tagName = "systemtrayicon";
+  contextMenu: QMenu | null = null;
 
   setProps(newProps: SystemTrayIconProps, oldProps: SystemTrayIconProps): void {
     setSystemTrayIconProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     if (child instanceof QMenu) {
       if (!this.contextMenu) {
+        this.contextMenu = child;
         this.setContextMenu(child);
       } else {
         console.warn("SystemTrayIcon can't have more than one Menu.");
@@ -129,13 +131,13 @@ export class RNSystemTrayIcon extends QSystemTrayIcon implements RNComponent {
       console.warn("SystemTrayIcon only supports Menu as its children");
     }
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
 }
diff --git a/src/components/Tab/RNTab.ts b/src/components/Tab/RNTab.ts
index 9333cce7..27219f68 100644
--- a/src/components/Tab/RNTab.ts
+++ b/src/components/Tab/RNTab.ts
@@ -3,7 +3,7 @@ import {
   QTabWidgetSignals,
   TabPosition,
   QIcon,
-  NodeWidget
+  QWidget
 } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNComponent } from "../config";
@@ -56,13 +56,13 @@ export class RNTab extends QTabWidget implements RNComponent {
     if (!(child instanceof RNTabItem)) {
       throw new Error("Children of tab should be of type TabItem");
     }
-    const index = this.indexOf(beforeChild.actualTabWidget as NodeWidget<any>);
-    this.insertTab(index, child.actualTabWidget as NodeWidget<any>, new QIcon(), "");
+    const index = this.indexOf(beforeChild.actualTabWidget as QWidget<any>);
+    this.insertTab(index, child.actualTabWidget as QWidget<any>, new QIcon(), "");
     child.parentTab = this;
     setTabItemProps(child, this, child.initialProps, {});
   }
   removeChild(child: RNTabItem): void {
-    const childIndex = this.indexOf(child.actualTabWidget as NodeWidget<any>);
+    const childIndex = this.indexOf(child.actualTabWidget as QWidget<any>);
     this.removeTab(childIndex);
   }
   static tagName = "tabwidget";
diff --git a/src/components/TabItem/RNTabItem.ts b/src/components/TabItem/RNTabItem.ts
index e35af767..4093a2fe 100644
--- a/src/components/TabItem/RNTabItem.ts
+++ b/src/components/TabItem/RNTabItem.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, QIcon, Component } from "@nodegui/nodegui";
+import { QWidget, QIcon, Component } from "@nodegui/nodegui";
 import { RNComponent, RNProps } from "../config";
 import { RNTab } from "../Tab/RNTab";
 
@@ -41,7 +41,7 @@ export const setTabItemProps = (
  */
 export class RNTabItem extends Component implements RNComponent {
   native: any;
-  actualTabWidget?: NodeWidget<any>;
+  actualTabWidget?: QWidget<any>;
   initialProps: TabItemProps = {};
   parentTab?: RNTab;
 
@@ -52,19 +52,19 @@ export class RNTabItem extends Component implements RNComponent {
       this.initialProps = newProps;
     }
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     if (this.actualTabWidget) {
       throw new Error("Tab Item can have only one child");
     }
     this.actualTabWidget = child;
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     child.close();
     delete this.actualTabWidget;
   }
diff --git a/src/components/TabItem/index.ts b/src/components/TabItem/index.ts
index 987ae57e..f08d938f 100644
--- a/src/components/TabItem/index.ts
+++ b/src/components/TabItem/index.ts
@@ -14,7 +14,7 @@ class TabItemConfig extends ComponentConfig {
     context: any,
     workInProgress: Fiber
   ): RNTabItem {
-    const item = new RNTabItem();
+    const item = new RNTabItem(null!);
     item.setProps(newProps, {});
     return item;
   }
diff --git a/src/components/Table/RNTable.ts b/src/components/Table/RNTable.ts
index 56bcbf62..d44da2ac 100644
--- a/src/components/Table/RNTable.ts
+++ b/src/components/Table/RNTable.ts
@@ -1,4 +1,4 @@
-import { FlexLayout, NodeWidget, QTableWidget, QTableWidgetItem, QTableWidgetSignals, SortOrder } from "@nodegui/nodegui";
+import { FlexLayout, QWidget, QTableWidget, QTableWidgetItem, QTableWidgetSignals, SortOrder } from "@nodegui/nodegui";
 import { ViewProps, setViewProps } from "../View/RNView";
 import { RNComponent } from "../config";
 import { RNTableItem } from "../TableItem/RNTableItem";
@@ -15,7 +15,7 @@ interface VerticalHeader extends Omit<CellRange, "column"> {
 }
 
 interface CellWidget extends CellRange {
-  widget: NodeWidget<any>;
+  widget: QWidget<any>;
 }
 
 interface Sort extends Omit<CellRange, "row"> {
@@ -150,12 +150,12 @@ export class RNTable extends QTableWidget implements RNComponent {
   setProps(newProps: CustomTableProps, oldProps: CustomTableProps): void {
     setTableProps(this, newProps, oldProps);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     child.close();
   }
   appendInitialChild(child: RNTableItem): void {
     const { cellPosition } = child;
-    if (!this.layout) {
+    if (!this.layout()) {
       this.setLayout(new FlexLayout());
     }
     const row = this.rowCount();
diff --git a/src/components/TableItem/RNTableItem.ts b/src/components/TableItem/RNTableItem.ts
index fa49d917..c184fd86 100644
--- a/src/components/TableItem/RNTableItem.ts
+++ b/src/components/TableItem/RNTableItem.ts
@@ -1,4 +1,4 @@
-import { QTableWidgetItem, NodeWidget, ItemFlag, CheckState, QVariant, QBrush, QIcon, QFont, QSize, AlignmentFlag } from "@nodegui/nodegui";
+import { QTableWidgetItem, QWidget, ItemFlag, CheckState, QVariant, QBrush, QIcon, QFont, QSize, AlignmentFlag } from "@nodegui/nodegui";
 import { RNComponent } from "../config";
 import { throwUnsupported } from "../../utils/helpers";
 
@@ -100,16 +100,16 @@ export class RNTableItem extends QTableWidgetItem implements RNComponent {
     this.cellPosition = newProps.cellPosition;
     setTableItemProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = "table-item";
diff --git a/src/components/Text/RNText.ts b/src/components/Text/RNText.ts
index 717c7a7f..37f75aa0 100644
--- a/src/components/Text/RNText.ts
+++ b/src/components/Text/RNText.ts
@@ -1,4 +1,4 @@
-import { QLabel, NodeWidget, QLabelSignals, TextInteractionFlag } from '@nodegui/nodegui';
+import { QLabel, QWidget, QLabelSignals, TextInteractionFlag } from '@nodegui/nodegui';
 import { ViewProps, setViewProps } from '../View/RNView';
 import { RNWidget } from '../config';
 import { throwUnsupported } from '../../utils/helpers';
@@ -49,16 +49,16 @@ export class RNText extends QLabel implements RNWidget {
   setProps(newProps: TextProps, oldProps: TextProps): void {
     setTextProps(this, newProps, oldProps);
   }
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     throwUnsupported(this);
   }
-  removeChild(child: NodeWidget<any>): void {
+  removeChild(child: QWidget<any>): void {
     throwUnsupported(this);
   }
   static tagName = 'text';
diff --git a/src/components/View/RNView.ts b/src/components/View/RNView.ts
index 93aea513..93b6408a 100644
--- a/src/components/View/RNView.ts
+++ b/src/components/View/RNView.ts
@@ -1,12 +1,12 @@
-import { QWidget, WindowState, QCursor, CursorShape, NodeWidget, QIcon, FlexLayout, WidgetEventTypes, QWidgetSignals } from "@nodegui/nodegui";
+import { QWidget, WindowState, QCursor, CursorShape, QIcon, FlexLayout, WidgetEventTypes, QWidgetSignals, QLayout, QObjectSignals } from "@nodegui/nodegui";
 import { NativeRawPointer } from "@nodegui/nodegui/dist/lib/core/Component";
-import { NodeDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
+import { QDialog } from "@nodegui/nodegui/dist/lib/QtWidgets/QDialog";
 import { RNWidget, RNProps } from "../config";
 
 /**
  * The View component can be used to encapsulate other components and provide structure.
  * It functions similar to a div in the web world. It is based on
- * [NodeGui's QWidget](https://docs.nodegui.org/docs/api/QWidget).
+ * [NodeGui's QWidget](https://docs.nodegui.org/docs/api/generated/classes/QWidget).
  * ## Example
  * ```javascript
  *import React from "react";
@@ -30,67 +30,67 @@ import { RNWidget, RNProps } from "../config";
 
 export interface ViewProps<Signals extends {}> extends RNProps {
   /**
-   * Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+   * Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
    */
   visible?: boolean;
   /**
-   * Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+   * Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
    */
   styleSheet?: string;
   /**
-   * Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+   * Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
    */
   style?: string;
   /**
-   * Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+   * Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
    */
   geometry?: Geometry;
   /**
-   * Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+   * Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
    */
   id?: string;
   /**
-   * Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+   * Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
    */
   mouseTracking?: boolean;
   /**
-   * Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+   * Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
    */
   enabled?: boolean;
   /**
-   * This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+   * This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
    */
   windowOpacity?: number;
   /**
-   * Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+   * Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
    */
   windowTitle?: string;
   /**
-   * Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+   * Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
    */
   windowState?: WindowState;
   /**
-   * Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+   * Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
    */
   cursor?: CursorShape | QCursor;
   /**
-   * Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+   * Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
    */
   windowIcon?: QIcon;
   /**
-   * Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+   * Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
    */
   minSize?: Size;
   /**
-   * Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+   * Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
    */
   maxSize?: Size;
   /**
-   * Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+   * Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
    */
   size?: ViewSize;
   /**
-   * Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+   * Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
    */
   pos?: Position;
   /**
@@ -117,7 +117,7 @@ export interface ViewProps<Signals extends {}> extends RNProps {
 /**
  * @ignore
  */
-export function setViewProps<Signals extends {}>(widget: NodeWidget<any>, newProps: ViewProps<Signals>, oldProps: ViewProps<Signals>) {
+export function setViewProps<Signals extends {}>(widget: QWidget<any>, newProps: ViewProps<Signals>, oldProps: ViewProps<Signals>) {
   const setter: ViewProps<Signals> = {
     set visible(shouldShow: boolean) {
       shouldShow ? widget.show() : widget.hide();
@@ -215,38 +215,46 @@ export function setViewProps<Signals extends {}>(widget: NodeWidget<any>, newPro
  * @ignore
  */
 export class RNView extends QWidget implements RNWidget {
+  private _layout: QLayout<QObjectSignals> | null = null;
+
+  layout() {
+    return this._layout;
+  }
+  setLayout(layout: QLayout<QObjectSignals>) {
+    this._layout = layout;
+    super.setLayout(layout);
+  }
   setProps(newProps: ViewProps<QWidgetSignals>, oldProps: ViewProps<QWidgetSignals>): void {
     setViewProps(this, newProps, oldProps);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
-    if (!this.layout || child instanceof NodeDialog) {
-      !this.layout && console.warn("parent has no layout to insert child before another child");
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
+    if (!this.layout() || child instanceof QDialog) {
+      !this.layout() && console.warn("parent has no layout to insert child before another child");
       return;
     }
-    (this.layout as FlexLayout).insertChildBefore(child, beforeChild);
+    (this.layout() as FlexLayout).insertChildBefore(child, beforeChild);
   }
   static tagName = "view";
-  appendInitialChild(child: NodeWidget<any>): void {
+  appendInitialChild(child: QWidget<any>): void {
     this.appendChild(child);
   }
-  appendChild(child: NodeWidget<any>): void {
-    if (!child || child instanceof NodeDialog) {
+  appendChild(child: QWidget<any>): void {
+    if (!child || child instanceof QDialog) {
       return;
     }
-    if (!this.layout) {
+    if (!this.layout()) {
       const flexLayout = new FlexLayout();
       flexLayout.setFlexNode(this.getFlexNode());
       this.setLayout(flexLayout);
-      this.layout = flexLayout;
     }
-    this.layout.addWidget(child);
+    this.layout()!.addWidget(child);
   }
-  removeChild(child: NodeWidget<any>) {
-    if (!this.layout) {
+  removeChild(child: QWidget<any>) {
+    if (!this.layout()) {
       console.warn("parent has no layout to remove child from");
       return;
     }
-    this.layout.removeWidget(child);
+    this.layout()!.removeWidget(child);
     child.close();
   }
 }
diff --git a/src/components/Window/RNWindow.ts b/src/components/Window/RNWindow.ts
index 1b3cbf9e..c251b65b 100644
--- a/src/components/Window/RNWindow.ts
+++ b/src/components/Window/RNWindow.ts
@@ -1,6 +1,6 @@
 import {
   QMainWindow,
-  NodeWidget,
+  QWidget,
   QMainWindowSignals,
   QMenuBar,
 } from "@nodegui/nodegui";
@@ -33,14 +33,14 @@ export class RNWindow extends QMainWindow implements RNWidget {
   setProps(newProps: WindowProps, oldProps: WindowProps): void {
     setWindowProps(this, newProps, oldProps);
   }
-  removeChild(child: NodeWidget<any>) {
+  removeChild(child: QWidget<any>) {
     const removedChild = this.takeCentralWidget();
     if (removedChild) {
       removedChild.close();
     }
     child.close();
   }
-  appendInitialChild(child: NodeWidget<any> | QMenuBar): void {
+  appendInitialChild(child: QWidget<any> | QMenuBar): void {
     if (child instanceof QMenuBar) {
       if (!this.menuBar()) {
         this.setMenuBar(child);
@@ -50,16 +50,16 @@ export class RNWindow extends QMainWindow implements RNWidget {
       return;
     }
 
-    if (!this.centralWidget) {
+    if (!this.centralWidget()) {
       this.setCentralWidget(child);
     } else {
       console.warn("MainWindow can't have more than one child node");
     }
   }
-  appendChild(child: NodeWidget<any>): void {
+  appendChild(child: QWidget<any>): void {
     this.appendInitialChild(child);
   }
-  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+  insertBefore(child: QWidget<any>, beforeChild: QWidget<any>): void {
     this.appendInitialChild(child);
   }
   static tagName = "mainwindow";
diff --git a/src/components/config.ts b/src/components/config.ts
index 4b7f9d4a..c12b9886 100644
--- a/src/components/config.ts
+++ b/src/components/config.ts
@@ -1,4 +1,4 @@
-import { NodeWidget, Component } from "@nodegui/nodegui";
+import { QWidget, Component } from "@nodegui/nodegui";
 import { Fiber } from "react-reconciler";
 import { AppContainer } from "../reconciler";
 
@@ -14,16 +14,16 @@ export abstract class RNComponent {
   abstract insertBefore(child: Component, beforeChild: Component): void;
   abstract removeChild(child: Component): void;
 }
-export abstract class RNWidget extends NodeWidget<any> implements RNComponent {
+export abstract class RNWidget extends QWidget<any> implements RNComponent {
   static tagName: string;
   abstract setProps(newProps: RNProps, oldProps: RNProps): void;
-  abstract appendInitialChild(child: NodeWidget<any>): void;
-  abstract appendChild(child: NodeWidget<any>): void;
+  abstract appendInitialChild(child: QWidget<any>): void;
+  abstract appendChild(child: QWidget<any>): void;
   abstract insertBefore(
-    child: NodeWidget<any>,
-    beforeChild: NodeWidget<any>
+    child: QWidget<any>,
+    beforeChild: QWidget<any>
   ): void;
-  abstract removeChild(child: NodeWidget<any>): void;
+  abstract removeChild(child: QWidget<any>): void;
 }
 export abstract class ComponentConfig {
   abstract tagName: string;
diff --git a/src/reconciler/index.ts b/src/reconciler/index.ts
index 5cfced5d..ec5013af 100644
--- a/src/reconciler/index.ts
+++ b/src/reconciler/index.ts
@@ -1,5 +1,5 @@
 import Reconciler from "react-reconciler";
-import { NodeWidget, QSystemTrayIcon, NodeObject } from "@nodegui/nodegui";
+import { QWidget, QSystemTrayIcon, QObject } from "@nodegui/nodegui";
 import {
   getComponentByTagName,
   RNWidget,
@@ -7,10 +7,10 @@ import {
   RNComponent
 } from "../components/config";
 
-export type AppContainer = Set<NodeWidget<any>>;
-export const appContainer: AppContainer = new Set<NodeWidget<any>>();
+export type AppContainer = Set<QWidget<any>>;
+export const appContainer: AppContainer = new Set<QWidget<any>>();
 
-const shouldIgnoreChild = (child: NodeObject<any>) =>
+const shouldIgnoreChild = (child: QObject<any>) =>
   child instanceof QSystemTrayIcon;
 
 const HostConfig: Reconciler.HostConfig<
@@ -69,7 +69,7 @@ const HostConfig: Reconciler.HostConfig<
       workInProgress
     );
   },
-  appendInitialChild: function (parent: RNWidget, child: NodeWidget<any>) {
+  appendInitialChild: function (parent: RNWidget, child: QWidget<any>) {
     if (shouldIgnoreChild(child)) {
       return;
     }
@@ -100,7 +100,7 @@ const HostConfig: Reconciler.HostConfig<
     const { commitMount } = getComponentByTagName(type);
     return commitMount(instance, newProps, internalInstanceHandle);
   },
-  appendChildToContainer: function(container, child: NodeWidget<any>) {
+  appendChildToContainer: function(container, child: QWidget<any>) {
     container.add(child);
   },
   insertInContainerBefore: (container, child, beforeChild) => {
@@ -146,7 +146,7 @@ const HostConfig: Reconciler.HostConfig<
       finishedWork
     );
   },
-  appendChild: (parent: RNWidget, child: NodeWidget<any>) => {
+  appendChild: (parent: RNWidget, child: QWidget<any>) => {
     if (shouldIgnoreChild(child)) {
       return;
     }
@@ -154,15 +154,15 @@ const HostConfig: Reconciler.HostConfig<
   },
   insertBefore: (
     parent: RNWidget,
-    child: NodeWidget<any>,
-    beforeChild: NodeWidget<any>
+    child: QWidget<any>,
+    beforeChild: QWidget<any>
   ) => {
     if (shouldIgnoreChild(child)) {
       return;
     }
     parent.insertBefore(child, beforeChild);
   },
-  removeChild: (parent: RNWidget, child: NodeWidget<any>) => {
+  removeChild: (parent: RNWidget, child: QWidget<any>) => {
     if (!shouldIgnoreChild(child)) {
       parent.removeChild(child);
     }
@@ -195,10 +195,10 @@ const HostConfig: Reconciler.HostConfig<
     return false;
   },
   //@ts-ignore
-  hideInstance: (instance: NodeWidget<any>) => {
+  hideInstance: (instance: QWidget<any>) => {
     instance.hide();
   },
-  unhideInstance: (instance: NodeWidget<any>, Props: RNProps) => {
+  unhideInstance: (instance: QWidget<any>, Props: RNProps) => {
     instance.show();
   },
   hideTextInstance: (instance: any) => {
@@ -207,7 +207,7 @@ const HostConfig: Reconciler.HostConfig<
       "hideTextInstance called when platform doesnt have host level text"
     );
   },
-  unhideTextInstance: (instance: NodeWidget<any>, Props: RNProps) => {
+  unhideTextInstance: (instance: QWidget<any>, Props: RNProps) => {
     // noop since we dont have any host text
     console.warn(
       "unhideTextInstance called when platform doesnt have host level text"
diff --git a/src/renderer/index.ts b/src/renderer/index.ts
index ee6008d8..cabc596a 100644
--- a/src/renderer/index.ts
+++ b/src/renderer/index.ts
@@ -1,7 +1,7 @@
 import reconciler, { appContainer } from "../reconciler";
 import ReactReconciler, { Reconciler } from "react-reconciler";
 import React from "react";
-import { NodeWidget } from "@nodegui/nodegui";
+import { QWidget } from "@nodegui/nodegui";
 import { RNComponent } from "../components/config";
 //@ts-ignore
 import deepForceUpdate from "react-deep-force-update";
@@ -9,7 +9,7 @@ import deepForceUpdate from "react-deep-force-update";
 type NodeGuiReconciler = Reconciler<
   RNComponent,
   any,
-  Set<NodeWidget<any>>,
+  Set<QWidget<any>>,
   any
 >;
 
diff --git a/website/docs/api/classes/rnaction.md b/website/docs/api/classes/rnaction.md
index 0611d89c..43d4b9a4 100644
--- a/website/docs/api/classes/rnaction.md
+++ b/website/docs/api/classes/rnaction.md
@@ -85,7 +85,7 @@ Name | Type |
 
 **Returns:** *[RNAction](rnaction.md)*
 
-\+ **new RNAction**(`parent`: NodeWidget‹any›): *[RNAction](rnaction.md)*
+\+ **new RNAction**(`parent`: QWidget‹any›): *[RNAction](rnaction.md)*
 
 *Inherited from [RNAction](rnaction.md).[constructor](rnaction.md#constructor)*
 
@@ -95,7 +95,7 @@ Name | Type |
 
 Name | Type |
 ------ | ------ |
-`parent` | NodeWidget‹any› |
+`parent` | QWidget‹any› |
 
 **Returns:** *[RNAction](rnaction.md)*
 
diff --git a/website/docs/api/classes/rngridcolumn.md b/website/docs/api/classes/rngridcolumn.md
index 47a8c117..fc9020fe 100644
--- a/website/docs/api/classes/rngridcolumn.md
+++ b/website/docs/api/classes/rngridcolumn.md
@@ -58,7 +58,7 @@ sidebar_label: "RNGridColumn"
 
 ### `Optional` actualWidget
 
-• **actualWidget**? : *NodeWidget‹any›*
+• **actualWidget**? : *QWidget‹any›*
 
 ___
 
@@ -124,13 +124,13 @@ ___
 
 ###  appendChild
 
-▸ **appendChild**(`child`: NodeWidget‹any›): *void*
+▸ **appendChild**(`child`: QWidget‹any›): *void*
 
 **Parameters:**
 
 Name | Type |
 ------ | ------ |
-`child` | NodeWidget‹any› |
+`child` | QWidget‹any› |
 
 **Returns:** *void*
 
@@ -138,13 +138,13 @@ ___
 
 ###  appendInitialChild
 
-▸ **appendInitialChild**(`child`: NodeWidget‹any›): *void*
+▸ **appendInitialChild**(`child`: QWidget‹any›): *void*
 
 **Parameters:**
 
 Name | Type |
 ------ | ------ |
-`child` | NodeWidget‹any› |
+`child` | QWidget‹any› |
 
 **Returns:** *void*
 
@@ -152,14 +152,14 @@ ___
 
 ###  insertBefore
 
-▸ **insertBefore**(`child`: NodeWidget‹any›, `beforeChild`: NodeWidget‹any›): *void*
+▸ **insertBefore**(`child`: QWidget‹any›, `beforeChild`: QWidget‹any›): *void*
 
 **Parameters:**
 
 Name | Type |
 ------ | ------ |
-`child` | NodeWidget‹any› |
-`beforeChild` | NodeWidget‹any› |
+`child` | QWidget‹any› |
+`beforeChild` | QWidget‹any› |
 
 **Returns:** *void*
 
@@ -175,13 +175,13 @@ ___
 
 ###  removeChild
 
-▸ **removeChild**(`child`: NodeWidget‹any›): *void*
+▸ **removeChild**(`child`: QWidget‹any›): *void*
 
 **Parameters:**
 
 Name | Type |
 ------ | ------ |
-`child` | NodeWidget‹any› |
+`child` | QWidget‹any› |
 
 **Returns:** *void*
 
diff --git a/website/docs/api/classes/rnmenu.md b/website/docs/api/classes/rnmenu.md
index 71259f60..b15076ee 100644
--- a/website/docs/api/classes/rnmenu.md
+++ b/website/docs/api/classes/rnmenu.md
@@ -124,7 +124,7 @@ sidebar_label: "RNMenu"
 
 **Returns:** *[RNMenu](rnmenu.md)*
 
-\+ **new RNMenu**(`parent`: NodeWidget‹any›): *[RNMenu](rnmenu.md)*
+\+ **new RNMenu**(`parent`: QWidget‹any›): *[RNMenu](rnmenu.md)*
 
 *Inherited from [RNMenu](rnmenu.md).[constructor](rnmenu.md#constructor)*
 
@@ -134,7 +134,7 @@ sidebar_label: "RNMenu"
 
 Name | Type |
 ------ | ------ |
-`parent` | NodeWidget‹any› |
+`parent` | QWidget‹any› |
 
 **Returns:** *[RNMenu](rnmenu.md)*
 
@@ -158,7 +158,7 @@ ___
 
 ### `Optional` layout
 
-• **layout**? : *NodeLayout‹QMenuSignals›*
+• **layout**? : *QLayout‹QMenuSignals›*
 
 *Inherited from void*
 
@@ -959,7 +959,7 @@ ___
 
 ###  setLayout
 
-▸ **setLayout**(`parentLayout`: NodeLayout‹QMenuSignals›): *void*
+▸ **setLayout**(`parentLayout`: QLayout‹QMenuSignals›): *void*
 
 *Inherited from void*
 
@@ -967,7 +967,7 @@ ___
 
 Name | Type |
 ------ | ------ |
-`parentLayout` | NodeLayout‹QMenuSignals› |
+`parentLayout` | QLayout‹QMenuSignals› |
 
 **Returns:** *void*
 
diff --git a/website/docs/api/classes/rnmenubar.md b/website/docs/api/classes/rnmenubar.md
index 952a0a78..a802a770 100644
--- a/website/docs/api/classes/rnmenubar.md
+++ b/website/docs/api/classes/rnmenubar.md
@@ -124,7 +124,7 @@ sidebar_label: "RNMenuBar"
 
 **Returns:** *[RNMenuBar](rnmenubar.md)*
 
-\+ **new RNMenuBar**(`parent`: NodeWidget‹any›): *[RNMenuBar](rnmenubar.md)*
+\+ **new RNMenuBar**(`parent`: QWidget‹any›): *[RNMenuBar](rnmenubar.md)*
 
 *Inherited from [RNMenuBar](rnmenubar.md).[constructor](rnmenubar.md#constructor)*
 
@@ -134,7 +134,7 @@ sidebar_label: "RNMenuBar"
 
 Name | Type |
 ------ | ------ |
-`parent` | NodeWidget‹any› |
+`parent` | QWidget‹any› |
 
 **Returns:** *[RNMenuBar](rnmenubar.md)*
 
@@ -180,7 +180,7 @@ ___
 
 ### `Optional` layout
 
-• **layout**? : *NodeLayout‹QMenuBarSignals›*
+• **layout**? : *QLayout‹QMenuBarSignals›*
 
 *Inherited from void*
 
@@ -460,14 +460,14 @@ ___
 
 ###  insertBefore
 
-▸ **insertBefore**(`child`: NodeWidget‹any›, `beforeChild`: NodeWidget‹any›): *void*
+▸ **insertBefore**(`child`: QWidget‹any›, `beforeChild`: QWidget‹any›): *void*
 
 **Parameters:**
 
 Name | Type |
 ------ | ------ |
-`child` | NodeWidget‹any› |
-`beforeChild` | NodeWidget‹any› |
+`child` | QWidget‹any› |
+`beforeChild` | QWidget‹any› |
 
 **Returns:** *void*
 
@@ -672,13 +672,13 @@ ___
 
 ###  removeChild
 
-▸ **removeChild**(`child`: NodeWidget‹any›): *void*
+▸ **removeChild**(`child`: QWidget‹any›): *void*
 
 **Parameters:**
 
 Name | Type |
 ------ | ------ |
-`child` | NodeWidget‹any› |
+`child` | QWidget‹any› |
 
 **Returns:** *void*
 
@@ -963,7 +963,7 @@ ___
 
 ###  setLayout
 
-▸ **setLayout**(`parentLayout`: NodeLayout‹QMenuBarSignals›): *void*
+▸ **setLayout**(`parentLayout`: QLayout‹QMenuBarSignals›): *void*
 
 *Inherited from void*
 
@@ -971,7 +971,7 @@ ___
 
 Name | Type |
 ------ | ------ |
-`parentLayout` | NodeLayout‹QMenuBarSignals› |
+`parentLayout` | QLayout‹QMenuBarSignals› |
 
 **Returns:** *void*
 
diff --git a/website/docs/api/globals.md b/website/docs/api/globals.md
index 9cb40a9b..57511eb0 100644
--- a/website/docs/api/globals.md
+++ b/website/docs/api/globals.md
@@ -209,7 +209,7 @@ ___
 
 ###  NodeGuiReconciler
 
-Ƭ **NodeGuiReconciler**: *Reconciler‹RNComponent, any, Set‹NodeWidget‹any››, any›*
+Ƭ **NodeGuiReconciler**: *Reconciler‹RNComponent, any, Set‹QWidget‹any››, any›*
 
 ___
 
diff --git a/website/docs/api/interfaces/abstractbuttonprops.md b/website/docs/api/interfaces/abstractbuttonprops.md
index d43e45f4..ecf81bb6 100644
--- a/website/docs/api/interfaces/abstractbuttonprops.md
+++ b/website/docs/api/interfaces/abstractbuttonprops.md
@@ -5,7 +5,7 @@ sidebar_label: "AbstractButtonProps"
 ---
 
 The Button component provides ability to add and manipulate native button widgets. It is based on
-[NodeGui's QPushButton](https://docs.nodegui.org/docs/api/QPushButton).
+[NodeGui's QPushButton](https://docs.nodegui.org/docs/api/generated/classes/QPushButton).
 ## Example
 ```javascript
 import React from "react";
@@ -96,7 +96,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -106,7 +106,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -116,7 +116,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -124,7 +124,7 @@ ___
 
 • **icon**? : *QIcon*
 
-Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonicon)
+Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonicon)
 
 ___
 
@@ -132,7 +132,7 @@ ___
 
 • **iconSize**? : *QSize*
 
-Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonsize)
+Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonsize)
 
 ___
 
@@ -142,7 +142,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -152,7 +152,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -162,7 +162,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -172,7 +172,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -192,7 +192,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -222,7 +222,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -232,7 +232,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -240,7 +240,7 @@ ___
 
 • **text**? : *undefined | string*
 
-Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/QPushButton#buttonsettexttext)
+Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonsettexttext)
 
 ___
 
@@ -250,7 +250,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -271,7 +271,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -281,7 +281,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -291,7 +291,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -301,4 +301,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/actionprops.md b/website/docs/api/interfaces/actionprops.md
index 703ddc73..7f3ce694 100644
--- a/website/docs/api/interfaces/actionprops.md
+++ b/website/docs/api/interfaces/actionprops.md
@@ -72,7 +72,7 @@ ___
 
 • **id**? : *undefined | string*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
diff --git a/website/docs/api/interfaces/animatedimageprops.md b/website/docs/api/interfaces/animatedimageprops.md
index 8a3493bf..acb8195d 100644
--- a/website/docs/api/interfaces/animatedimageprops.md
+++ b/website/docs/api/interfaces/animatedimageprops.md
@@ -75,7 +75,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -85,7 +85,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -95,7 +95,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -105,7 +105,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -115,7 +115,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -125,7 +125,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -135,7 +135,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -163,7 +163,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -207,7 +207,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -217,7 +217,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -235,7 +235,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -256,7 +256,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -266,7 +266,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -276,7 +276,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -286,7 +286,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
 
 ___
 
diff --git a/website/docs/api/interfaces/boxviewprops.md b/website/docs/api/interfaces/boxviewprops.md
index c03ca0ea..379441bb 100644
--- a/website/docs/api/interfaces/boxviewprops.md
+++ b/website/docs/api/interfaces/boxviewprops.md
@@ -55,7 +55,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -71,7 +71,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -81,7 +81,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -91,7 +91,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -101,7 +101,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -111,7 +111,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -121,7 +121,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -141,7 +141,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -161,7 +161,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -171,7 +171,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -181,7 +181,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -222,7 +222,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -232,7 +232,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -242,4 +242,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/buttonprops.md b/website/docs/api/interfaces/buttonprops.md
index a4eb03c8..7b3cd83d 100644
--- a/website/docs/api/interfaces/buttonprops.md
+++ b/website/docs/api/interfaces/buttonprops.md
@@ -5,7 +5,7 @@ sidebar_label: "ButtonProps"
 ---
 
 The Button component provides ability to add and manipulate native button widgets. It is based on
-[NodeGui's QPushButton](https://docs.nodegui.org/docs/api/QPushButton).
+[NodeGui's QPushButton](https://docs.nodegui.org/docs/api/generated/classes/QPushButton).
 ## Example
 ```javascript
 import React from "react";
@@ -89,7 +89,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -99,7 +99,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -107,7 +107,7 @@ ___
 
 • **flat**? : *undefined | false | true*
 
-Sets whether the button border is raised. [QPushButton: setFlat](https://docs.nodegui.org/docs/api/QPushButton#buttonsetflatisflat)
+Sets whether the button border is raised. [QPushButton: setFlat](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonsetflatisflat)
 
 ___
 
@@ -117,7 +117,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -127,7 +127,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[icon](abstractbuttonprops.md#optional-icon)*
 
-Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonicon)
+Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonicon)
 
 ___
 
@@ -137,7 +137,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[iconSize](abstractbuttonprops.md#optional-iconsize)*
 
-Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonsize)
+Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonsize)
 
 ___
 
@@ -147,7 +147,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -157,7 +157,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -167,7 +167,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -177,7 +177,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -197,7 +197,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -217,7 +217,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -227,7 +227,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -237,7 +237,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -247,7 +247,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[text](abstractbuttonprops.md#optional-text)*
 
-Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/QPushButton#buttonsettexttext)
+Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonsettexttext)
 
 ___
 
@@ -257,7 +257,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -278,7 +278,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -288,7 +288,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -298,7 +298,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -308,4 +308,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/checkboxprops.md b/website/docs/api/interfaces/checkboxprops.md
index 61bbbeb1..d547c4dc 100644
--- a/website/docs/api/interfaces/checkboxprops.md
+++ b/website/docs/api/interfaces/checkboxprops.md
@@ -5,7 +5,7 @@ sidebar_label: "CheckBoxProps"
 ---
 
 The CheckBox component provides ability to add and manipulate native button widgets. It is based on
-[NodeGui's QCheckBox](https://docs.nodegui.org/docs/api/QCheckBox).
+[NodeGui's QCheckBox](https://docs.nodegui.org/docs/api/generated/classes/QCheckBox).
 ## Example
 ```javascript
 import React from "react";
@@ -77,7 +77,7 @@ ___
 
 • **checked**? : *undefined | false | true*
 
-This property holds whether the button is checked. [QCheckBox: setChecked](https://docs.nodegui.org/docs/api/QCheckBox/#checkboxsetcheckedcheck)
+This property holds whether the button is checked. [QCheckBox: setChecked](https://docs.nodegui.org/docs/api/generated/classes/QCheckBox/#checkboxsetcheckedcheck)
 
 ___
 
@@ -97,7 +97,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -107,7 +107,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -117,7 +117,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -127,7 +127,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[icon](abstractbuttonprops.md#optional-icon)*
 
-Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonicon)
+Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonicon)
 
 ___
 
@@ -137,7 +137,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[iconSize](abstractbuttonprops.md#optional-iconsize)*
 
-Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonsize)
+Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonsize)
 
 ___
 
@@ -147,7 +147,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -157,7 +157,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -167,7 +167,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -177,7 +177,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -197,7 +197,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -217,7 +217,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -227,7 +227,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -237,7 +237,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -247,7 +247,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[text](abstractbuttonprops.md#optional-text)*
 
-Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/QPushButton#buttonsettexttext)
+Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonsettexttext)
 
 ___
 
@@ -257,7 +257,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -278,7 +278,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -288,7 +288,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -298,7 +298,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -308,4 +308,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/comboboxprops.md b/website/docs/api/interfaces/comboboxprops.md
index 0035ee6f..50e42b87 100644
--- a/website/docs/api/interfaces/comboboxprops.md
+++ b/website/docs/api/interfaces/comboboxprops.md
@@ -93,7 +93,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -115,7 +115,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -131,7 +131,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -147,7 +147,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -175,7 +175,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -213,7 +213,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -233,7 +233,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -253,7 +253,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -269,7 +269,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -279,7 +279,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -289,7 +289,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -310,7 +310,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -320,7 +320,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -330,7 +330,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -340,4 +340,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/dialprops.md b/website/docs/api/interfaces/dialprops.md
index e24b7f57..f7f4ab3c 100644
--- a/website/docs/api/interfaces/dialprops.md
+++ b/website/docs/api/interfaces/dialprops.md
@@ -57,7 +57,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -67,7 +67,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -77,7 +77,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -87,7 +87,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -97,7 +97,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -107,7 +107,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -117,7 +117,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -149,7 +149,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -169,7 +169,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -179,7 +179,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -189,7 +189,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -199,7 +199,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -220,7 +220,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -230,7 +230,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -240,7 +240,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -250,7 +250,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
 
 ___
 
diff --git a/website/docs/api/interfaces/gridviewprops.md b/website/docs/api/interfaces/gridviewprops.md
index acdcfc06..5e649b70 100644
--- a/website/docs/api/interfaces/gridviewprops.md
+++ b/website/docs/api/interfaces/gridviewprops.md
@@ -71,7 +71,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -81,7 +81,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -91,7 +91,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -107,7 +107,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -117,7 +117,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -127,7 +127,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -137,7 +137,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -157,7 +157,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -183,7 +183,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -193,7 +193,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -203,7 +203,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -219,7 +219,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -240,7 +240,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -250,7 +250,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -260,7 +260,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -270,4 +270,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/imageprops.md b/website/docs/api/interfaces/imageprops.md
index 4cad7387..4df1d819 100644
--- a/website/docs/api/interfaces/imageprops.md
+++ b/website/docs/api/interfaces/imageprops.md
@@ -83,7 +83,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -93,7 +93,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -103,7 +103,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -113,7 +113,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -123,7 +123,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -133,7 +133,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -143,7 +143,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -171,7 +171,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -199,7 +199,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -215,7 +215,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -225,7 +225,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -249,7 +249,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -270,7 +270,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -280,7 +280,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -290,7 +290,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -300,7 +300,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
 
 ___
 
diff --git a/website/docs/api/interfaces/lineeditprops.md b/website/docs/api/interfaces/lineeditprops.md
index 8653010f..ec47f4f7 100644
--- a/website/docs/api/interfaces/lineeditprops.md
+++ b/website/docs/api/interfaces/lineeditprops.md
@@ -58,7 +58,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -74,7 +74,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -84,7 +84,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -94,7 +94,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -104,7 +104,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -114,7 +114,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -124,7 +124,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -150,7 +150,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -176,7 +176,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -186,7 +186,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -196,7 +196,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -233,7 +233,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -243,7 +243,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -253,7 +253,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -263,4 +263,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/menubarprops.md b/website/docs/api/interfaces/menubarprops.md
index 9b445540..f4b2d83f 100644
--- a/website/docs/api/interfaces/menubarprops.md
+++ b/website/docs/api/interfaces/menubarprops.md
@@ -55,7 +55,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -65,7 +65,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -75,7 +75,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -85,7 +85,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -95,7 +95,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -105,7 +105,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -115,7 +115,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -141,7 +141,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -161,7 +161,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -171,7 +171,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -181,7 +181,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -222,7 +222,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -232,7 +232,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -242,4 +242,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/menuprops.md b/website/docs/api/interfaces/menuprops.md
index 49356ae1..432be37f 100644
--- a/website/docs/api/interfaces/menuprops.md
+++ b/website/docs/api/interfaces/menuprops.md
@@ -55,7 +55,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -65,7 +65,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -75,7 +75,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -85,7 +85,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -95,7 +95,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -105,7 +105,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -115,7 +115,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -135,7 +135,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -155,7 +155,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -165,7 +165,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -175,7 +175,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -222,7 +222,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -232,7 +232,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -242,4 +242,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/plaintexteditprops.md b/website/docs/api/interfaces/plaintexteditprops.md
index 7b0c05d9..c66059ed 100644
--- a/website/docs/api/interfaces/plaintexteditprops.md
+++ b/website/docs/api/interfaces/plaintexteditprops.md
@@ -57,7 +57,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -67,7 +67,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -77,7 +77,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -87,7 +87,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -97,7 +97,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -107,7 +107,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -117,7 +117,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -143,7 +143,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -169,7 +169,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -179,7 +179,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -189,7 +189,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -205,7 +205,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -226,7 +226,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -236,7 +236,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -246,7 +246,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -256,4 +256,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/progressbarprops.md b/website/docs/api/interfaces/progressbarprops.md
index 0947a969..74eca8fd 100644
--- a/website/docs/api/interfaces/progressbarprops.md
+++ b/website/docs/api/interfaces/progressbarprops.md
@@ -58,7 +58,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -68,7 +68,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -78,7 +78,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -88,7 +88,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -98,7 +98,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -114,7 +114,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -130,7 +130,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -156,7 +156,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -176,7 +176,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -186,7 +186,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -196,7 +196,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -233,7 +233,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -243,7 +243,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -253,7 +253,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -263,4 +263,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/radiobuttonprops.md b/website/docs/api/interfaces/radiobuttonprops.md
index f7fd1959..41d91d5a 100644
--- a/website/docs/api/interfaces/radiobuttonprops.md
+++ b/website/docs/api/interfaces/radiobuttonprops.md
@@ -68,7 +68,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -78,7 +78,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -88,7 +88,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -98,7 +98,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[icon](abstractbuttonprops.md#optional-icon)*
 
-Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonicon)
+Sets an icon in the button. [QPushButton: setIcon](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonicon)
 
 ___
 
@@ -108,7 +108,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[iconSize](abstractbuttonprops.md#optional-iconsize)*
 
-Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/QPushButton#buttonseticonsize)
+Sets an icon size in the button. [QPushButton: setIconSize](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonseticonsize)
 
 ___
 
@@ -118,7 +118,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -128,7 +128,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -138,7 +138,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -148,7 +148,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -168,7 +168,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -188,7 +188,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -198,7 +198,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -208,7 +208,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -218,7 +218,7 @@ ___
 
 *Inherited from [AbstractButtonProps](abstractbuttonprops.md).[text](abstractbuttonprops.md#optional-text)*
 
-Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/QPushButton#buttonsettexttext)
+Sets the given text to the button. [QPushButton: setText](https://docs.nodegui.org/docs/api/generated/classes/QPushButton#buttonsettexttext)
 
 ___
 
@@ -228,7 +228,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -249,7 +249,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -259,7 +259,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -269,7 +269,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -279,4 +279,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/scrollareaprops.md b/website/docs/api/interfaces/scrollareaprops.md
index efed90e8..252e88da 100644
--- a/website/docs/api/interfaces/scrollareaprops.md
+++ b/website/docs/api/interfaces/scrollareaprops.md
@@ -55,7 +55,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -65,7 +65,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -75,7 +75,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -85,7 +85,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -95,7 +95,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -105,7 +105,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -115,7 +115,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -135,7 +135,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -155,7 +155,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -165,7 +165,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -175,7 +175,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -185,7 +185,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -222,7 +222,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -232,7 +232,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -242,4 +242,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/sliderprops.md b/website/docs/api/interfaces/sliderprops.md
index 83376d60..d536ad21 100644
--- a/website/docs/api/interfaces/sliderprops.md
+++ b/website/docs/api/interfaces/sliderprops.md
@@ -67,7 +67,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -77,7 +77,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -87,7 +87,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -103,7 +103,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -131,7 +131,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -147,7 +147,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -163,7 +163,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -195,7 +195,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -221,7 +221,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -237,7 +237,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -247,7 +247,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -275,7 +275,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -296,7 +296,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -306,7 +306,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -316,7 +316,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -326,4 +326,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/spinboxprops.md b/website/docs/api/interfaces/spinboxprops.md
index 46294317..2df8618f 100644
--- a/website/docs/api/interfaces/spinboxprops.md
+++ b/website/docs/api/interfaces/spinboxprops.md
@@ -59,7 +59,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -69,7 +69,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -79,7 +79,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -89,7 +89,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -99,7 +99,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -109,7 +109,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -119,7 +119,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -139,7 +139,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -177,7 +177,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -187,7 +187,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -197,7 +197,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -219,7 +219,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -240,7 +240,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -250,7 +250,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -260,7 +260,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -270,4 +270,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/systemtrayiconprops.md b/website/docs/api/interfaces/systemtrayiconprops.md
index 1d4c0817..691e642f 100644
--- a/website/docs/api/interfaces/systemtrayiconprops.md
+++ b/website/docs/api/interfaces/systemtrayiconprops.md
@@ -64,7 +64,7 @@ ___
 
 • **id**? : *undefined | string*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -88,4 +88,4 @@ ___
 
 • **visible**? : *undefined | false | true*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
diff --git a/website/docs/api/interfaces/tabprops.md b/website/docs/api/interfaces/tabprops.md
index c28f1318..2db01033 100644
--- a/website/docs/api/interfaces/tabprops.md
+++ b/website/docs/api/interfaces/tabprops.md
@@ -55,7 +55,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -65,7 +65,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -75,7 +75,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -85,7 +85,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -95,7 +95,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -105,7 +105,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -115,7 +115,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -135,7 +135,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -155,7 +155,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -165,7 +165,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -175,7 +175,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -222,7 +222,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -232,7 +232,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -242,4 +242,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/textprops.md b/website/docs/api/interfaces/textprops.md
index 27aab5b9..2250c62f 100644
--- a/website/docs/api/interfaces/textprops.md
+++ b/website/docs/api/interfaces/textprops.md
@@ -69,7 +69,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -79,7 +79,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -89,7 +89,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -99,7 +99,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -109,7 +109,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -119,7 +119,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -129,7 +129,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -155,7 +155,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -181,7 +181,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -201,7 +201,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -217,7 +217,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -238,7 +238,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -248,7 +248,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -258,7 +258,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -268,7 +268,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
 
 ___
 
diff --git a/website/docs/api/interfaces/viewprops.md b/website/docs/api/interfaces/viewprops.md
index 1da76471..115dfb01 100644
--- a/website/docs/api/interfaces/viewprops.md
+++ b/website/docs/api/interfaces/viewprops.md
@@ -6,7 +6,7 @@ sidebar_label: "ViewProps"
 
 The View component can be used to encapsulate other components and provide structure.
 It functions similar to a div in the web world. It is based on
-[NodeGui's QWidget](https://docs.nodegui.org/docs/api/QWidget).
+[NodeGui's QWidget](https://docs.nodegui.org/docs/api/generated/classes/QWidget).
 ## Example
 ```javascript
 import React from "react";
@@ -109,7 +109,7 @@ ___
 
 • **cursor**? : *CursorShape | QCursor*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -117,7 +117,7 @@ ___
 
 • **enabled**? : *undefined | false | true*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -125,7 +125,7 @@ ___
 
 • **geometry**? : *[Geometry](../globals.md#geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -133,7 +133,7 @@ ___
 
 • **id**? : *undefined | string*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -141,7 +141,7 @@ ___
 
 • **maxSize**? : *[Size](../globals.md#size)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -149,7 +149,7 @@ ___
 
 • **minSize**? : *[Size](../globals.md#size)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -157,7 +157,7 @@ ___
 
 • **mouseTracking**? : *undefined | false | true*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -173,7 +173,7 @@ ___
 
 • **pos**? : *[Position](../globals.md#position)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -189,7 +189,7 @@ ___
 
 • **size**? : *[ViewSize](../globals.md#viewsize)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -197,7 +197,7 @@ ___
 
 • **style**? : *undefined | string*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -205,7 +205,7 @@ ___
 
 • **styleSheet**? : *undefined | string*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -213,7 +213,7 @@ ___
 
 • **visible**? : *undefined | false | true*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -230,7 +230,7 @@ ___
 
 • **windowIcon**? : *QIcon*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -238,7 +238,7 @@ ___
 
 • **windowOpacity**? : *undefined | number*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -246,7 +246,7 @@ ___
 
 • **windowState**? : *WindowState*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -254,4 +254,4 @@ ___
 
 • **windowTitle**? : *undefined | string*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/website/docs/api/interfaces/windowprops.md b/website/docs/api/interfaces/windowprops.md
index 4dab1816..0f4b549b 100644
--- a/website/docs/api/interfaces/windowprops.md
+++ b/website/docs/api/interfaces/windowprops.md
@@ -55,7 +55,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
 
-Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
+Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetcursorcursor)
 
 ___
 
@@ -65,7 +65,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
 
-Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
+Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetenabledenabled)
 
 ___
 
@@ -75,7 +75,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
 
-Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
+Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetgeometryx-y-width-height)
 
 ___
 
@@ -85,7 +85,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
 
-Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
+Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetobjectnameobjectname)
 
 ___
 
@@ -95,7 +95,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
 
-Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
+Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmaximumsizewidth-height)
 
 ___
 
@@ -111,7 +111,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
 
-Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
+Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetminimumsizewidth-height)
 
 ___
 
@@ -121,7 +121,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
 
-Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
+Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetmousetrackingismousetracked)
 
 ___
 
@@ -141,7 +141,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
 
-Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
+Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetmovex-y)
 
 ___
 
@@ -161,7 +161,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
 
-Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
+Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetfixedsizewidth-height)
 
 ___
 
@@ -171,7 +171,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
 
-Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
+Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetinlinestylestyle)
 
 ___
 
@@ -181,7 +181,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
 
-Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
+Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetstylesheetstylesheet)
 
 ___
 
@@ -191,7 +191,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
 
-Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
+Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetshow)
 
 ___
 
@@ -212,7 +212,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
 
-Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
+Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowiconicon)
 
 ___
 
@@ -222,7 +222,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
 
-This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
+This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowopacityopacity)
 
 ___
 
@@ -232,7 +232,7 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
 
-Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
+Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowstatestate)
 
 ___
 
@@ -242,4 +242,4 @@ ___
 
 *Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
 
-Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
+Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/generated/classes/QWidget#widgetsetwindowtitletitle)
diff --git a/yarn.lock b/yarn.lock
index f175f0ea..b2e40e87 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -25,25 +25,27 @@
     node-fetch "^2.6.0"
     progress "^2.0.3"
 
-"@nodegui/nodegui@^0.36.0":
-  version "0.36.0"
-  resolved "https://registry.yarnpkg.com/@nodegui/nodegui/-/nodegui-0.36.0.tgz#8ae819c23c7ea89d29c75a60785d9013c4950b6b"
-  integrity sha512-8vCf31gXQdLQordqu1b5weI8zsLczY/pWeAF2j0MPo7YcGARyx6uRaSDYhNJa+WcQZeZiYIbREluqvGSiJ7zUA==
+"@nodegui/nodegui@^0.57.1":
+  version "0.57.1"
+  resolved "https://registry.yarnpkg.com/@nodegui/nodegui/-/nodegui-0.57.1.tgz#dcab2a3c9beeb744669c87f18809f03b44074dfd"
+  integrity sha512-husxEJeohB6WHoxa+ob9/BoNhPc/WJL3NQOGmfjb6DZMuPe3bwVu/E/63bvGp7SZbZ3hsIM8l4J5x99U/4WYbA==
   dependencies:
     "@nodegui/artifact-installer" "^1.1.0"
-    "@nodegui/qode" "^16.4.0"
+    "@nodegui/qode" "^16.4.3"
     cmake-js "^6.2.1"
     cross-env "^7.0.3"
     cuid "^2.1.8"
     manage-path "^2.0.0"
     memoize-one "^5.2.1"
     node-addon-api "^4.0.0"
+    postcss "^7.0.17"
     postcss-nodegui-autoprefixer "0.0.7"
+    tar "^6.0.1"
 
-"@nodegui/qode@^16.4.0":
-  version "16.4.0"
-  resolved "https://registry.yarnpkg.com/@nodegui/qode/-/qode-16.4.0.tgz#d18b9c569b51b131331729ea095402bc2e028c19"
-  integrity sha512-uNoTR9f02F/SmK+xzvlXJs/yuW0zYcuPZf99v4z7tPeugLukrPbE2MJfsq8edGNfWxu3d+pRwMN+UNYSq0dLgQ==
+"@nodegui/qode@^16.4.3":
+  version "16.4.3"
+  resolved "https://registry.yarnpkg.com/@nodegui/qode/-/qode-16.4.3.tgz#ddae8f683ef958676b0a4d69e972f471d6bfd359"
+  integrity sha512-WllfJVXffr3Rn7BSfo5cubZ5hx4OnQ7iqY/kj+2jwqUepzlRFKCvn9/vAJ/VXmiB0GZGcaCGM0U3rZGADdU5mw==
   dependencies:
     env-paths "^2.2.1"
     make-dir "^3.1.0"
@@ -51,10 +53,10 @@
     progress "^2.0.3"
     tar "^6.1.6"
 
-"@types/node@^16.6.1":
-  version "16.6.1"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.6.1.tgz#aee62c7b966f55fc66c7b6dfa1d58db2a616da61"
-  integrity sha512-Sr7BhXEAer9xyGuCN3Ek9eg9xPviCF2gfu9kTfuU2HkTVAMYSDeX40fvpmo72n5nansg3nsBjuQBrsS28r+NUw==
+"@types/node@^16.11.0":
+  version "16.11.62"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.62.tgz#bab2e6208531321d147eda20c38e389548cd5ffc"
+  integrity sha512-K/ggecSdwAAy2NUW4WKmF4Rc03GKbsfP+k326UWgckoS+Rzd2PaWbjk76dSmqdLQvLTJAO9axiTUJ6488mFsYQ==
 
 "@types/prop-types@*":
   version "15.7.4"
@@ -68,10 +70,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*":
-  version "17.0.18"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.18.tgz#4109cbbd901be9582e5e39e3d77acd7b66bb7fbe"
-  integrity sha512-YTLgu7oS5zvSqq49X5Iue5oAbVGhgPc5Au29SJC4VeE17V6gASoOxVkUDy9pXFMRFxCWCD9fLeweNFizo3UzOg==
+"@types/react@^16.14.0", "@types/react@*":
+  version "16.14.32"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.32.tgz#d4e4fe5ece3c27fcb4608b1f4a614f7dec881392"
+  integrity sha512-hvEy4vGVADbtj/U6+CA5SRC5QFIjdxD7JslAie8EuAYZwhYY9bgforpXNyF1VFzhnkEOesDy1278t1wdjN74cw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -819,7 +821,7 @@ react-reconciler@^0.25.1:
     prop-types "^15.6.2"
     scheduler "^0.19.1"
 
-react@^16.13.1:
+react@^16.14.0:
   version "16.14.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
   integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
@@ -1010,6 +1012,18 @@ tar@^4:
     safe-buffer "^5.2.1"
     yallist "^3.1.1"
 
+tar@^6.0.1:
+  version "6.1.11"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.11.tgz#6760a38f003afa1b2ffd0ffe9e9abbd0eab3d621"
+  integrity sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^3.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
 tar@^6.1.6:
   version "6.1.8"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.8.tgz#4fc50cfe56511c538ce15b71e05eebe66530cbd4"
@@ -1058,10 +1072,10 @@ typedoc@^0.17.8:
     shelljs "^0.8.4"
     typedoc-default-themes "^0.10.2"
 
-typescript@^4.3.5:
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
-  integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==
+typescript@^4.4.4:
+  version "4.8.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.3.tgz#d59344522c4bc464a65a730ac695007fdb66dd88"
+  integrity sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==
 
 uglify-js@^3.1.4:
   version "3.14.1"

From 87391a36a3544a4b5f5e0a4086dacacac3ab53fc Mon Sep 17 00:00:00 2001
From: "allcontributors[bot]"
 <46447321+allcontributors[bot]@users.noreply.github.com>
Date: Tue, 4 Oct 2022 19:28:48 +0200
Subject: [PATCH 15/18] add KaMeHb-UA as a contributor for code (#377)

* update README.md [skip ci]

* update .all-contributorsrc [skip ci]

Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com>
---
 .all-contributorsrc |  9 ++++++++
 README.md           | 56 +++++++++++++++++++++++++--------------------
 2 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/.all-contributorsrc b/.all-contributorsrc
index 5e56a329..4fae6153 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -175,6 +175,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "KaMeHb-UA",
+      "name": "KaMeHb-UA",
+      "avatar_url": "https://avatars.githubusercontent.com/u/20382677?v=4",
+      "profile": "https://github.com/KaMeHb-UA",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,
diff --git a/README.md b/README.md
index 534c6285..62577ac0 100644
--- a/README.md
+++ b/README.md
@@ -127,31 +127,37 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- prettier-ignore-start -->
 <!-- markdownlint-disable -->
 <table>
-  <tr>
-    <td align="center"><a href="http://rahulgaba.com"><img src="https://avatars3.githubusercontent.com/u/7898942?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Rahul Gaba</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=rgabs" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/kakulgupta"><img src="https://avatars3.githubusercontent.com/u/10727047?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kakul Gupta</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=kakulgupta" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Nicify"><img src="https://avatars3.githubusercontent.com/u/24217275?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Eva1ent</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Nicify" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/slidinghotdog"><img src="https://avatars3.githubusercontent.com/u/33790211?v=4?s=100" width="100px;" alt=""/><br /><sub><b>slidinghotdog</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=slidinghotdog" title="Code">💻</a></td>
-    <td align="center"><a href="https://www.linkedin.com/in/roysommer/"><img src="https://avatars2.githubusercontent.com/u/6681893?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Roy Sommer</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=illBeRoy" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/nateshmbhat"><img src="https://avatars1.githubusercontent.com/u/23279926?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Natesh M Bhat</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=nateshmbhat" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://www.greatapes.fi"><img src="https://avatars3.githubusercontent.com/u/3404389?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mikko Sairio</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=msairio" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/shubhamzanwar"><img src="https://avatars0.githubusercontent.com/u/15626155?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Shubham Zanwar</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=shubhamzanwar" title="Code">💻</a></td>
-    <td align="center"><a href="https://matrunchyk.com"><img src="https://avatars0.githubusercontent.com/u/2089828?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Serhii Matrunchyk</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=matrunchyk" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Solant"><img src="https://avatars2.githubusercontent.com/u/5971578?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Solant</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Solant" title="Code">💻</a></td>
-    <td align="center"><a href="https://cbp.io"><img src="https://avatars1.githubusercontent.com/u/995050?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christian Petersen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=fnky" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/agg23"><img src="https://avatars1.githubusercontent.com/u/238679?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Adam Gastineau</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=agg23" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/gluaxspeed"><img src="https://avatars2.githubusercontent.com/u/16431709?v=4?s=100" width="100px;" alt=""/><br /><sub><b>gluaxspeed</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gluaxspeed" title="Code">💻</a></td>
-    <td align="center"><a href="http://chrisshepherd.me"><img src="https://avatars1.githubusercontent.com/u/1379888?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Chris Shepherd</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=sheepsteak" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/MistahMojo"><img src="https://avatars1.githubusercontent.com/u/51117537?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jak</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=MistahMojo" title="Code">💻</a></td>
-    <td align="center"><a href="https://gregbenner.life"><img src="https://avatars3.githubusercontent.com/u/1177690?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Greg B</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gregbenner" title="Documentation">📖</a></td>
-    <td align="center"><a href="http://eeems.website"><img src="https://avatars1.githubusercontent.com/u/1176979?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nathaniel van Diepen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Eeems" title="Code">💻</a></td>
-    <td align="center"><a href="http://N/A"><img src="https://avatars.githubusercontent.com/u/61944859?v=4?s=100" width="100px;" alt=""/><br /><sub><b>KR Tirtho</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=KRTirtho" title="Code">💻</a></td>
-    <td align="center"><a href="http://thelmgn.com"><img src="https://avatars.githubusercontent.com/u/12257112?v=4?s=100" width="100px;" alt=""/><br /><sub><b>theLMGN</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=theLMGN" title="Code">💻</a></td>
-  </tr>
+  <tbody>
+    <tr>
+      <td align="center"><a href="http://rahulgaba.com"><img src="https://avatars3.githubusercontent.com/u/7898942?v=4?s=100" width="100px;" alt="Rahul Gaba"/><br /><sub><b>Rahul Gaba</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=rgabs" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/kakulgupta"><img src="https://avatars3.githubusercontent.com/u/10727047?v=4?s=100" width="100px;" alt="Kakul Gupta"/><br /><sub><b>Kakul Gupta</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=kakulgupta" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/Nicify"><img src="https://avatars3.githubusercontent.com/u/24217275?v=4?s=100" width="100px;" alt="Eva1ent"/><br /><sub><b>Eva1ent</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Nicify" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/slidinghotdog"><img src="https://avatars3.githubusercontent.com/u/33790211?v=4?s=100" width="100px;" alt="slidinghotdog"/><br /><sub><b>slidinghotdog</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=slidinghotdog" title="Code">💻</a></td>
+      <td align="center"><a href="https://www.linkedin.com/in/roysommer/"><img src="https://avatars2.githubusercontent.com/u/6681893?v=4?s=100" width="100px;" alt="Roy Sommer"/><br /><sub><b>Roy Sommer</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=illBeRoy" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/nateshmbhat"><img src="https://avatars1.githubusercontent.com/u/23279926?v=4?s=100" width="100px;" alt="Natesh M Bhat"/><br /><sub><b>Natesh M Bhat</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=nateshmbhat" title="Documentation">📖</a></td>
+      <td align="center"><a href="https://www.greatapes.fi"><img src="https://avatars3.githubusercontent.com/u/3404389?v=4?s=100" width="100px;" alt="Mikko Sairio"/><br /><sub><b>Mikko Sairio</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=msairio" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/shubhamzanwar"><img src="https://avatars0.githubusercontent.com/u/15626155?v=4?s=100" width="100px;" alt="Shubham Zanwar"/><br /><sub><b>Shubham Zanwar</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=shubhamzanwar" title="Code">💻</a></td>
+      <td align="center"><a href="https://matrunchyk.com"><img src="https://avatars0.githubusercontent.com/u/2089828?v=4?s=100" width="100px;" alt="Serhii Matrunchyk"/><br /><sub><b>Serhii Matrunchyk</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=matrunchyk" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/Solant"><img src="https://avatars2.githubusercontent.com/u/5971578?v=4?s=100" width="100px;" alt="Solant"/><br /><sub><b>Solant</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Solant" title="Code">💻</a></td>
+      <td align="center"><a href="https://cbp.io"><img src="https://avatars1.githubusercontent.com/u/995050?v=4?s=100" width="100px;" alt="Christian Petersen"/><br /><sub><b>Christian Petersen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=fnky" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/agg23"><img src="https://avatars1.githubusercontent.com/u/238679?v=4?s=100" width="100px;" alt="Adam Gastineau"/><br /><sub><b>Adam Gastineau</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=agg23" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/gluaxspeed"><img src="https://avatars2.githubusercontent.com/u/16431709?v=4?s=100" width="100px;" alt="gluaxspeed"/><br /><sub><b>gluaxspeed</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gluaxspeed" title="Code">💻</a></td>
+      <td align="center"><a href="http://chrisshepherd.me"><img src="https://avatars1.githubusercontent.com/u/1379888?v=4?s=100" width="100px;" alt="Chris Shepherd"/><br /><sub><b>Chris Shepherd</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=sheepsteak" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/MistahMojo"><img src="https://avatars1.githubusercontent.com/u/51117537?v=4?s=100" width="100px;" alt="Jak"/><br /><sub><b>Jak</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=MistahMojo" title="Code">💻</a></td>
+      <td align="center"><a href="https://gregbenner.life"><img src="https://avatars3.githubusercontent.com/u/1177690?v=4?s=100" width="100px;" alt="Greg B"/><br /><sub><b>Greg B</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=gregbenner" title="Documentation">📖</a></td>
+      <td align="center"><a href="http://eeems.website"><img src="https://avatars1.githubusercontent.com/u/1176979?v=4?s=100" width="100px;" alt="Nathaniel van Diepen"/><br /><sub><b>Nathaniel van Diepen</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Eeems" title="Code">💻</a></td>
+      <td align="center"><a href="http://N/A"><img src="https://avatars.githubusercontent.com/u/61944859?v=4?s=100" width="100px;" alt="KR Tirtho"/><br /><sub><b>KR Tirtho</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=KRTirtho" title="Code">💻</a></td>
+      <td align="center"><a href="http://thelmgn.com"><img src="https://avatars.githubusercontent.com/u/12257112?v=4?s=100" width="100px;" alt="theLMGN"/><br /><sub><b>theLMGN</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=theLMGN" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/KaMeHb-UA"><img src="https://avatars.githubusercontent.com/u/20382677?v=4?s=100" width="100px;" alt="KaMeHb-UA"/><br /><sub><b>KaMeHb-UA</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=KaMeHb-UA" title="Code">💻</a></td>
+    </tr>
+  </tbody>
+  <tfoot>
+    
+  </tfoot>
 </table>
 
 <!-- markdownlint-restore -->

From fbf720b41483642521f9b24fb0a06fdd07c9e34c Mon Sep 17 00:00:00 2001
From: Atul R <atulanand94@gmail.com>
Date: Tue, 4 Oct 2022 19:29:44 +0200
Subject: [PATCH 16/18] 0.13.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0fd7ac04..5ef357b1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nodegui/react-nodegui",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "React Native for building cross platform desktop applications",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

From cc6bedcc947fdfc90109cb929ce4ca5f5f284ce8 Mon Sep 17 00:00:00 2001
From: Atul R <atulanand94@gmail.com>
Date: Tue, 4 Oct 2022 19:29:50 +0200
Subject: [PATCH 17/18] 0.14.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5ef357b1..b7abff71 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nodegui/react-nodegui",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "React Native for building cross platform desktop applications",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

From 87c844050c86e0eb548c3e6e8c57bd40d5174546 Mon Sep 17 00:00:00 2001
From: Atul R <atulanand94@gmail.com>
Date: Fri, 3 Nov 2023 02:50:26 +0100
Subject: [PATCH 18/18] Update README.md

---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 62577ac0..e2ffd8ad 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,8 @@
 # React NodeGui
 
+⚠️ React NodeGui is no longer maintained. Please fork it to continue development ⚠️ 
+<br/>
+
 [![Join the NodeGUI community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/nodegui)
 [![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors)