fix(ts-typings): make define generic so it returns proper constructor

src/ts-typings/api.d.ts

@@ -67,10 +67,17 @@ export interface PropOptions<El, T> {
   set?: (elem: El, data: { name: string; newValue: T | null | undefined; oldValue: T | null | undefined; }) => void;
 }
 
-export var define: {
-  (name: string, ctor: Function): any;
-  (ctor: Function): any;
-};
+interface Define {
+  <T extends Partial<HTMLElement>>(ctor: T): T;
+  /**
+   *  @Deprecated - will be removed in 5.0
+   */
+  <T extends Partial<HTMLElement>>(name: string, ctor: T): T;
+}
+/**
+ * The define() function is syntactic sugar on top of customElements.define() that allows you to specify a static is property on your constructor that is the name of the component, or omit it altogether.
+ */
+export var define: Define;
 
 export interface EmitOptions {
   bubbles?: boolean;

test/definitions/misc.tsx

@@ -322,6 +322,48 @@
 }
 { // https://github.com/skatejs/skatejs#renderedcallback---supersedes-static-rendered
   // NONE
+}
+{
+  // https://skatejs.gitbooks.io/skatejs/content/docs/api/define.html
+
+  const Ctor1 = skate.define(class extends HTMLElement {
+    static is = 'x-test-1';
+    private _who: string;
+    get who() { return this._who }
+    set who(val) { this._who = val }
+  });
+
+  const pureElemenInst = new Ctor1();
+  console.log(pureElemenInst.who);
+
+  const Ctor2 = skate.define(class extends HTMLElement {
+    static is = 'x-test-2'
+  });
+
+  const SkateCtor = skate.define(class extends skate.Component<{ who: string }>{
+    static get is() { return 'my-skate' }
+    static get props() {
+      return {
+        who: skate.prop.string()
+      }
+    }
+    who: string
+  });
+
+  const skElementInst = new SkateCtor();
+  console.log(skElementInst.who);
+
+  // @Deprecated
+  const SkateCtor2 = skate.define('my-skate', class SkateCmp2 extends skate.Component<{ who: string }>{
+    static get props() {
+      return {
+        who: skate.prop.string()
+      }
+    }
+    who: string
+  });
+
+
 }
 { // https://github.com/skatejs/skatejs#emit-elem-eventname-eventoptions--
   customElements.define('x-tabs', class extends skate.Component<any> {