diff --git a/.gitignore b/.gitignore
index 3c3629e..25c8fdb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 node_modules
+package-lock.json
\ No newline at end of file
diff --git a/dist/ActionButton.d.ts b/dist/ActionButton.d.ts
index 1468cf1..b3dcbec 100644
--- a/dist/ActionButton.d.ts
+++ b/dist/ActionButton.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     interface ActionButtonEvent extends globalThis.Event {
         readonly target: (EventTarget & unknown) | null;
@@ -10,6 +11,7 @@ declare type Props = {
     className?: string;
     disabled?: boolean;
     quiet?: boolean;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -20,6 +22,7 @@ declare global {
                 class?: string;
                 disabled?: boolean;
                 quiet?: boolean;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/ActionButton.js b/dist/ActionButton.js
index 25be0a3..10d6d6f 100644
--- a/dist/ActionButton.js
+++ b/dist/ActionButton.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders an action button.
  *
@@ -21,6 +22,6 @@ export default function ActionButton(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', dispatchClick);
         };
     }, [props.onClick]);
-    return (React.createElement("sp-action-button", { ref: ref, "class": props === null || props === void 0 ? void 0 : props.className, disabled: (props === null || props === void 0 ? void 0 : props.disabled) || undefined, quiet: (props === null || props === void 0 ? void 0 : props.quiet) || undefined }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-action-button", { ref: ref, "class": props === null || props === void 0 ? void 0 : props.className, disabled: (props === null || props === void 0 ? void 0 : props.disabled) || undefined, quiet: (props === null || props === void 0 ? void 0 : props.quiet) || undefined, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=ActionButton.js.map
\ No newline at end of file
diff --git a/dist/ActionButton.js.map b/dist/ActionButton.js.map
index 51838e8..c98322a 100644
--- a/dist/ActionButton.js.map
+++ b/dist/ActionButton.js.map
@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../src/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA8BjD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAY;IAC/C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA+B,CAAC,CAAA,EAAA,CAAC;QAEnD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,SAAS,EACtC,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,SAAS,IAE/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACC,CACpB,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../src/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAgC3E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAY;IAC/C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA+B,CAAC,CAAA,EAAA,CAAC;QAEnD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,SAAS,EACtC,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,SAAS,EAChC,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACC,CACpB,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Body.d.ts b/dist/Body.d.ts
index 89193f8..046d06f 100644
--- a/dist/Body.d.ts
+++ b/dist/Body.d.ts
@@ -1,15 +1,15 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type BodyClassification = 'serif' | 'sans serif';
     type BodyScript = 'latin' | 'han' | 'arabic' | 'hebrew';
-    type BodySize = 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 }
 declare type Props = {
     children?: React.ReactNode;
     className?: string;
     classification?: Spectrum.BodyClassification;
     script?: Spectrum.BodyScript;
-    size?: Spectrum.BodySize;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -19,7 +19,7 @@ declare global {
                 class?: string;
                 classification?: Spectrum.BodyClassification;
                 script?: Spectrum.BodyScript;
-                size?: Spectrum.BodySize;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Body.js b/dist/Body.js
index cea407c..edcdfc7 100644
--- a/dist/Body.js
+++ b/dist/Body.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders body text that is theme aware.
  *
@@ -8,6 +9,6 @@ import React from 'react';
  * ```
  */
 export default function Body(props) {
-    return (React.createElement("sp-body", { "class": props === null || props === void 0 ? void 0 : props.className, classification: props === null || props === void 0 ? void 0 : props.classification, script: props === null || props === void 0 ? void 0 : props.script, size: props === null || props === void 0 ? void 0 : props.size }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-body", { "class": props === null || props === void 0 ? void 0 : props.className, classification: props === null || props === void 0 ? void 0 : props.classification, script: props === null || props === void 0 ? void 0 : props.script, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Body.js.map
\ No newline at end of file
diff --git a/dist/Body.js.map b/dist/Body.js.map
index 774945f..20450b3 100644
--- a/dist/Body.js.map
+++ b/dist/Body.js.map
@@ -1 +1 @@
-{"version":3,"file":"Body.js","sourceRoot":"","sources":["../src/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,OAAO,CACL,iCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,cAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EACrC,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EACrB,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IAEhB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACR,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../src/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AA6B3E;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,OAAO,CACL,iCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,cAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EACrC,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EACrB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACR,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Button.d.ts b/dist/Button.d.ts
index 9c6da52..5c1b1ac 100644
--- a/dist/Button.d.ts
+++ b/dist/Button.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type ButtonVariant = 'cta' | 'primary' | 'secondary' | 'warning' | 'overBackground';
     interface ButtonEvent extends globalThis.Event {
@@ -12,6 +13,7 @@ declare type Props = {
     disabled?: boolean;
     quiet?: boolean;
     variant?: Spectrum.ButtonVariant;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -23,6 +25,8 @@ declare global {
                 disabled?: boolean;
                 quiet?: boolean;
                 variant?: Spectrum.ButtonVariant;
+                size?: SpectrumComponentSize;
+                onClick?: (e?: any) => void;
             };
         }
     }
diff --git a/dist/Button.js b/dist/Button.js
index f9ff79f..4a4685e 100644
--- a/dist/Button.js
+++ b/dist/Button.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a button.
  *
@@ -19,6 +20,6 @@ export default function Button(props) {
         };
     }, [props.onClick]);
     var variant = props.variant || (props.quiet === true ? 'primary' : 'cta');
-    return (React.createElement("sp-button", { ref: ref, "class": props.className, disabled: props.disabled || undefined, quiet: props.quiet || undefined, variant: variant }, props.children));
+    return (React.createElement("sp-button", { ref: ref, "class": props.className, disabled: props.disabled || undefined, quiet: props.quiet || undefined, variant: variant, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props.children));
 }
 //# sourceMappingURL=Button.js.map
\ No newline at end of file
diff --git a/dist/Button.js.map b/dist/Button.js.map
index 0c6d768..450f1a6 100644
--- a/dist/Button.js.map
+++ b/dist/Button.js.map
@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAsCjD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAyB,CAAC,CAAA,EAAA,CAAC;QAE7C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE5E,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,OAAO,EAAE,OAAO,IAEf,KAAK,CAAC,QAAQ,CACL,CACb,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAyC3E;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAyB,CAAC,CAAA,EAAA,CAAC;QAE7C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE5E,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,CAAC,QAAQ,CACL,CACb,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Checkbox.d.ts b/dist/Checkbox.d.ts
index 2058ee1..51034ba 100644
--- a/dist/Checkbox.d.ts
+++ b/dist/Checkbox.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     interface CheckboxEvent extends globalThis.Event {
         readonly target: (EventTarget & {
@@ -15,6 +16,7 @@ declare type Props = {
     disabled?: boolean;
     indeterminate?: boolean;
     invalid?: boolean;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -27,6 +29,8 @@ declare global {
                 disabled?: boolean;
                 indeterminate?: boolean;
                 invalid?: boolean;
+                size?: SpectrumComponentSize;
+                onClick?: (e?: any) => void;
             };
         }
     }
diff --git a/dist/Checkbox.js b/dist/Checkbox.js
index 47a4d92..5dcab9c 100644
--- a/dist/Checkbox.js
+++ b/dist/Checkbox.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a checkbox with associated label.
  *
@@ -27,6 +28,6 @@ export default function Checkbox(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', dispatchInput);
         };
     }, [props.onInput]);
-    return (React.createElement("sp-checkbox", { ref: ref, "class": props === null || props === void 0 ? void 0 : props.className, checked: (props === null || props === void 0 ? void 0 : props.checked) || undefined, disabled: (props === null || props === void 0 ? void 0 : props.disabled) || undefined, indeterminate: (props === null || props === void 0 ? void 0 : props.indeterminate) || undefined, invalid: props.invalid || undefined }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-checkbox", { ref: ref, "class": props === null || props === void 0 ? void 0 : props.className, checked: (props === null || props === void 0 ? void 0 : props.checked) || undefined, disabled: (props === null || props === void 0 ? void 0 : props.disabled) || undefined, indeterminate: (props === null || props === void 0 ? void 0 : props.indeterminate) || undefined, invalid: props.invalid || undefined, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Checkbox.js.map
\ No newline at end of file
diff --git a/dist/Checkbox.js.map b/dist/Checkbox.js.map
index df8bcfa..09ce7e2 100644
--- a/dist/Checkbox.js.map
+++ b/dist/Checkbox.js.map
@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAmCjD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA2B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA2B,CAAC,CAAA,EAAA,CAAC;QAE/C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,SAAS,EACpC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,SAAS,EACtC,aAAa,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,SAAS,EAChD,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,IAElC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACJ,CACf,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAsC3E;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA2B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA2B,CAAC,CAAA,EAAA,CAAC;QAE/C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,SAAS,EACpC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,SAAS,EACtC,aAAa,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,SAAS,EAChD,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACJ,CACf,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Detail.d.ts b/dist/Detail.d.ts
index 13a6633..0e3061f 100644
--- a/dist/Detail.d.ts
+++ b/dist/Detail.d.ts
@@ -1,14 +1,14 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type DetailScript = 'latin' | 'han' | 'arabic' | 'hebrew';
-    type DetailSize = 'S' | 'M' | 'L' | 'XL';
     type DetailWeight = 'light' | 'default';
 }
 declare type Props = {
     children?: React.ReactNode;
     className?: string;
     script?: Spectrum.DetailScript;
-    size?: Spectrum.DetailSize;
+    size?: SpectrumComponentSize;
     weight?: Spectrum.DetailWeight;
 };
 declare global {
@@ -18,7 +18,7 @@ declare global {
                 children?: React.ReactNode;
                 class?: string;
                 script?: Spectrum.DetailScript;
-                size?: Spectrum.DetailSize;
+                size?: SpectrumComponentSize;
                 weight?: Spectrum.DetailWeight;
             };
         }
diff --git a/dist/Detail.js b/dist/Detail.js
index 4eeb35c..e746991 100644
--- a/dist/Detail.js
+++ b/dist/Detail.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders detail text in a smaller font.
  *
@@ -8,6 +9,6 @@ import React from 'react';
  * ```
  */
 export default function Detail(props) {
-    return (React.createElement("sp-detail", { "class": props === null || props === void 0 ? void 0 : props.className, script: props === null || props === void 0 ? void 0 : props.script, size: props === null || props === void 0 ? void 0 : props.size, weight: props === null || props === void 0 ? void 0 : props.weight }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-detail", { "class": props === null || props === void 0 ? void 0 : props.className, script: props === null || props === void 0 ? void 0 : props.script, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize, weight: props === null || props === void 0 ? void 0 : props.weight }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Detail.js.map
\ No newline at end of file
diff --git a/dist/Detail.js.map b/dist/Detail.js.map
index 649061a..ddff93e 100644
--- a/dist/Detail.js.map
+++ b/dist/Detail.js.map
@@ -1 +1 @@
-{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../src/Detail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,OAAO,CACL,mCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EACrB,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACjB,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAEpB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACN,CACb,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../src/Detail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AA6B3E;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,OAAO,CACL,mCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EACrB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,EACzD,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAEpB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACN,CACb,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Dropdown.d.ts b/dist/Dropdown.d.ts
index 7b6b1c1..61c251a 100644
--- a/dist/Dropdown.d.ts
+++ b/dist/Dropdown.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     interface DropdownEvent extends globalThis.Event {
         readonly target: (EventTarget & {
@@ -15,6 +16,7 @@ declare type Props = {
     quiet?: boolean;
     placeholder?: string;
     selectedIndex?: number;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -28,6 +30,8 @@ declare global {
                 quiet?: boolean;
                 placeholder?: string;
                 selectedIndex?: number;
+                size?: SpectrumComponentSize;
+                onMouseDown?: (e?: any) => void;
             };
         }
     }
diff --git a/dist/Dropdown.js b/dist/Dropdown.js
index 58c025e..ef2ee6f 100644
--- a/dist/Dropdown.js
+++ b/dist/Dropdown.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a dropdown with menu items. The dropdown must contain a {@link Spectrum.Menu}
  * with `slot="options"`, and inside the {@link Spectrum.Menu}, a series of {@link Spectrum.MenuItem}
@@ -26,6 +27,6 @@ export default function Dropdown(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', dispatchChange);
         };
     }, [props.onChange]);
-    return (React.createElement("sp-dropdown", { ref: ref, "class": props.className, disabled: props.disabled || undefined, invalid: props.invalid || undefined, quiet: props.quiet || undefined, placeholder: props.placeholder, selectedIndex: props.selectedIndex }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-dropdown", { ref: ref, "class": props.className, disabled: props.disabled || undefined, invalid: props.invalid || undefined, quiet: props.quiet || undefined, placeholder: props.placeholder, selectedIndex: props.selectedIndex, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Dropdown.js.map
\ No newline at end of file
diff --git a/dist/Dropdown.js.map b/dist/Dropdown.js.map
index 9848abe..3a603fc 100644
--- a/dist/Dropdown.js.map
+++ b/dist/Dropdown.js.map
@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAoCjD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA2B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,IAEjC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACJ,CACf,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAuC3E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA2B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACJ,CACf,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Icon.d.ts b/dist/Icon.d.ts
index 358d6f1..44c7f64 100644
--- a/dist/Icon.d.ts
+++ b/dist/Icon.d.ts
@@ -1,13 +1,13 @@
 /// <reference types="react" />
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type IconName = 'ui:AlertMedium' | 'ui:AlertSmall' | 'ui:ArrowDownSmall' | 'ui:ArrowLeftMedium' | 'ui:ArrowUpSmall' | 'ui:Asterisk' | 'ui:CheckmarkMedium' | 'ui:CheckmarkSmall' | 'ui:ChevronDownMedium' | 'ui:ChevronDownSmall' | 'ui:ChevronLeftLarge' | 'ui:ChevronLeftMedium' | 'ui:ChevronRightLarge' | 'ui:ChevronRightMedium' | 'ui:ChevronRightSmall' | 'ui:ChevronUpSmall' | 'ui:CornerTriangle' | 'ui:CrossLarge' | 'ui:CrossMedium' | 'ui:CrossSmall' | 'ui:DashSmall' | 'ui:DoubleGripper' | 'ui:FolderBreadcrumb' | 'ui:HelpMedium' | 'ui:HelpSmall' | 'ui:InfoMedium' | 'ui:InfoSmall' | 'ui:Magnifier' | 'ui:More' | 'ui:SkipLeft' | 'ui:SkipRight' | 'ui:Star' | 'ui:StarOutline' | 'ui:SuccessMedium' | 'ui:SuccessSmall' | 'ui:TripleGripper';
-    type IconSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
     type IconSlot = 'icon';
 }
 declare type Props = {
     className?: string;
     name?: Spectrum.IconName;
-    size?: Spectrum.IconSize;
+    size?: SpectrumComponentSize;
     slot?: Spectrum.IconSlot;
 };
 declare global {
@@ -17,7 +17,7 @@ declare global {
                 children: undefined;
                 class?: string;
                 name?: Spectrum.IconName;
-                size?: Spectrum.IconSize;
+                size?: SpectrumComponentSize;
                 slot?: Spectrum.IconSlot;
             };
         }
diff --git a/dist/Icon.js b/dist/Icon.js
index e211bff..b0f8bbe 100644
--- a/dist/Icon.js
+++ b/dist/Icon.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Display a named icon.
  *
@@ -8,6 +9,6 @@ import React from 'react';
  * ```
  */
 export default function Icon(props) {
-    return (React.createElement("sp-icon", { "class": props === null || props === void 0 ? void 0 : props.className, name: props.name, size: props.size, slot: props.slot }, undefined));
+    return (React.createElement("sp-icon", { "class": props === null || props === void 0 ? void 0 : props.className, name: props.name, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize, slot: props.slot }, undefined));
 }
 //# sourceMappingURL=Icon.js.map
\ No newline at end of file
diff --git a/dist/Icon.js.map b/dist/Icon.js.map
index abb4159..39ae539 100644
--- a/dist/Icon.js.map
+++ b/dist/Icon.js.map
@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,OAAO,CACL,iCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,IAEf,SAAS,CACF,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAiE3E;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,OAAO,CACL,iCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,EACzD,IAAI,EAAE,KAAK,CAAC,IAAI,IAEf,SAAS,CACF,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Label.d.ts b/dist/Label.d.ts
index 42ea112..e438530 100644
--- a/dist/Label.d.ts
+++ b/dist/Label.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type LabelSlot = 'label';
 }
@@ -7,6 +8,7 @@ declare type Props = {
     className?: string;
     slot?: Spectrum.LabelSlot;
     isRequired?: boolean;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -16,6 +18,7 @@ declare global {
                 class?: string;
                 slot?: Spectrum.LabelSlot;
                 isrequired?: boolean;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Label.js b/dist/Label.js
index f2b75d4..d9c7f88 100644
--- a/dist/Label.js
+++ b/dist/Label.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a text label. Can also be used to add a label to many Spectrum UXP
  * UI elements when using the `slot="label"` attribute.
@@ -11,6 +12,6 @@ import React from 'react';
  * ```
  */
 export default function Label(props) {
-    return (React.createElement("sp-label", { "class": props === null || props === void 0 ? void 0 : props.className, slot: (props === null || props === void 0 ? void 0 : props.slot) || undefined, isrequired: (props === null || props === void 0 ? void 0 : props.isRequired) || undefined }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-label", { "class": props === null || props === void 0 ? void 0 : props.className, slot: (props === null || props === void 0 ? void 0 : props.slot) || undefined, isrequired: (props === null || props === void 0 ? void 0 : props.isRequired) || undefined, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Label.js.map
\ No newline at end of file
diff --git a/dist/Label.js.map b/dist/Label.js.map
index c10d4b2..26855d1 100644
--- a/dist/Label.js.map
+++ b/dist/Label.js.map
@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAY;IACxC,OAAO,CACL,kCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,SAAS,EAC9B,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,SAAS,IAEzC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACP,CACZ,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AA4B3E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAY;IACxC,OAAO,CACL,kCACE,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,SAAS,EAC9B,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,SAAS,EAC1C,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACP,CACZ,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Link.d.ts b/dist/Link.d.ts
index 4ec1f04..ada58a7 100644
--- a/dist/Link.d.ts
+++ b/dist/Link.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type LinkVariant = 'overBackground';
 }
@@ -9,6 +10,7 @@ declare type Props = {
     href?: string;
     quiet?: boolean;
     variant?: Spectrum.LinkVariant;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -20,6 +22,7 @@ declare global {
                 href?: string;
                 quiet?: boolean;
                 variant?: Spectrum.LinkVariant;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Link.js b/dist/Link.js
index 514f7eb..da7fe03 100644
--- a/dist/Link.js
+++ b/dist/Link.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a link, that when clicked can launch a webpage in the user's default browser.
  *
@@ -18,6 +19,6 @@ export default function Link(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', dispatchClick);
         };
     }, [props.onClick]);
-    return (React.createElement("sp-link", { ref: ref, "class": props.className, href: props.href, quiet: props.quiet || undefined, variant: props.variant }, props.children));
+    return (React.createElement("sp-link", { ref: ref, "class": props.className, href: props.href, quiet: props.quiet || undefined, variant: props.variant, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props.children));
 }
 //# sourceMappingURL=Link.js.map
\ No newline at end of file
diff --git a/dist/Link.js.map b/dist/Link.js.map
index efb61d0..b6a8570 100644
--- a/dist/Link.js.map
+++ b/dist/Link.js.map
@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA8BjD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAa,YAAK,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAC,CAAC,CAAA,EAAA,CAAC;QAE5D,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,IAErB,KAAK,CAAC,QAAQ,CACP,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAgC3E;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAa,YAAK,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAC,CAAC,CAAA,EAAA,CAAC;QAE5D,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,CAAC,QAAQ,CACP,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Menu.d.ts b/dist/Menu.d.ts
index 60a8200..18d18d1 100644
--- a/dist/Menu.d.ts
+++ b/dist/Menu.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type MenuSlot = 'options';
     interface MenuEvent extends globalThis.Event {
@@ -13,6 +14,7 @@ declare type Props = {
     className?: string;
     slot?: Spectrum.MenuSlot;
     selectedIndex?: number;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -21,8 +23,10 @@ declare global {
                 children?: React.ReactNode;
                 ref?: React.RefObject<HTMLElement>;
                 class?: string;
+                onClick?: (e?: React.ChangeEvent<HTMLSelectElement>) => void;
                 slot?: Spectrum.MenuSlot;
                 selectedIndex?: number;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Menu.js b/dist/Menu.js
index 48e0345..cc3b0ae 100644
--- a/dist/Menu.js
+++ b/dist/Menu.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a menu with menu items. Inside the {@link Spectrum.Menu}, a series of
  * {@link Spectrum.MenuItem} or {@link Spectrum.MenuDivider} elements may exist.
@@ -26,6 +27,6 @@ export default function Menu(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', dispatchChange);
         };
     }, [props.onChange]);
-    return (React.createElement("sp-menu", { ref: ref, "class": props.className, slot: props.slot === 'options' ? 'options' : undefined, selectedIndex: props.selectedIndex }, props.children));
+    return (React.createElement("sp-menu", { ref: ref, "class": props.className, slot: props.slot === 'options' ? 'options' : undefined, selectedIndex: props.selectedIndex, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props.children));
 }
 //# sourceMappingURL=Menu.js.map
\ No newline at end of file
diff --git a/dist/Menu.js.map b/dist/Menu.js.map
index dd662bf..7f96026 100644
--- a/dist/Menu.js.map
+++ b/dist/Menu.js.map
@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA+BjD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAAuB,CAAC,CAAA,EAAA,CAAC;QAE5C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,aAAa,EAAE,KAAK,CAAC,aAAa,IAEjC,KAAK,CAAC,QAAQ,CACP,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAkC3E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAY;IACvC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAAuB,CAAC,CAAA,EAAA,CAAC;QAE5C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,CAAC,QAAQ,CACP,CACX,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/MenuDivider.d.ts b/dist/MenuDivider.d.ts
index fe861c0..5fe5d1f 100644
--- a/dist/MenuDivider.d.ts
+++ b/dist/MenuDivider.d.ts
@@ -6,7 +6,7 @@ declare global {
     namespace JSX {
         interface IntrinsicElements {
             'sp-menu-divider': {
-                children: undefined;
+                children?: undefined;
                 class?: string;
             };
         }
diff --git a/dist/MenuItem.d.ts b/dist/MenuItem.d.ts
index 95d8269..9659e90 100644
--- a/dist/MenuItem.d.ts
+++ b/dist/MenuItem.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     interface MenuItemEvent extends globalThis.Event {
         readonly target: (EventTarget & {
@@ -11,7 +12,10 @@ declare type Props = {
     onClick?: (e: Spectrum.MenuItemEvent) => void;
     className?: string;
     disabled?: boolean;
+    value?: string;
     selected?: boolean;
+    size?: SpectrumComponentSize;
+    keyCustom?: number | string;
 };
 declare global {
     namespace JSX {
@@ -19,9 +23,12 @@ declare global {
             'sp-menu-item': {
                 children?: React.ReactNode;
                 ref?: React.RefObject<HTMLElement>;
+                key?: string | number;
                 class?: string;
                 disabled?: boolean;
                 selected?: boolean;
+                value?: string;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/MenuItem.js b/dist/MenuItem.js
index f662903..0c54e75 100644
--- a/dist/MenuItem.js
+++ b/dist/MenuItem.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a menu item, with an optional checkmark indicating selection.
  *
@@ -22,6 +23,6 @@ export default function MenuItem(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', dispatchClick);
         };
     }, [props.onClick]);
-    return (React.createElement("sp-menu-item", { ref: ref, "class": props.className, disabled: props.disabled || undefined, selected: props.selected || undefined }, props.children));
+    return (React.createElement("sp-menu-item", { ref: ref, "class": props.className, disabled: props.disabled || undefined, selected: props.selected || undefined, value: props.value, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize, key: props === null || props === void 0 ? void 0 : props.keyCustom }, props.children));
 }
 //# sourceMappingURL=MenuItem.js.map
\ No newline at end of file
diff --git a/dist/MenuItem.js.map b/dist/MenuItem.js.map
index b9d3b5f..4d0e1fe 100644
--- a/dist/MenuItem.js.map
+++ b/dist/MenuItem.js.map
@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../src/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA8BjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA2B,CAAC,CAAA,EAAA,CAAC;QAE/C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,IAEpC,KAAK,CAAC,QAAQ,CACF,CAChB,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../src/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAoC3E;;;;;;;;;;;GAWG;AAEH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA2B,CAAC,CAAA,EAAA,CAAC;QAE/C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,EACzD,GAAG,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,IAEpB,KAAK,CAAC,QAAQ,CACF,CAChB,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Progressbar.d.ts b/dist/Progressbar.d.ts
index 48864c9..437bb3a 100644
--- a/dist/Progressbar.d.ts
+++ b/dist/Progressbar.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponetDefaults } from './common';
 declare namespace Spectrum {
     type ProgressbarVariant = 'overBackground';
     type ProgressbarSize = 'small';
@@ -8,7 +9,7 @@ declare type Props = {
     className?: string;
     min?: number;
     max: number;
-    size?: Spectrum.ProgressbarSize;
+    size?: SpectrumComponetDefaults;
     showValue?: boolean;
     value: number;
     valueLabel?: string;
@@ -22,7 +23,7 @@ declare global {
                 class?: string;
                 min?: number;
                 max: number;
-                size?: Spectrum.ProgressbarSize;
+                size?: SpectrumComponetDefaults;
                 'show-value'?: boolean;
                 value: number;
                 'value-label'?: string;
diff --git a/dist/Progressbar.js b/dist/Progressbar.js
index 66935d1..b269670 100644
--- a/dist/Progressbar.js
+++ b/dist/Progressbar.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a progress bar.
  *
@@ -10,6 +11,6 @@ import React from 'react';
  * ```
  */
 export default function Progressbar(props) {
-    return (React.createElement("sp-progressbar", { "class": props.className, min: props.min, max: props.max, size: props.size, "show-value": props.showValue || undefined, value: props.value, "value-label": props.valueLabel, variant: props.variant }, props.children));
+    return (React.createElement("sp-progressbar", { "class": props.className, min: props.min, max: props.max, "show-value": props.showValue || undefined, value: props.value, "value-label": props.valueLabel, variant: props.variant, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props.children));
 }
 //# sourceMappingURL=Progressbar.js.map
\ No newline at end of file
diff --git a/dist/Progressbar.js.map b/dist/Progressbar.js.map
index 70a12e6..3d33a28 100644
--- a/dist/Progressbar.js.map
+++ b/dist/Progressbar.js.map
@@ -1 +1 @@
-{"version":3,"file":"Progressbar.js","sourceRoot":"","sources":["../src/Progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAY;IAC9C,OAAO,CACL,wCACE,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,gBACJ,KAAK,CAAC,SAAS,IAAI,SAAS,EACxC,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,UAAU,EAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,IAErB,KAAK,CAAC,QAAQ,CACA,CAClB,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Progressbar.js","sourceRoot":"","sources":["../src/Progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAqCpD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAY;IAC9C,OAAO,CACL,wCACE,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,gBACF,KAAK,CAAC,SAAS,IAAI,SAAS,EACxC,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,UAAU,EAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,CAAC,QAAQ,CACA,CAClB,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Radio.d.ts b/dist/Radio.d.ts
index 00f4c07..d6841f8 100644
--- a/dist/Radio.d.ts
+++ b/dist/Radio.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     interface RadioEvent extends globalThis.Event {
         readonly target: (EventTarget & {
@@ -15,6 +16,7 @@ declare type Props = {
     emphasized?: boolean;
     invalid?: boolean;
     value?: string;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -28,6 +30,7 @@ declare global {
                 emphasized?: boolean;
                 invalid?: boolean;
                 value?: string;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Radio.js b/dist/Radio.js
index 952ad14..8657845 100644
--- a/dist/Radio.js
+++ b/dist/Radio.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a radio button with associated label.
  *
@@ -18,6 +19,6 @@ export default function Radio(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', dispatchInput);
         };
     }, [props.onClick]);
-    return (React.createElement("sp-radio", { ref: ref, "class": props === null || props === void 0 ? void 0 : props.className, checked: (props === null || props === void 0 ? void 0 : props.checked) || undefined, disabled: (props === null || props === void 0 ? void 0 : props.disabled) || undefined, emphasized: (props === null || props === void 0 ? void 0 : props.emphasized) || undefined, invalid: props.invalid || undefined, value: props.value }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-radio", { ref: ref, "class": props === null || props === void 0 ? void 0 : props.className, checked: (props === null || props === void 0 ? void 0 : props.checked) || undefined, disabled: (props === null || props === void 0 ? void 0 : props.disabled) || undefined, emphasized: (props === null || props === void 0 ? void 0 : props.emphasized) || undefined, invalid: props.invalid || undefined, value: props.value, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Radio.js.map
\ No newline at end of file
diff --git a/dist/Radio.js.map b/dist/Radio.js.map
index e62757e..2e998be 100644
--- a/dist/Radio.js.map
+++ b/dist/Radio.js.map
@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAoCjD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAY;IACxC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAwB,CAAC,CAAA,EAAA,CAAC;QAE5C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,SAAS,EACpC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,SAAS,EACtC,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,SAAS,EAC1C,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACP,CACZ,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAsC3E;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAY;IACxC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAwB,CAAC,CAAA,EAAA,CAAC;QAE5C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EACvB,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,SAAS,EACpC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,SAAS,EACtC,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,SAAS,EAC1C,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACP,CACZ,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Slider.d.ts b/dist/Slider.d.ts
index 6c57516..5d7657e 100644
--- a/dist/Slider.d.ts
+++ b/dist/Slider.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type SliderFillOffset = 'left' | 'right';
     type SliderVariant = 'filled';
@@ -21,6 +22,7 @@ declare type Props = {
     value: number;
     valueLabel?: string;
     variant?: Spectrum.SliderVariant;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -37,6 +39,7 @@ declare global {
                 value: number;
                 'value-label'?: string;
                 variant?: Spectrum.SliderVariant;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Slider.js b/dist/Slider.js
index b4413f7..2bde490 100644
--- a/dist/Slider.js
+++ b/dist/Slider.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a slider with optional associated {@link Spectrum.Label}.
  * @example
@@ -28,6 +29,6 @@ export default function Slider(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', dispatchInput);
         };
     }, [props.onInput]);
-    return (React.createElement("sp-slider", { ref: ref, "class": props.className, disabled: props.disabled || undefined, "fill-offset": props.fillOffset, min: props.min, max: props.max, "show-value": props.showValue === false ? false : undefined, value: props.value, "value-label": props.valueLabel, variant: props.variant }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-slider", { ref: ref, "class": props.className, disabled: props.disabled || undefined, "fill-offset": props.fillOffset, min: props.min, max: props.max, "show-value": props.showValue === false ? false : undefined, value: props.value, "value-label": props.valueLabel, variant: props.variant, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Slider.js.map
\ No newline at end of file
diff --git a/dist/Slider.js.map b/dist/Slider.js.map
index 6f0bc10..a6931c9 100644
--- a/dist/Slider.js.map
+++ b/dist/Slider.js.map
@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA6CjD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAAyB,CAAC,CAAA,EAAA,CAAC;QAE9C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAyB,CAAC,CAAA,EAAA,CAAC;QAE7C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,iBACxB,KAAK,CAAC,UAAU,EAC7B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,gBACF,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,UAAU,EAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,IAErB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACN,CACb,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AA+C3E;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAAyB,CAAC,CAAA,EAAA,CAAC;QAE9C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAyB,CAAC,CAAA,EAAA,CAAC;QAE7C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,iBACxB,KAAK,CAAC,UAAU,EAC7B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,gBACF,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,UAAU,EAC7B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACN,CACb,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Textarea.d.ts b/dist/Textarea.d.ts
index f1e42ae..f7f261c 100644
--- a/dist/Textarea.d.ts
+++ b/dist/Textarea.d.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
     type TextareaType = 'number' | 'password' | 'search';
     interface TextareaEvent extends globalThis.Event {
@@ -19,6 +20,7 @@ declare type Props = {
     type?: Spectrum.TextareaType;
     valid?: boolean;
     value?: string;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -34,6 +36,7 @@ declare global {
                 type?: Spectrum.TextareaType;
                 valid?: boolean;
                 value?: string;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Textarea.js b/dist/Textarea.js
index 833673b..3afb2e5 100644
--- a/dist/Textarea.js
+++ b/dist/Textarea.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a text area with optional associated {@link Spectrum.Label}.
  * @example
@@ -28,6 +29,6 @@ export default function Textarea(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', dispatchInput);
         };
     }, [props.onInput]);
-    return (React.createElement("sp-textarea", { ref: ref, "class": props.className, disabled: props.disabled || undefined, invalid: props.invalid || undefined, placeholder: props.placeholder, quiet: props.quiet || undefined, type: props.type, valid: props.valid || undefined, value: props.value }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-textarea", { ref: ref, "class": props.className, disabled: props.disabled || undefined, invalid: props.invalid || undefined, placeholder: props.placeholder, quiet: props.quiet || undefined, type: props.type, valid: props.valid || undefined, value: props.value, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Textarea.js.map
\ No newline at end of file
diff --git a/dist/Textarea.js.map b/dist/Textarea.js.map
index ef94a12..9e8e59b 100644
--- a/dist/Textarea.js.map
+++ b/dist/Textarea.js.map
@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA0CjD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA2B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA2B,CAAC,CAAA,EAAA,CAAC;QAE/C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACJ,CACf,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AA4C3E;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAY;IAC3C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA2B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA2B,CAAC,CAAA,EAAA,CAAC;QAE/C,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACJ,CACf,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/Textfield.d.ts b/dist/Textfield.d.ts
index 9f88f9f..067f098 100644
--- a/dist/Textfield.d.ts
+++ b/dist/Textfield.d.ts
@@ -1,6 +1,7 @@
 import React from 'react';
+import { SpectrumComponentSize } from './common';
 declare namespace Spectrum {
-    type TextfieldType = 'number' | 'password' | 'search';
+    type TextfieldType = 'number' | 'password' | 'search' | 'text';
     interface TextfieldEvent extends globalThis.Event {
         readonly target: (EventTarget & {
             value: string;
@@ -19,6 +20,7 @@ declare type Props = {
     type?: Spectrum.TextfieldType;
     valid?: boolean;
     value?: string;
+    size?: SpectrumComponentSize;
 };
 declare global {
     namespace JSX {
@@ -27,6 +29,8 @@ declare global {
                 children?: React.ReactNode;
                 ref?: React.RefObject<HTMLElement>;
                 class?: string;
+                onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+                onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
                 disabled?: boolean;
                 invalid?: boolean;
                 placeholder?: string;
@@ -34,6 +38,7 @@ declare global {
                 type?: Spectrum.TextfieldType;
                 valid?: boolean;
                 value?: string;
+                size?: SpectrumComponentSize;
             };
         }
     }
diff --git a/dist/Textfield.js b/dist/Textfield.js
index efef77d..83965e8 100644
--- a/dist/Textfield.js
+++ b/dist/Textfield.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponetDefaults } from './common';
 /**
  * Renders a text field with optional associated {@link Spectrum.Label}.
  * @example
@@ -28,6 +29,6 @@ export default function Textfield(props) {
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', dispatchInput);
         };
     }, [props.onInput]);
-    return (React.createElement("sp-textfield", { ref: ref, "class": props.className, disabled: props.disabled || undefined, invalid: props.invalid || undefined, placeholder: props.placeholder, quiet: props.quiet || undefined, type: props.type, valid: props.valid || undefined, value: props.value }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement("sp-textfield", { ref: ref, "class": props.className, disabled: props.disabled || undefined, invalid: props.invalid || undefined, placeholder: props.placeholder, quiet: props.quiet || undefined, type: props.type, valid: props.valid || undefined, value: props.value, size: (props === null || props === void 0 ? void 0 : props.size) || SpectrumComponetDefaults.defaultSize }, props === null || props === void 0 ? void 0 : props.children));
 }
 //# sourceMappingURL=Textfield.js.map
\ No newline at end of file
diff --git a/dist/Textfield.js.map b/dist/Textfield.js.map
index e4d4ded..02713ab 100644
--- a/dist/Textfield.js.map
+++ b/dist/Textfield.js.map
@@ -1 +1 @@
-{"version":3,"file":"Textfield.js","sourceRoot":"","sources":["../src/Textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA0CjD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAY;IAC5C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA4B,CAAC,CAAA,EAAA,CAAC;QAEjD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA4B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACH,CAChB,CAAC;AACJ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Textfield.js","sourceRoot":"","sources":["../src/Textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,wBAAwB,EAAE,MAAM,UAAU,CAAC;AA8C3E;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAY;IAC5C,IAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,SAAS,CAAC;;QACR,IAAM,cAAc,GAAG,UAAC,CAAQ,YAC9B,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAA4B,CAAC,CAAA,EAAA,CAAC;QAEjD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACxD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;;QACR,IAAM,aAAa,GAAG,UAAC,CAAQ,YAC7B,OAAA,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAA4B,CAAC,CAAA,EAAA,CAAC;QAEhD,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO;;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,OAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,wBAAwB,CAAC,WAAW,IAExD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACH,CAChB,CAAC;AACJ,CAAC"}
\ No newline at end of file
diff --git a/dist/common.d.ts b/dist/common.d.ts
new file mode 100644
index 0000000..4681239
--- /dev/null
+++ b/dist/common.d.ts
@@ -0,0 +1,4 @@
+export declare type SpectrumComponentSize = 's' | 'm' | 'l' | 'xl';
+export declare class SpectrumComponetDefaults {
+    static defaultSize: SpectrumComponentSize | undefined;
+}
diff --git a/dist/common.js b/dist/common.js
new file mode 100644
index 0000000..f3f2f56
--- /dev/null
+++ b/dist/common.js
@@ -0,0 +1,8 @@
+var SpectrumComponetDefaults = /** @class */ (function () {
+    function SpectrumComponetDefaults() {
+    }
+    SpectrumComponetDefaults.defaultSize = undefined;
+    return SpectrumComponetDefaults;
+}());
+export { SpectrumComponetDefaults };
+//# sourceMappingURL=common.js.map
\ No newline at end of file
diff --git a/dist/common.js.map b/dist/common.js.map
new file mode 100644
index 0000000..4d578d0
--- /dev/null
+++ b/dist/common.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../src/common.tsx"],"names":[],"mappings":"AAEA;IAAA;IAEA,CAAC;IADe,oCAAW,GAAsC,SAAS,CAAC;IAC3E,+BAAC;CAAA,AAFD,IAEC;SAFY,wBAAwB"}
\ No newline at end of file
diff --git a/dist/index.d.ts b/dist/index.d.ts
index bfb1e0e..87d7174 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -18,6 +18,7 @@ import RadioGroup from './RadioGroup';
 import Slider from './Slider';
 import Textarea from './Textarea';
 import Textfield from './Textfield';
+import { SpectrumComponetDefaults } from './common';
 declare const Spectrum: {
     Body: typeof Body;
     Detail: typeof Detail;
@@ -39,6 +40,7 @@ declare const Spectrum: {
     Slider: typeof Slider;
     Textarea: typeof Textarea;
     Textfield: typeof Textfield;
+    SpectrumComponetDefaults: typeof SpectrumComponetDefaults;
 };
-export { Body, Detail, Heading, Label, ActionButton, Button, Checkbox, Divider, Dropdown, Icon, Link, Progressbar, Radio, RadioGroup, Slider, Textarea, Textfield, };
+export { Body, Detail, Heading, Label, ActionButton, Button, Checkbox, Divider, Dropdown, Icon, Link, Progressbar, Radio, RadioGroup, Slider, Textarea, Textfield, SpectrumComponetDefaults, };
 export default Spectrum;
diff --git a/dist/index.js b/dist/index.js
index 600644e..a5f8674 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -20,6 +20,7 @@ import RadioGroup from './RadioGroup';
 import Slider from './Slider';
 import Textarea from './Textarea';
 import Textfield from './Textfield';
+import { SpectrumComponetDefaults } from './common';
 var Spectrum = {
     Body: Body,
     Detail: Detail,
@@ -40,8 +41,9 @@ var Spectrum = {
     RadioGroup: RadioGroup,
     Slider: Slider,
     Textarea: Textarea,
-    Textfield: Textfield
+    Textfield: Textfield,
+    SpectrumComponetDefaults: SpectrumComponetDefaults
 };
-export { Body, Detail, Heading, Label, ActionButton, Button, Checkbox, Divider, Dropdown, Icon, Link, Progressbar, Radio, RadioGroup, Slider, Textarea, Textfield, };
+export { Body, Detail, Heading, Label, ActionButton, Button, Checkbox, Divider, Dropdown, Icon, Link, Progressbar, Radio, RadioGroup, Slider, Textarea, Textfield, SpectrumComponetDefaults, };
 export default Spectrum;
 //# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/index.js.map b/dist/index.js.map
index f3d7d52..0299ca0 100644
--- a/dist/index.js.map
+++ b/dist/index.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,KAAK;AACL,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,IAAM,QAAQ,GAAG;IACf,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,OAAO,SAAA;IACP,KAAK,OAAA;IACL,YAAY,cAAA;IACZ,MAAM,QAAA;IACN,QAAQ,UAAA;IACR,OAAO,SAAA;IACP,QAAQ,UAAA;IACR,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,WAAW,aAAA;IACX,QAAQ,UAAA;IACR,WAAW,aAAA;IACX,KAAK,OAAA;IACL,UAAU,YAAA;IACV,MAAM,QAAA;IACN,QAAQ,UAAA;IACR,SAAS,WAAA;CACV,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,GACV,CAAC;AAEF,eAAe,QAAQ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,KAAK;AACL,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD,IAAM,QAAQ,GAAG;IACf,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,OAAO,SAAA;IACP,KAAK,OAAA;IACL,YAAY,cAAA;IACZ,MAAM,QAAA;IACN,QAAQ,UAAA;IACR,OAAO,SAAA;IACP,QAAQ,UAAA;IACR,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,WAAW,aAAA;IACX,QAAQ,UAAA;IACR,WAAW,aAAA;IACX,KAAK,OAAA;IACL,UAAU,YAAA;IACV,MAAM,QAAA;IACN,QAAQ,UAAA;IACR,SAAS,WAAA;IACT,wBAAwB,0BAAA;CACzB,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,wBAAwB,GACzB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
\ No newline at end of file
diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
new file mode 100644
index 0000000..46571c2
--- /dev/null
+++ b/docs/assets/css/main.css
@@ -0,0 +1,2660 @@
+:root {
+  --color-background: #fdfdfd;
+  --color-text: #222;
+  --color-text-aside: #707070;
+  --color-link: #4da6ff;
+  --color-menu-divider: #eee;
+  --color-menu-divider-focus: #000;
+  --color-menu-label: #707070;
+  --color-panel: #fff;
+  --color-panel-divider: #eee;
+  --color-comment-tag: #707070;
+  --color-comment-tag-text: #fff;
+  --color-code-background: rgba(0, 0, 0, 0.04);
+  --color-ts: #9600ff;
+  --color-ts-interface: #647f1b;
+  --color-ts-enum: #937210;
+  --color-ts-class: #0672de;
+  --color-ts-private: #707070;
+  --color-toolbar: #fff;
+  --color-toolbar-text: #333;
+}
+
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+/* ==========================================================================
+ * * HTML5 display definitions
+ * * ========================================================================== */
+/**
+ * * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+  display: block;
+}
+
+/**
+ * * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
+audio, canvas, video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+
+/**
+ * * Prevent modern browsers from displaying `audio` without controls.
+ * * Remove excess height in iOS 5 devices. */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * * Known issue: no IE 6 support. */
+[hidden] {
+  display: none;
+}
+
+/* ==========================================================================
+ * * Base
+ * * ========================================================================== */
+/**
+ * * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ * *    `em` units.
+ * * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * *    user zoom. */
+html {
+  font-size: 100%;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  font-family: sans-serif;
+}
+
+/**
+ * * Address `font-family` inconsistency between `textarea` and other form
+ * * elements. */
+button, input, select, textarea {
+  font-family: sans-serif;
+}
+
+/**
+ * * Address margins handled incorrectly in IE 6/7. */
+body {
+  margin: 0;
+}
+
+/* ==========================================================================
+ * * Links
+ * * ========================================================================== */
+/**
+ * * Address `outline` inconsistency between Chrome and other browsers. */
+a:focus {
+  outline: thin dotted;
+}
+a:active, a:hover {
+  outline: 0;
+}
+
+/**
+ * * Improve readability when focused and also mouse hovered in all browsers. */
+/* ==========================================================================
+ * * Typography
+ * * ========================================================================== */
+/**
+ * * Address font sizes and margins set differently in IE 6/7.
+ * * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * * and Chrome. */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+
+h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+
+h4, .tsd-index-panel h3 {
+  font-size: 1em;
+  margin: 1.33em 0;
+}
+
+h5 {
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+
+h6 {
+  font-size: 0.67em;
+  margin: 2.33em 0;
+}
+
+/**
+ * * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
+b, strong {
+  font-weight: bold;
+}
+
+blockquote {
+  margin: 1em 40px;
+}
+
+/**
+ * * Address styling not present in Safari 5 and Chrome. */
+dfn {
+  font-style: italic;
+}
+
+/**
+ * * Address differences between Firefox and other browsers.
+ * * Known issue: no IE 6/7 normalization. */
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * * Address styling not present in IE 6/7/8/9. */
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * * Address margins set differently in IE 6/7. */
+p, pre {
+  margin: 1em 0;
+}
+
+/**
+ * * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
+code, kbd, pre, samp {
+  font-family: monospace, serif;
+  _font-family: "courier new", monospace;
+  font-size: 1em;
+}
+
+/**
+ * * Improve readability of pre-formatted text in all browsers. */
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+/**
+ * * Address CSS quotes not supported in IE 6/7. */
+q {
+  quotes: none;
+}
+q:before, q:after {
+  content: "";
+  content: none;
+}
+
+/**
+ * * Address `quotes` property not supported in Safari 4. */
+/**
+ * * Address inconsistent and variable font size in all browsers. */
+small {
+  font-size: 80%;
+}
+
+/**
+ * * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
+sub {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* ==========================================================================
+ * * Lists
+ * * ========================================================================== */
+/**
+ * * Address margins set differently in IE 6/7. */
+dl, menu, ol, ul {
+  margin: 1em 0;
+}
+
+dd {
+  margin: 0 0 0 40px;
+}
+
+/**
+ * * Address paddings set differently in IE 6/7. */
+menu, ol, ul {
+  padding: 0 0 0 40px;
+}
+
+/**
+ * * Correct list images handled incorrectly in IE 7. */
+nav ul, nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+
+/* ==========================================================================
+ * * Embedded content
+ * * ========================================================================== */
+/**
+ * * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * * 2. Improve image quality when scaled in IE 7. */
+img {
+  border: 0;
+  /* 1 */
+  -ms-interpolation-mode: bicubic;
+}
+
+/* 2 */
+/**
+ * * Correct overflow displayed oddly in IE 9. */
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* ==========================================================================
+ * * Figures
+ * * ========================================================================== */
+/**
+ * * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
+figure, form {
+  margin: 0;
+}
+
+/* ==========================================================================
+ * * Forms
+ * * ========================================================================== */
+/**
+ * * Correct margin displayed oddly in IE 6/7. */
+/**
+ * * Define consistent border, margin, and padding. */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * * 1. Correct color not being inherited in IE 6/7/8/9.
+ * * 2. Correct text not wrapping in Firefox 3.
+ * * 3. Correct alignment displayed oddly in IE 6/7. */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  white-space: normal;
+  /* 2 */
+  *margin-left: -7px;
+}
+
+/* 3 */
+/**
+ * * 1. Correct font size not being inherited in all browsers.
+ * * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * *    and Chrome.
+ * * 3. Improve appearance and consistency in all browsers. */
+button, input, select, textarea {
+  font-size: 100%;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  vertical-align: baseline;
+  /* 3 */
+  *vertical-align: middle;
+}
+
+/* 3 */
+/**
+ * * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * * the UA stylesheet. */
+button, input {
+  line-height: normal;
+}
+
+/**
+ * * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * * All other form control elements do not inherit `text-transform` values.
+ * * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * * Correct `select` style inheritance in Firefox 4+ and Opera. */
+button, select {
+  text-transform: none;
+}
+
+/**
+ * * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * *    and `video` controls.
+ * * 2. Correct inability to style clickable `input` types in iOS.
+ * * 3. Improve usability and consistency of cursor style between image-type
+ * *    `input` and others.
+ * * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ * *    Known issue: inner spacing remains in IE 6. */
+button, html input[type=button] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */
+  *overflow: visible;
+}
+
+/* 4 */
+input[type=reset], input[type=submit] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */
+  *overflow: visible;
+}
+
+/* 4 */
+/**
+ * * Re-set default cursor for disabled elements. */
+button[disabled], html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * * 1. Address box sizing set to content-box in IE 8/9.
+ * * 2. Remove excess padding in IE 8/9.
+ * * 3. Remove excess padding in IE 7.
+ * *    Known issue: excess padding remains in IE 6. */
+input {
+  /* 3 */
+}
+input[type=checkbox], input[type=radio] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+  *height: 13px;
+  /* 3 */
+  *width: 13px;
+}
+input[type=search] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  /* 2 */
+  box-sizing: content-box;
+}
+input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * *    (include `-moz` to future-proof). */
+/**
+ * * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * * on OS X. */
+/**
+ * * Remove inner padding and border in Firefox 3+. */
+button::-moz-focus-inner, input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * * 2. Improve readability and alignment in all browsers. */
+textarea {
+  overflow: auto;
+  /* 1 */
+  vertical-align: top;
+}
+
+/* 2 */
+/* ==========================================================================
+ * * Tables
+ * * ========================================================================== */
+/**
+ * * Remove most spacing between table cells. */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+ul.tsd-descriptions > li > :first-child, .tsd-panel > :first-child, .col > :first-child, .col-11 > :first-child, .col-10 > :first-child, .col-9 > :first-child, .col-8 > :first-child, .col-7 > :first-child, .col-6 > :first-child, .col-5 > :first-child, .col-4 > :first-child, .col-3 > :first-child, .col-2 > :first-child, .col-1 > :first-child,
+ul.tsd-descriptions > li > :first-child > :first-child,
+.tsd-panel > :first-child > :first-child,
+.col > :first-child > :first-child,
+.col-11 > :first-child > :first-child,
+.col-10 > :first-child > :first-child,
+.col-9 > :first-child > :first-child,
+.col-8 > :first-child > :first-child,
+.col-7 > :first-child > :first-child,
+.col-6 > :first-child > :first-child,
+.col-5 > :first-child > :first-child,
+.col-4 > :first-child > :first-child,
+.col-3 > :first-child > :first-child,
+.col-2 > :first-child > :first-child,
+.col-1 > :first-child > :first-child,
+ul.tsd-descriptions > li > :first-child > :first-child > :first-child,
+.tsd-panel > :first-child > :first-child > :first-child,
+.col > :first-child > :first-child > :first-child,
+.col-11 > :first-child > :first-child > :first-child,
+.col-10 > :first-child > :first-child > :first-child,
+.col-9 > :first-child > :first-child > :first-child,
+.col-8 > :first-child > :first-child > :first-child,
+.col-7 > :first-child > :first-child > :first-child,
+.col-6 > :first-child > :first-child > :first-child,
+.col-5 > :first-child > :first-child > :first-child,
+.col-4 > :first-child > :first-child > :first-child,
+.col-3 > :first-child > :first-child > :first-child,
+.col-2 > :first-child > :first-child > :first-child,
+.col-1 > :first-child > :first-child > :first-child {
+  margin-top: 0;
+}
+ul.tsd-descriptions > li > :last-child, .tsd-panel > :last-child, .col > :last-child, .col-11 > :last-child, .col-10 > :last-child, .col-9 > :last-child, .col-8 > :last-child, .col-7 > :last-child, .col-6 > :last-child, .col-5 > :last-child, .col-4 > :last-child, .col-3 > :last-child, .col-2 > :last-child, .col-1 > :last-child,
+ul.tsd-descriptions > li > :last-child > :last-child,
+.tsd-panel > :last-child > :last-child,
+.col > :last-child > :last-child,
+.col-11 > :last-child > :last-child,
+.col-10 > :last-child > :last-child,
+.col-9 > :last-child > :last-child,
+.col-8 > :last-child > :last-child,
+.col-7 > :last-child > :last-child,
+.col-6 > :last-child > :last-child,
+.col-5 > :last-child > :last-child,
+.col-4 > :last-child > :last-child,
+.col-3 > :last-child > :last-child,
+.col-2 > :last-child > :last-child,
+.col-1 > :last-child > :last-child,
+ul.tsd-descriptions > li > :last-child > :last-child > :last-child,
+.tsd-panel > :last-child > :last-child > :last-child,
+.col > :last-child > :last-child > :last-child,
+.col-11 > :last-child > :last-child > :last-child,
+.col-10 > :last-child > :last-child > :last-child,
+.col-9 > :last-child > :last-child > :last-child,
+.col-8 > :last-child > :last-child > :last-child,
+.col-7 > :last-child > :last-child > :last-child,
+.col-6 > :last-child > :last-child > :last-child,
+.col-5 > :last-child > :last-child > :last-child,
+.col-4 > :last-child > :last-child > :last-child,
+.col-3 > :last-child > :last-child > :last-child,
+.col-2 > :last-child > :last-child > :last-child,
+.col-1 > :last-child > :last-child > :last-child {
+  margin-bottom: 0;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 40px;
+}
+@media (max-width: 640px) {
+  .container {
+    padding: 0 20px;
+  }
+}
+
+.container-main {
+  padding-bottom: 200px;
+}
+
+.row {
+  display: flex;
+  position: relative;
+  margin: 0 -10px;
+}
+.row:after {
+  visibility: hidden;
+  display: block;
+  content: "";
+  clear: both;
+  height: 0;
+}
+
+.col, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
+  box-sizing: border-box;
+  float: left;
+  padding: 0 10px;
+}
+
+.col-1 {
+  width: 8.3333333333%;
+}
+
+.offset-1 {
+  margin-left: 8.3333333333%;
+}
+
+.col-2 {
+  width: 16.6666666667%;
+}
+
+.offset-2 {
+  margin-left: 16.6666666667%;
+}
+
+.col-3 {
+  width: 25%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.col-4 {
+  width: 33.3333333333%;
+}
+
+.offset-4 {
+  margin-left: 33.3333333333%;
+}
+
+.col-5 {
+  width: 41.6666666667%;
+}
+
+.offset-5 {
+  margin-left: 41.6666666667%;
+}
+
+.col-6 {
+  width: 50%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.col-7 {
+  width: 58.3333333333%;
+}
+
+.offset-7 {
+  margin-left: 58.3333333333%;
+}
+
+.col-8 {
+  width: 66.6666666667%;
+}
+
+.offset-8 {
+  margin-left: 66.6666666667%;
+}
+
+.col-9 {
+  width: 75%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.col-10 {
+  width: 83.3333333333%;
+}
+
+.offset-10 {
+  margin-left: 83.3333333333%;
+}
+
+.col-11 {
+  width: 91.6666666667%;
+}
+
+.offset-11 {
+  margin-left: 91.6666666667%;
+}
+
+.tsd-kind-icon {
+  display: block;
+  position: relative;
+  padding-left: 20px;
+  text-indent: -20px;
+}
+.tsd-kind-icon:before {
+  content: "";
+  display: inline-block;
+  vertical-align: middle;
+  width: 17px;
+  height: 17px;
+  margin: 0 3px 2px 0;
+  background-image: url(../images/icons.png);
+}
+@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
+  .tsd-kind-icon:before {
+    background-image: url(../images/icons@2x.png);
+    background-size: 238px 204px;
+  }
+}
+
+.tsd-signature.tsd-kind-icon:before {
+  background-position: 0 -153px;
+}
+
+.tsd-kind-object-literal > .tsd-kind-icon:before {
+  background-position: 0px -17px;
+}
+.tsd-kind-object-literal.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -17px;
+}
+.tsd-kind-object-literal.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -17px;
+}
+
+.tsd-kind-class > .tsd-kind-icon:before {
+  background-position: 0px -34px;
+}
+.tsd-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -34px;
+}
+.tsd-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -34px;
+}
+
+.tsd-kind-class.tsd-has-type-parameter > .tsd-kind-icon:before {
+  background-position: 0px -51px;
+}
+.tsd-kind-class.tsd-has-type-parameter.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -51px;
+}
+.tsd-kind-class.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -51px;
+}
+
+.tsd-kind-interface > .tsd-kind-icon:before {
+  background-position: 0px -68px;
+}
+.tsd-kind-interface.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -68px;
+}
+.tsd-kind-interface.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -68px;
+}
+
+.tsd-kind-interface.tsd-has-type-parameter > .tsd-kind-icon:before {
+  background-position: 0px -85px;
+}
+.tsd-kind-interface.tsd-has-type-parameter.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -85px;
+}
+.tsd-kind-interface.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -85px;
+}
+
+.tsd-kind-namespace > .tsd-kind-icon:before {
+  background-position: 0px -102px;
+}
+.tsd-kind-namespace.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -102px;
+}
+.tsd-kind-namespace.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -102px;
+}
+
+.tsd-kind-module > .tsd-kind-icon:before {
+  background-position: 0px -102px;
+}
+.tsd-kind-module.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -102px;
+}
+.tsd-kind-module.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -102px;
+}
+
+.tsd-kind-enum > .tsd-kind-icon:before {
+  background-position: 0px -119px;
+}
+.tsd-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -119px;
+}
+.tsd-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -119px;
+}
+
+.tsd-kind-enum-member > .tsd-kind-icon:before {
+  background-position: 0px -136px;
+}
+.tsd-kind-enum-member.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -136px;
+}
+.tsd-kind-enum-member.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -136px;
+}
+
+.tsd-kind-signature > .tsd-kind-icon:before {
+  background-position: 0px -153px;
+}
+.tsd-kind-signature.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -153px;
+}
+.tsd-kind-signature.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -153px;
+}
+
+.tsd-kind-type-alias > .tsd-kind-icon:before {
+  background-position: 0px -170px;
+}
+.tsd-kind-type-alias.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -170px;
+}
+.tsd-kind-type-alias.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -170px;
+}
+
+.tsd-kind-type-alias.tsd-has-type-parameter > .tsd-kind-icon:before {
+  background-position: 0px -187px;
+}
+.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -17px -187px;
+}
+.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -34px -187px;
+}
+
+.tsd-kind-variable > .tsd-kind-icon:before {
+  background-position: -136px -0px;
+}
+.tsd-kind-variable.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -0px;
+}
+.tsd-kind-variable.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -0px;
+}
+
+.tsd-kind-property > .tsd-kind-icon:before {
+  background-position: -136px -0px;
+}
+.tsd-kind-property.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -0px;
+}
+.tsd-kind-property.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -0px;
+}
+
+.tsd-kind-get-signature > .tsd-kind-icon:before {
+  background-position: -136px -17px;
+}
+.tsd-kind-get-signature.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -17px;
+}
+.tsd-kind-get-signature.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -17px;
+}
+
+.tsd-kind-set-signature > .tsd-kind-icon:before {
+  background-position: -136px -34px;
+}
+.tsd-kind-set-signature.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -34px;
+}
+.tsd-kind-set-signature.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -34px;
+}
+
+.tsd-kind-accessor > .tsd-kind-icon:before {
+  background-position: -136px -51px;
+}
+.tsd-kind-accessor.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -51px;
+}
+.tsd-kind-accessor.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -51px;
+}
+
+.tsd-kind-function > .tsd-kind-icon:before {
+  background-position: -136px -68px;
+}
+.tsd-kind-function.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -68px;
+}
+.tsd-kind-function.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -68px;
+}
+
+.tsd-kind-method > .tsd-kind-icon:before {
+  background-position: -136px -68px;
+}
+.tsd-kind-method.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -68px;
+}
+.tsd-kind-method.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -68px;
+}
+
+.tsd-kind-call-signature > .tsd-kind-icon:before {
+  background-position: -136px -68px;
+}
+.tsd-kind-call-signature.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -68px;
+}
+.tsd-kind-call-signature.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -68px;
+}
+
+.tsd-kind-function.tsd-has-type-parameter > .tsd-kind-icon:before {
+  background-position: -136px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -85px;
+}
+
+.tsd-kind-method.tsd-has-type-parameter > .tsd-kind-icon:before {
+  background-position: -136px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -85px;
+}
+
+.tsd-kind-constructor > .tsd-kind-icon:before {
+  background-position: -136px -102px;
+}
+.tsd-kind-constructor.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -102px;
+}
+.tsd-kind-constructor.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -102px;
+}
+
+.tsd-kind-constructor-signature > .tsd-kind-icon:before {
+  background-position: -136px -102px;
+}
+.tsd-kind-constructor-signature.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -102px;
+}
+.tsd-kind-constructor-signature.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -102px;
+}
+
+.tsd-kind-index-signature > .tsd-kind-icon:before {
+  background-position: -136px -119px;
+}
+.tsd-kind-index-signature.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -119px;
+}
+.tsd-kind-index-signature.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -119px;
+}
+
+.tsd-kind-event > .tsd-kind-icon:before {
+  background-position: -136px -136px;
+}
+.tsd-kind-event.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -136px;
+}
+.tsd-kind-event.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -136px;
+}
+
+.tsd-is-static > .tsd-kind-icon:before {
+  background-position: -136px -153px;
+}
+.tsd-is-static.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -153px;
+}
+.tsd-is-static.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -153px;
+}
+.tsd-is-static.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -153px;
+}
+.tsd-is-static.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -153px;
+}
+.tsd-is-static.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -153px;
+}
+.tsd-is-static.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -153px;
+}
+.tsd-is-static.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -153px;
+}
+
+.tsd-is-static.tsd-kind-function > .tsd-kind-icon:before {
+  background-position: -136px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -170px;
+}
+
+.tsd-is-static.tsd-kind-method > .tsd-kind-icon:before {
+  background-position: -136px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -170px;
+}
+
+.tsd-is-static.tsd-kind-call-signature > .tsd-kind-icon:before {
+  background-position: -136px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -170px;
+}
+
+.tsd-is-static.tsd-kind-event > .tsd-kind-icon:before {
+  background-position: -136px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -153px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class > .tsd-kind-icon:before {
+  background-position: -51px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -68px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -85px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -102px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum > .tsd-kind-icon:before {
+  background-position: -170px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+  background-position: -187px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+  background-position: -119px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface > .tsd-kind-icon:before {
+  background-position: -204px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited > .tsd-kind-icon:before {
+  background-position: -221px -187px;
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fade-out {
+  from {
+    opacity: 1;
+    visibility: visible;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes fade-in-delayed {
+  0% {
+    opacity: 0;
+  }
+  33% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fade-out-delayed {
+  0% {
+    opacity: 1;
+    visibility: visible;
+  }
+  66% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes shift-to-left {
+  from {
+    transform: translate(0, 0);
+  }
+  to {
+    transform: translate(-25%, 0);
+  }
+}
+@keyframes unshift-to-left {
+  from {
+    transform: translate(-25%, 0);
+  }
+  to {
+    transform: translate(0, 0);
+  }
+}
+@keyframes pop-in-from-right {
+  from {
+    transform: translate(100%, 0);
+  }
+  to {
+    transform: translate(0, 0);
+  }
+}
+@keyframes pop-out-to-right {
+  from {
+    transform: translate(0, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate(100%, 0);
+  }
+}
+body {
+  background: var(--color-background);
+  font-family: "Segoe UI", sans-serif;
+  font-size: 16px;
+  color: var(--color-text);
+}
+
+a {
+  color: var(--color-link);
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+
+code, pre {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  padding: 0.2em;
+  margin: 0;
+  font-size: 14px;
+  background-color: var(--color-code-background);
+}
+
+pre {
+  padding: 10px;
+}
+pre code {
+  padding: 0;
+  font-size: 100%;
+  background-color: transparent;
+}
+
+blockquote {
+  margin: 1em 0;
+  padding-left: 1em;
+  border-left: 4px solid gray;
+}
+
+.tsd-typography {
+  line-height: 1.333em;
+}
+.tsd-typography ul {
+  list-style: square;
+  padding: 0 0 0 20px;
+  margin: 0;
+}
+.tsd-typography h4, .tsd-typography .tsd-index-panel h3, .tsd-index-panel .tsd-typography h3, .tsd-typography h5, .tsd-typography h6 {
+  font-size: 1em;
+  margin: 0;
+}
+.tsd-typography h5, .tsd-typography h6 {
+  font-weight: normal;
+}
+.tsd-typography p, .tsd-typography ul, .tsd-typography ol {
+  margin: 1em 0;
+}
+
+@media (min-width: 901px) and (max-width: 1024px) {
+  html.default .col-content {
+    width: 72%;
+  }
+  html.default .col-menu {
+    width: 28%;
+  }
+  html.default .tsd-navigation {
+    padding-left: 10px;
+  }
+}
+@media (max-width: 900px) {
+  html.default .col-content {
+    float: none;
+    width: 100%;
+  }
+  html.default .col-menu {
+    position: fixed !important;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    z-index: 1024;
+    top: 0 !important;
+    bottom: 0 !important;
+    left: auto !important;
+    right: 0 !important;
+    width: 100%;
+    padding: 20px 20px 0 0;
+    max-width: 450px;
+    visibility: hidden;
+    background-color: var(--color-panel);
+    transform: translate(100%, 0);
+  }
+  html.default .col-menu > *:last-child {
+    padding-bottom: 20px;
+  }
+  html.default .overlay {
+    content: "";
+    display: block;
+    position: fixed;
+    z-index: 1023;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.75);
+    visibility: hidden;
+  }
+  html.default.to-has-menu .overlay {
+    animation: fade-in 0.4s;
+  }
+  html.default.to-has-menu header,
+html.default.to-has-menu footer,
+html.default.to-has-menu .col-content {
+    animation: shift-to-left 0.4s;
+  }
+  html.default.to-has-menu .col-menu {
+    animation: pop-in-from-right 0.4s;
+  }
+  html.default.from-has-menu .overlay {
+    animation: fade-out 0.4s;
+  }
+  html.default.from-has-menu header,
+html.default.from-has-menu footer,
+html.default.from-has-menu .col-content {
+    animation: unshift-to-left 0.4s;
+  }
+  html.default.from-has-menu .col-menu {
+    animation: pop-out-to-right 0.4s;
+  }
+  html.default.has-menu body {
+    overflow: hidden;
+  }
+  html.default.has-menu .overlay {
+    visibility: visible;
+  }
+  html.default.has-menu header,
+html.default.has-menu footer,
+html.default.has-menu .col-content {
+    transform: translate(-25%, 0);
+  }
+  html.default.has-menu .col-menu {
+    visibility: visible;
+    transform: translate(0, 0);
+  }
+}
+
+.tsd-page-title {
+  padding: 70px 0 20px 0;
+  margin: 0 0 40px 0;
+  background: var(--color-panel);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
+}
+.tsd-page-title h1 {
+  margin: 0;
+}
+
+.tsd-breadcrumb {
+  margin: 0;
+  padding: 0;
+  color: var(--color-text-aside);
+}
+.tsd-breadcrumb a {
+  color: var(--color-text-aside);
+  text-decoration: none;
+}
+.tsd-breadcrumb a:hover {
+  text-decoration: underline;
+}
+.tsd-breadcrumb li {
+  display: inline;
+}
+.tsd-breadcrumb li:after {
+  content: " / ";
+}
+
+html.minimal .container {
+  margin: 0;
+}
+html.minimal .container-main {
+  padding-top: 50px;
+  padding-bottom: 0;
+}
+html.minimal .content-wrap {
+  padding-left: 300px;
+}
+html.minimal .tsd-navigation {
+  position: fixed !important;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
+  z-index: 1;
+  left: 0;
+  top: 40px;
+  bottom: 0;
+  width: 300px;
+  padding: 20px;
+  margin: 0;
+}
+html.minimal .tsd-member .tsd-member {
+  margin-left: 0;
+}
+html.minimal .tsd-page-toolbar {
+  position: fixed;
+  z-index: 2;
+}
+html.minimal #tsd-filter .tsd-filter-group {
+  right: 0;
+  transform: none;
+}
+html.minimal footer {
+  background-color: transparent;
+}
+html.minimal footer .container {
+  padding: 0;
+}
+html.minimal .tsd-generator {
+  padding: 0;
+}
+@media (max-width: 900px) {
+  html.minimal .tsd-navigation {
+    display: none;
+  }
+  html.minimal .content-wrap {
+    padding-left: 0;
+  }
+}
+
+dl.tsd-comment-tags {
+  overflow: hidden;
+}
+dl.tsd-comment-tags dt {
+  float: left;
+  padding: 1px 5px;
+  margin: 0 10px 0 0;
+  border-radius: 4px;
+  border: 1px solid var(--color-comment-tag);
+  color: var(--color-comment-tag);
+  font-size: 0.8em;
+  font-weight: normal;
+}
+dl.tsd-comment-tags dd {
+  margin: 0 0 10px 0;
+}
+dl.tsd-comment-tags dd:before, dl.tsd-comment-tags dd:after {
+  display: table;
+  content: " ";
+}
+dl.tsd-comment-tags dd pre, dl.tsd-comment-tags dd:after {
+  clear: both;
+}
+dl.tsd-comment-tags p {
+  margin: 0;
+}
+
+.tsd-panel.tsd-comment .lead {
+  font-size: 1.1em;
+  line-height: 1.333em;
+  margin-bottom: 2em;
+}
+.tsd-panel.tsd-comment .lead:last-child {
+  margin-bottom: 0;
+}
+
+.toggle-protected .tsd-is-private {
+  display: none;
+}
+
+.toggle-public .tsd-is-private,
+.toggle-public .tsd-is-protected,
+.toggle-public .tsd-is-private-protected {
+  display: none;
+}
+
+.toggle-inherited .tsd-is-inherited {
+  display: none;
+}
+
+.toggle-externals .tsd-is-external {
+  display: none;
+}
+
+#tsd-filter {
+  position: relative;
+  display: inline-block;
+  height: 40px;
+  vertical-align: bottom;
+}
+.no-filter #tsd-filter {
+  display: none;
+}
+#tsd-filter .tsd-filter-group {
+  display: inline-block;
+  height: 40px;
+  vertical-align: bottom;
+  white-space: nowrap;
+}
+#tsd-filter input {
+  display: none;
+}
+@media (max-width: 900px) {
+  #tsd-filter .tsd-filter-group {
+    display: block;
+    position: absolute;
+    top: 40px;
+    right: 20px;
+    height: auto;
+    background-color: var(--color-panel);
+    visibility: hidden;
+    transform: translate(50%, 0);
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+  }
+  .has-options #tsd-filter .tsd-filter-group {
+    visibility: visible;
+  }
+  .to-has-options #tsd-filter .tsd-filter-group {
+    animation: fade-in 0.2s;
+  }
+  .from-has-options #tsd-filter .tsd-filter-group {
+    animation: fade-out 0.2s;
+  }
+  #tsd-filter label,
+#tsd-filter .tsd-select {
+    display: block;
+    padding-right: 20px;
+  }
+}
+
+footer {
+  border-top: 1px solid var(--color-panel-divider);
+  background-color: var(--color-panel);
+}
+footer.with-border-bottom {
+  border-bottom: 1px solid var(--color-panel-divider);
+}
+footer .tsd-legend-group {
+  font-size: 0;
+}
+footer .tsd-legend {
+  display: inline-block;
+  width: 25%;
+  padding: 0;
+  font-size: 16px;
+  list-style: none;
+  line-height: 1.333em;
+  vertical-align: top;
+}
+@media (max-width: 900px) {
+  footer .tsd-legend {
+    width: 50%;
+  }
+}
+
+.tsd-hierarchy {
+  list-style: square;
+  padding: 0 0 0 20px;
+  margin: 0;
+}
+.tsd-hierarchy .target {
+  font-weight: bold;
+}
+
+.tsd-index-panel .tsd-index-content {
+  margin-bottom: -30px !important;
+}
+.tsd-index-panel .tsd-index-section {
+  margin-bottom: 30px !important;
+}
+.tsd-index-panel h3 {
+  margin: 0 -20px 10px -20px;
+  padding: 0 20px 10px 20px;
+  border-bottom: 1px solid var(--color-panel-divider);
+}
+.tsd-index-panel ul.tsd-index-list {
+  -webkit-column-count: 3;
+  -moz-column-count: 3;
+  -ms-column-count: 3;
+  -o-column-count: 3;
+  column-count: 3;
+  -webkit-column-gap: 20px;
+  -moz-column-gap: 20px;
+  -ms-column-gap: 20px;
+  -o-column-gap: 20px;
+  column-gap: 20px;
+  padding: 0;
+  list-style: none;
+  line-height: 1.333em;
+}
+@media (max-width: 900px) {
+  .tsd-index-panel ul.tsd-index-list {
+    -webkit-column-count: 1;
+    -moz-column-count: 1;
+    -ms-column-count: 1;
+    -o-column-count: 1;
+    column-count: 1;
+  }
+}
+@media (min-width: 901px) and (max-width: 1024px) {
+  .tsd-index-panel ul.tsd-index-list {
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+    -ms-column-count: 2;
+    -o-column-count: 2;
+    column-count: 2;
+  }
+}
+.tsd-index-panel ul.tsd-index-list li {
+  -webkit-page-break-inside: avoid;
+  -moz-page-break-inside: avoid;
+  -ms-page-break-inside: avoid;
+  -o-page-break-inside: avoid;
+  page-break-inside: avoid;
+}
+.tsd-index-panel a,
+.tsd-index-panel .tsd-parent-kind-module a {
+  color: var(--color-ts);
+}
+.tsd-index-panel .tsd-parent-kind-interface a {
+  color: var(--color-ts-interface);
+}
+.tsd-index-panel .tsd-parent-kind-enum a {
+  color: var(--color-ts-enum);
+}
+.tsd-index-panel .tsd-parent-kind-class a {
+  color: var(--color-ts-class);
+}
+.tsd-index-panel .tsd-kind-module a {
+  color: var(--color-ts);
+}
+.tsd-index-panel .tsd-kind-interface a {
+  color: var(--color-ts-interface);
+}
+.tsd-index-panel .tsd-kind-enum a {
+  color: var(--color-ts-enum);
+}
+.tsd-index-panel .tsd-kind-class a {
+  color: var(--color-ts-class);
+}
+.tsd-index-panel .tsd-is-private a {
+  color: var(--color-ts-private);
+}
+
+.tsd-flag {
+  display: inline-block;
+  padding: 1px 5px;
+  border-radius: 4px;
+  color: var(--color-comment-tag-text);
+  background-color: var(--color-comment-tag);
+  text-indent: 0;
+  font-size: 14px;
+  font-weight: normal;
+}
+
+.tsd-anchor {
+  position: absolute;
+  top: -100px;
+}
+
+.tsd-member {
+  position: relative;
+}
+.tsd-member .tsd-anchor + h3 {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-bottom: none;
+}
+.tsd-member a[data-tsd-kind] {
+  color: var(--color-ts);
+}
+.tsd-member a[data-tsd-kind=Interface] {
+  color: var(--color-ts-interface);
+}
+.tsd-member a[data-tsd-kind=Enum] {
+  color: var(--color-ts-enum);
+}
+.tsd-member a[data-tsd-kind=Class] {
+  color: var(--color-ts-class);
+}
+.tsd-member a[data-tsd-kind=Private] {
+  color: var(--color-ts-private);
+}
+
+.tsd-navigation {
+  margin: 0 0 0 40px;
+}
+.tsd-navigation a {
+  display: block;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  border-left: 2px solid transparent;
+  color: var(--color-text);
+  text-decoration: none;
+  transition: border-left-color 0.1s;
+}
+.tsd-navigation a:hover {
+  text-decoration: underline;
+}
+.tsd-navigation ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.tsd-navigation li {
+  padding: 0;
+}
+
+.tsd-navigation.primary {
+  padding-bottom: 40px;
+}
+.tsd-navigation.primary a {
+  display: block;
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.tsd-navigation.primary ul li a {
+  padding-left: 5px;
+}
+.tsd-navigation.primary ul li li a {
+  padding-left: 25px;
+}
+.tsd-navigation.primary ul li li li a {
+  padding-left: 45px;
+}
+.tsd-navigation.primary ul li li li li a {
+  padding-left: 65px;
+}
+.tsd-navigation.primary ul li li li li li a {
+  padding-left: 85px;
+}
+.tsd-navigation.primary ul li li li li li li a {
+  padding-left: 105px;
+}
+.tsd-navigation.primary > ul {
+  border-bottom: 1px solid var(--color-panel-divider);
+}
+.tsd-navigation.primary li {
+  border-top: 1px solid var(--color-panel-divider);
+}
+.tsd-navigation.primary li.current > a {
+  font-weight: bold;
+}
+.tsd-navigation.primary li.label span {
+  display: block;
+  padding: 20px 0 6px 5px;
+  color: var(--color-menu-label);
+}
+.tsd-navigation.primary li.globals + li > span, .tsd-navigation.primary li.globals + li > a {
+  padding-top: 20px;
+}
+
+.tsd-navigation.secondary {
+  max-height: calc(100vh - 1rem - 40px);
+  overflow: auto;
+  position: -webkit-sticky;
+  position: sticky;
+  top: calc(.5rem + 40px);
+  transition: 0.3s;
+}
+.tsd-navigation.secondary.tsd-navigation--toolbar-hide {
+  max-height: calc(100vh - 1rem);
+  top: 0.5rem;
+}
+.tsd-navigation.secondary ul {
+  transition: opacity 0.2s;
+}
+.tsd-navigation.secondary ul li a {
+  padding-left: 25px;
+}
+.tsd-navigation.secondary ul li li a {
+  padding-left: 45px;
+}
+.tsd-navigation.secondary ul li li li a {
+  padding-left: 65px;
+}
+.tsd-navigation.secondary ul li li li li a {
+  padding-left: 85px;
+}
+.tsd-navigation.secondary ul li li li li li a {
+  padding-left: 105px;
+}
+.tsd-navigation.secondary ul li li li li li li a {
+  padding-left: 125px;
+}
+.tsd-navigation.secondary ul.current a {
+  border-left-color: var(--color-panel-divider);
+}
+.tsd-navigation.secondary li.focus > a,
+.tsd-navigation.secondary ul.current li.focus > a {
+  border-left-color: var(--color-menu-divider-focus);
+}
+.tsd-navigation.secondary li.current {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border-left-color: var(--color-panel-divider);
+}
+.tsd-navigation.secondary li.current > a {
+  font-weight: bold;
+}
+
+@media (min-width: 901px) {
+  .menu-sticky-wrap {
+    position: static;
+  }
+}
+
+.tsd-panel {
+  margin: 20px 0;
+  padding: 20px;
+  background-color: var(--color-panel);
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+}
+.tsd-panel:empty {
+  display: none;
+}
+.tsd-panel > h1, .tsd-panel > h2, .tsd-panel > h3 {
+  margin: 1.5em -20px 10px -20px;
+  padding: 0 20px 10px 20px;
+  border-bottom: 1px solid var(--color-panel-divider);
+}
+.tsd-panel > h1.tsd-before-signature, .tsd-panel > h2.tsd-before-signature, .tsd-panel > h3.tsd-before-signature {
+  margin-bottom: 0;
+  border-bottom: 0;
+}
+.tsd-panel table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  margin-top: 10px;
+  word-break: normal;
+  word-break: keep-all;
+}
+.tsd-panel table th {
+  font-weight: bold;
+}
+.tsd-panel table th, .tsd-panel table td {
+  padding: 6px 13px;
+  border: 1px solid #ddd;
+}
+.tsd-panel table tr {
+  background-color: #fff;
+  border-top: 1px solid #ccc;
+}
+.tsd-panel table tr:nth-child(2n) {
+  background-color: #f8f8f8;
+}
+
+.tsd-panel-group {
+  margin: 60px 0;
+}
+.tsd-panel-group > h1, .tsd-panel-group > h2, .tsd-panel-group > h3 {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+#tsd-search {
+  transition: background-color 0.2s;
+}
+#tsd-search .title {
+  position: relative;
+  z-index: 2;
+}
+#tsd-search .field {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 40px;
+  height: 40px;
+}
+#tsd-search .field input {
+  box-sizing: border-box;
+  position: relative;
+  top: -50px;
+  z-index: 1;
+  width: 100%;
+  padding: 0 10px;
+  opacity: 0;
+  outline: 0;
+  border: 0;
+  background: transparent;
+  color: var(--color-text);
+}
+#tsd-search .field label {
+  position: absolute;
+  overflow: hidden;
+  right: -40px;
+}
+#tsd-search .field input,
+#tsd-search .title {
+  transition: opacity 0.2s;
+}
+#tsd-search .results {
+  position: absolute;
+  visibility: hidden;
+  top: 40px;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+}
+#tsd-search .results li {
+  padding: 0 10px;
+  background-color: var(--color-background);
+}
+#tsd-search .results li:nth-child(even) {
+  background-color: var(--color-panel);
+}
+#tsd-search .results li.state {
+  display: none;
+}
+#tsd-search .results li.current,
+#tsd-search .results li:hover {
+  background-color: var(--color-panel-divider);
+}
+#tsd-search .results a {
+  display: block;
+}
+#tsd-search .results a:before {
+  top: 10px;
+}
+#tsd-search .results span.parent {
+  color: var(--color-text-aside);
+  font-weight: normal;
+}
+#tsd-search.has-focus {
+  background-color: var(--color-panel-divider);
+}
+#tsd-search.has-focus .field input {
+  top: 0;
+  opacity: 1;
+}
+#tsd-search.has-focus .title {
+  z-index: 0;
+  opacity: 0;
+}
+#tsd-search.has-focus .results {
+  visibility: visible;
+}
+#tsd-search.loading .results li.state.loading {
+  display: block;
+}
+#tsd-search.failure .results li.state.failure {
+  display: block;
+}
+
+.tsd-signature {
+  margin: 0 0 1em 0;
+  padding: 10px;
+  border: 1px solid var(--color-panel-divider);
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-size: 14px;
+  overflow-x: auto;
+}
+.tsd-signature.tsd-kind-icon {
+  padding-left: 30px;
+}
+.tsd-signature.tsd-kind-icon:before {
+  top: 10px;
+  left: 10px;
+}
+.tsd-panel > .tsd-signature {
+  margin-left: -20px;
+  margin-right: -20px;
+  border-width: 1px 0;
+}
+.tsd-panel > .tsd-signature.tsd-kind-icon {
+  padding-left: 40px;
+}
+.tsd-panel > .tsd-signature.tsd-kind-icon:before {
+  left: 20px;
+}
+
+.tsd-signature-symbol {
+  color: var(--color-text-aside);
+  font-weight: normal;
+}
+
+.tsd-signature-type {
+  font-style: italic;
+  font-weight: normal;
+}
+
+.tsd-signatures {
+  padding: 0;
+  margin: 0 0 1em 0;
+  border: 1px solid var(--color-panel-divider);
+}
+.tsd-signatures .tsd-signature {
+  margin: 0;
+  border-width: 1px 0 0 0;
+  transition: background-color 0.1s;
+}
+.tsd-signatures .tsd-signature:first-child {
+  border-top-width: 0;
+}
+.tsd-signatures .tsd-signature.current {
+  background-color: var(--color-panel-divider);
+}
+.tsd-signatures.active > .tsd-signature {
+  cursor: pointer;
+}
+.tsd-panel > .tsd-signatures {
+  margin-left: -20px;
+  margin-right: -20px;
+  border-width: 1px 0;
+}
+.tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon {
+  padding-left: 40px;
+}
+.tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon:before {
+  left: 20px;
+}
+.tsd-panel > a.anchor + .tsd-signatures {
+  border-top-width: 0;
+  margin-top: -20px;
+}
+
+ul.tsd-descriptions {
+  position: relative;
+  overflow: hidden;
+  padding: 0;
+  list-style: none;
+}
+ul.tsd-descriptions.active > .tsd-description {
+  display: none;
+}
+ul.tsd-descriptions.active > .tsd-description.current {
+  display: block;
+}
+ul.tsd-descriptions.active > .tsd-description.fade-in {
+  animation: fade-in-delayed 0.3s;
+}
+ul.tsd-descriptions.active > .tsd-description.fade-out {
+  animation: fade-out-delayed 0.3s;
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  right: 0;
+  opacity: 0;
+  visibility: hidden;
+}
+ul.tsd-descriptions h4, ul.tsd-descriptions .tsd-index-panel h3, .tsd-index-panel ul.tsd-descriptions h3 {
+  font-size: 16px;
+  margin: 1em 0 0.5em 0;
+}
+
+ul.tsd-parameters,
+ul.tsd-type-parameters {
+  list-style: square;
+  margin: 0;
+  padding-left: 20px;
+}
+ul.tsd-parameters > li.tsd-parameter-signature,
+ul.tsd-type-parameters > li.tsd-parameter-signature {
+  list-style: none;
+  margin-left: -20px;
+}
+ul.tsd-parameters h5,
+ul.tsd-type-parameters h5 {
+  font-size: 16px;
+  margin: 1em 0 0.5em 0;
+}
+ul.tsd-parameters .tsd-comment,
+ul.tsd-type-parameters .tsd-comment {
+  margin-top: -0.5em;
+}
+
+.tsd-sources {
+  font-size: 14px;
+  color: var(--color-text-aside);
+  margin: 0 0 1em 0;
+}
+.tsd-sources a {
+  color: var(--color-text-aside);
+  text-decoration: underline;
+}
+.tsd-sources ul, .tsd-sources p {
+  margin: 0 !important;
+}
+.tsd-sources ul {
+  list-style: none;
+  padding: 0;
+}
+
+.tsd-page-toolbar {
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 40px;
+  color: var(--color-toolbar-text);
+  background: var(--color-toolbar);
+  border-bottom: 1px solid var(--color-panel-divider);
+  transition: transform 0.3s linear;
+}
+.tsd-page-toolbar a {
+  color: var(--color-toolbar-text);
+  text-decoration: none;
+}
+.tsd-page-toolbar a.title {
+  font-weight: bold;
+}
+.tsd-page-toolbar a.title:hover {
+  text-decoration: underline;
+}
+.tsd-page-toolbar .table-wrap {
+  display: table;
+  width: 100%;
+  height: 40px;
+}
+.tsd-page-toolbar .table-cell {
+  display: table-cell;
+  position: relative;
+  white-space: nowrap;
+  line-height: 40px;
+}
+.tsd-page-toolbar .table-cell:first-child {
+  width: 100%;
+}
+
+.tsd-page-toolbar--hide {
+  transform: translateY(-100%);
+}
+
+.tsd-select .tsd-select-list li:before, .tsd-select .tsd-select-label:before, .tsd-widget:before {
+  content: "";
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  margin: 0 -8px 0 0;
+  background-image: url(../images/widgets.png);
+  background-repeat: no-repeat;
+  text-indent: -1024px;
+  vertical-align: bottom;
+}
+@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
+  .tsd-select .tsd-select-list li:before, .tsd-select .tsd-select-label:before, .tsd-widget:before {
+    background-image: url(../images/widgets@2x.png);
+    background-size: 320px 40px;
+  }
+}
+
+.tsd-widget {
+  display: inline-block;
+  overflow: hidden;
+  opacity: 0.6;
+  height: 40px;
+  transition: opacity 0.1s, background-color 0.2s;
+  vertical-align: bottom;
+  cursor: pointer;
+}
+.tsd-widget:hover {
+  opacity: 0.8;
+}
+.tsd-widget.active {
+  opacity: 1;
+  background-color: var(--color-panel-divider);
+}
+.tsd-widget.no-caption {
+  width: 40px;
+}
+.tsd-widget.no-caption:before {
+  margin: 0;
+}
+.tsd-widget.search:before {
+  background-position: 0 0;
+}
+.tsd-widget.menu:before {
+  background-position: -40px 0;
+}
+.tsd-widget.options:before {
+  background-position: -80px 0;
+}
+.tsd-widget.options, .tsd-widget.menu {
+  display: none;
+}
+@media (max-width: 900px) {
+  .tsd-widget.options, .tsd-widget.menu {
+    display: inline-block;
+  }
+}
+input[type=checkbox] + .tsd-widget:before {
+  background-position: -120px 0;
+}
+input[type=checkbox]:checked + .tsd-widget:before {
+  background-position: -160px 0;
+}
+
+.tsd-select {
+  position: relative;
+  display: inline-block;
+  height: 40px;
+  transition: opacity 0.1s, background-color 0.2s;
+  vertical-align: bottom;
+  cursor: pointer;
+}
+.tsd-select .tsd-select-label {
+  opacity: 0.6;
+  transition: opacity 0.2s;
+}
+.tsd-select .tsd-select-label:before {
+  background-position: -240px 0;
+}
+.tsd-select.active .tsd-select-label {
+  opacity: 0.8;
+}
+.tsd-select.active .tsd-select-list {
+  visibility: visible;
+  opacity: 1;
+  transition-delay: 0s;
+}
+.tsd-select .tsd-select-list {
+  position: absolute;
+  visibility: hidden;
+  top: 40px;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  opacity: 0;
+  list-style: none;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+  transition: visibility 0s 0.2s, opacity 0.2s;
+}
+.tsd-select .tsd-select-list li {
+  padding: 0 20px 0 0;
+  background-color: var(--color-background);
+}
+.tsd-select .tsd-select-list li:before {
+  background-position: 40px 0;
+}
+.tsd-select .tsd-select-list li:nth-child(even) {
+  background-color: var(--color-panel);
+}
+.tsd-select .tsd-select-list li:hover {
+  background-color: var(--color-panel-divider);
+}
+.tsd-select .tsd-select-list li.selected:before {
+  background-position: -200px 0;
+}
+@media (max-width: 900px) {
+  .tsd-select .tsd-select-list {
+    top: 0;
+    left: auto;
+    right: 100%;
+    margin-right: -5px;
+  }
+  .tsd-select .tsd-select-label:before {
+    background-position: -280px 0;
+  }
+}
+
+img {
+  max-width: 100%;
+}
diff --git a/docs/assets/images/icons.png b/docs/assets/images/icons.png
new file mode 100644
index 0000000..3836d5f
Binary files /dev/null and b/docs/assets/images/icons.png differ
diff --git a/docs/assets/images/icons@2x.png b/docs/assets/images/icons@2x.png
new file mode 100644
index 0000000..5a209e2
Binary files /dev/null and b/docs/assets/images/icons@2x.png differ
diff --git a/docs/assets/images/widgets.png b/docs/assets/images/widgets.png
new file mode 100644
index 0000000..c738053
Binary files /dev/null and b/docs/assets/images/widgets.png differ
diff --git a/docs/assets/images/widgets@2x.png b/docs/assets/images/widgets@2x.png
new file mode 100644
index 0000000..4bbbd57
Binary files /dev/null and b/docs/assets/images/widgets@2x.png differ
diff --git a/docs/assets/js/main.js b/docs/assets/js/main.js
new file mode 100644
index 0000000..dc257a8
--- /dev/null
+++ b/docs/assets/js/main.js
@@ -0,0 +1,248 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is not neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "../node_modules/lunr/lunr.js":
+/*!************************************!*\
+  !*** ../node_modules/lunr/lunr.js ***!
+  \************************************/
+/***/ ((module, exports, __webpack_require__) => {
+
+eval("var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**\n * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9\n * Copyright (C) 2020 Oliver Nightingale\n * @license MIT\n */\n\n;(function(){\n\n/**\n * A convenience function for configuring and constructing\n * a new lunr Index.\n *\n * A lunr.Builder instance is created and the pipeline setup\n * with a trimmer, stop word filter and stemmer.\n *\n * This builder object is yielded to the configuration function\n * that is passed as a parameter, allowing the list of fields\n * and other builder parameters to be customised.\n *\n * All documents _must_ be added within the passed config function.\n *\n * @example\n * var idx = lunr(function () {\n *   this.field('title')\n *   this.field('body')\n *   this.ref('id')\n *\n *   documents.forEach(function (doc) {\n *     this.add(doc)\n *   }, this)\n * })\n *\n * @see {@link lunr.Builder}\n * @see {@link lunr.Pipeline}\n * @see {@link lunr.trimmer}\n * @see {@link lunr.stopWordFilter}\n * @see {@link lunr.stemmer}\n * @namespace {function} lunr\n */\nvar lunr = function (config) {\n  var builder = new lunr.Builder\n\n  builder.pipeline.add(\n    lunr.trimmer,\n    lunr.stopWordFilter,\n    lunr.stemmer\n  )\n\n  builder.searchPipeline.add(\n    lunr.stemmer\n  )\n\n  config.call(builder, builder)\n  return builder.build()\n}\n\nlunr.version = \"2.3.9\"\n/*!\n * lunr.utils\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A namespace containing utils for the rest of the lunr library\n * @namespace lunr.utils\n */\nlunr.utils = {}\n\n/**\n * Print a warning message to the console.\n *\n * @param {String} message The message to be printed.\n * @memberOf lunr.utils\n * @function\n */\nlunr.utils.warn = (function (global) {\n  /* eslint-disable no-console */\n  return function (message) {\n    if (global.console && console.warn) {\n      console.warn(message)\n    }\n  }\n  /* eslint-enable no-console */\n})(this)\n\n/**\n * Convert an object to a string.\n *\n * In the case of `null` and `undefined` the function returns\n * the empty string, in all other cases the result of calling\n * `toString` on the passed object is returned.\n *\n * @param {Any} obj The object to convert to a string.\n * @return {String} string representation of the passed object.\n * @memberOf lunr.utils\n */\nlunr.utils.asString = function (obj) {\n  if (obj === void 0 || obj === null) {\n    return \"\"\n  } else {\n    return obj.toString()\n  }\n}\n\n/**\n * Clones an object.\n *\n * Will create a copy of an existing object such that any mutations\n * on the copy cannot affect the original.\n *\n * Only shallow objects are supported, passing a nested object to this\n * function will cause a TypeError.\n *\n * Objects with primitives, and arrays of primitives are supported.\n *\n * @param {Object} obj The object to clone.\n * @return {Object} a clone of the passed object.\n * @throws {TypeError} when a nested object is passed.\n * @memberOf Utils\n */\nlunr.utils.clone = function (obj) {\n  if (obj === null || obj === undefined) {\n    return obj\n  }\n\n  var clone = Object.create(null),\n      keys = Object.keys(obj)\n\n  for (var i = 0; i < keys.length; i++) {\n    var key = keys[i],\n        val = obj[key]\n\n    if (Array.isArray(val)) {\n      clone[key] = val.slice()\n      continue\n    }\n\n    if (typeof val === 'string' ||\n        typeof val === 'number' ||\n        typeof val === 'boolean') {\n      clone[key] = val\n      continue\n    }\n\n    throw new TypeError(\"clone is not deep and does not support nested objects\")\n  }\n\n  return clone\n}\nlunr.FieldRef = function (docRef, fieldName, stringValue) {\n  this.docRef = docRef\n  this.fieldName = fieldName\n  this._stringValue = stringValue\n}\n\nlunr.FieldRef.joiner = \"/\"\n\nlunr.FieldRef.fromString = function (s) {\n  var n = s.indexOf(lunr.FieldRef.joiner)\n\n  if (n === -1) {\n    throw \"malformed field ref string\"\n  }\n\n  var fieldRef = s.slice(0, n),\n      docRef = s.slice(n + 1)\n\n  return new lunr.FieldRef (docRef, fieldRef, s)\n}\n\nlunr.FieldRef.prototype.toString = function () {\n  if (this._stringValue == undefined) {\n    this._stringValue = this.fieldName + lunr.FieldRef.joiner + this.docRef\n  }\n\n  return this._stringValue\n}\n/*!\n * lunr.Set\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A lunr set.\n *\n * @constructor\n */\nlunr.Set = function (elements) {\n  this.elements = Object.create(null)\n\n  if (elements) {\n    this.length = elements.length\n\n    for (var i = 0; i < this.length; i++) {\n      this.elements[elements[i]] = true\n    }\n  } else {\n    this.length = 0\n  }\n}\n\n/**\n * A complete set that contains all elements.\n *\n * @static\n * @readonly\n * @type {lunr.Set}\n */\nlunr.Set.complete = {\n  intersect: function (other) {\n    return other\n  },\n\n  union: function () {\n    return this\n  },\n\n  contains: function () {\n    return true\n  }\n}\n\n/**\n * An empty set that contains no elements.\n *\n * @static\n * @readonly\n * @type {lunr.Set}\n */\nlunr.Set.empty = {\n  intersect: function () {\n    return this\n  },\n\n  union: function (other) {\n    return other\n  },\n\n  contains: function () {\n    return false\n  }\n}\n\n/**\n * Returns true if this set contains the specified object.\n *\n * @param {object} object - Object whose presence in this set is to be tested.\n * @returns {boolean} - True if this set contains the specified object.\n */\nlunr.Set.prototype.contains = function (object) {\n  return !!this.elements[object]\n}\n\n/**\n * Returns a new set containing only the elements that are present in both\n * this set and the specified set.\n *\n * @param {lunr.Set} other - set to intersect with this set.\n * @returns {lunr.Set} a new set that is the intersection of this and the specified set.\n */\n\nlunr.Set.prototype.intersect = function (other) {\n  var a, b, elements, intersection = []\n\n  if (other === lunr.Set.complete) {\n    return this\n  }\n\n  if (other === lunr.Set.empty) {\n    return other\n  }\n\n  if (this.length < other.length) {\n    a = this\n    b = other\n  } else {\n    a = other\n    b = this\n  }\n\n  elements = Object.keys(a.elements)\n\n  for (var i = 0; i < elements.length; i++) {\n    var element = elements[i]\n    if (element in b.elements) {\n      intersection.push(element)\n    }\n  }\n\n  return new lunr.Set (intersection)\n}\n\n/**\n * Returns a new set combining the elements of this and the specified set.\n *\n * @param {lunr.Set} other - set to union with this set.\n * @return {lunr.Set} a new set that is the union of this and the specified set.\n */\n\nlunr.Set.prototype.union = function (other) {\n  if (other === lunr.Set.complete) {\n    return lunr.Set.complete\n  }\n\n  if (other === lunr.Set.empty) {\n    return this\n  }\n\n  return new lunr.Set(Object.keys(this.elements).concat(Object.keys(other.elements)))\n}\n/**\n * A function to calculate the inverse document frequency for\n * a posting. This is shared between the builder and the index\n *\n * @private\n * @param {object} posting - The posting for a given term\n * @param {number} documentCount - The total number of documents.\n */\nlunr.idf = function (posting, documentCount) {\n  var documentsWithTerm = 0\n\n  for (var fieldName in posting) {\n    if (fieldName == '_index') continue // Ignore the term index, its not a field\n    documentsWithTerm += Object.keys(posting[fieldName]).length\n  }\n\n  var x = (documentCount - documentsWithTerm + 0.5) / (documentsWithTerm + 0.5)\n\n  return Math.log(1 + Math.abs(x))\n}\n\n/**\n * A token wraps a string representation of a token\n * as it is passed through the text processing pipeline.\n *\n * @constructor\n * @param {string} [str=''] - The string token being wrapped.\n * @param {object} [metadata={}] - Metadata associated with this token.\n */\nlunr.Token = function (str, metadata) {\n  this.str = str || \"\"\n  this.metadata = metadata || {}\n}\n\n/**\n * Returns the token string that is being wrapped by this object.\n *\n * @returns {string}\n */\nlunr.Token.prototype.toString = function () {\n  return this.str\n}\n\n/**\n * A token update function is used when updating or optionally\n * when cloning a token.\n *\n * @callback lunr.Token~updateFunction\n * @param {string} str - The string representation of the token.\n * @param {Object} metadata - All metadata associated with this token.\n */\n\n/**\n * Applies the given function to the wrapped string token.\n *\n * @example\n * token.update(function (str, metadata) {\n *   return str.toUpperCase()\n * })\n *\n * @param {lunr.Token~updateFunction} fn - A function to apply to the token string.\n * @returns {lunr.Token}\n */\nlunr.Token.prototype.update = function (fn) {\n  this.str = fn(this.str, this.metadata)\n  return this\n}\n\n/**\n * Creates a clone of this token. Optionally a function can be\n * applied to the cloned token.\n *\n * @param {lunr.Token~updateFunction} [fn] - An optional function to apply to the cloned token.\n * @returns {lunr.Token}\n */\nlunr.Token.prototype.clone = function (fn) {\n  fn = fn || function (s) { return s }\n  return new lunr.Token (fn(this.str, this.metadata), this.metadata)\n}\n/*!\n * lunr.tokenizer\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A function for splitting a string into tokens ready to be inserted into\n * the search index. Uses `lunr.tokenizer.separator` to split strings, change\n * the value of this property to change how strings are split into tokens.\n *\n * This tokenizer will convert its parameter to a string by calling `toString` and\n * then will split this string on the character in `lunr.tokenizer.separator`.\n * Arrays will have their elements converted to strings and wrapped in a lunr.Token.\n *\n * Optional metadata can be passed to the tokenizer, this metadata will be cloned and\n * added as metadata to every token that is created from the object to be tokenized.\n *\n * @static\n * @param {?(string|object|object[])} obj - The object to convert into tokens\n * @param {?object} metadata - Optional metadata to associate with every token\n * @returns {lunr.Token[]}\n * @see {@link lunr.Pipeline}\n */\nlunr.tokenizer = function (obj, metadata) {\n  if (obj == null || obj == undefined) {\n    return []\n  }\n\n  if (Array.isArray(obj)) {\n    return obj.map(function (t) {\n      return new lunr.Token(\n        lunr.utils.asString(t).toLowerCase(),\n        lunr.utils.clone(metadata)\n      )\n    })\n  }\n\n  var str = obj.toString().toLowerCase(),\n      len = str.length,\n      tokens = []\n\n  for (var sliceEnd = 0, sliceStart = 0; sliceEnd <= len; sliceEnd++) {\n    var char = str.charAt(sliceEnd),\n        sliceLength = sliceEnd - sliceStart\n\n    if ((char.match(lunr.tokenizer.separator) || sliceEnd == len)) {\n\n      if (sliceLength > 0) {\n        var tokenMetadata = lunr.utils.clone(metadata) || {}\n        tokenMetadata[\"position\"] = [sliceStart, sliceLength]\n        tokenMetadata[\"index\"] = tokens.length\n\n        tokens.push(\n          new lunr.Token (\n            str.slice(sliceStart, sliceEnd),\n            tokenMetadata\n          )\n        )\n      }\n\n      sliceStart = sliceEnd + 1\n    }\n\n  }\n\n  return tokens\n}\n\n/**\n * The separator used to split a string into tokens. Override this property to change the behaviour of\n * `lunr.tokenizer` behaviour when tokenizing strings. By default this splits on whitespace and hyphens.\n *\n * @static\n * @see lunr.tokenizer\n */\nlunr.tokenizer.separator = /[\\s\\-]+/\n/*!\n * lunr.Pipeline\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.Pipelines maintain an ordered list of functions to be applied to all\n * tokens in documents entering the search index and queries being ran against\n * the index.\n *\n * An instance of lunr.Index created with the lunr shortcut will contain a\n * pipeline with a stop word filter and an English language stemmer. Extra\n * functions can be added before or after either of these functions or these\n * default functions can be removed.\n *\n * When run the pipeline will call each function in turn, passing a token, the\n * index of that token in the original list of all tokens and finally a list of\n * all the original tokens.\n *\n * The output of functions in the pipeline will be passed to the next function\n * in the pipeline. To exclude a token from entering the index the function\n * should return undefined, the rest of the pipeline will not be called with\n * this token.\n *\n * For serialisation of pipelines to work, all functions used in an instance of\n * a pipeline should be registered with lunr.Pipeline. Registered functions can\n * then be loaded. If trying to load a serialised pipeline that uses functions\n * that are not registered an error will be thrown.\n *\n * If not planning on serialising the pipeline then registering pipeline functions\n * is not necessary.\n *\n * @constructor\n */\nlunr.Pipeline = function () {\n  this._stack = []\n}\n\nlunr.Pipeline.registeredFunctions = Object.create(null)\n\n/**\n * A pipeline function maps lunr.Token to lunr.Token. A lunr.Token contains the token\n * string as well as all known metadata. A pipeline function can mutate the token string\n * or mutate (or add) metadata for a given token.\n *\n * A pipeline function can indicate that the passed token should be discarded by returning\n * null, undefined or an empty string. This token will not be passed to any downstream pipeline\n * functions and will not be added to the index.\n *\n * Multiple tokens can be returned by returning an array of tokens. Each token will be passed\n * to any downstream pipeline functions and all will returned tokens will be added to the index.\n *\n * Any number of pipeline functions may be chained together using a lunr.Pipeline.\n *\n * @interface lunr.PipelineFunction\n * @param {lunr.Token} token - A token from the document being processed.\n * @param {number} i - The index of this token in the complete list of tokens for this document/field.\n * @param {lunr.Token[]} tokens - All tokens for this document/field.\n * @returns {(?lunr.Token|lunr.Token[])}\n */\n\n/**\n * Register a function with the pipeline.\n *\n * Functions that are used in the pipeline should be registered if the pipeline\n * needs to be serialised, or a serialised pipeline needs to be loaded.\n *\n * Registering a function does not add it to a pipeline, functions must still be\n * added to instances of the pipeline for them to be used when running a pipeline.\n *\n * @param {lunr.PipelineFunction} fn - The function to check for.\n * @param {String} label - The label to register this function with\n */\nlunr.Pipeline.registerFunction = function (fn, label) {\n  if (label in this.registeredFunctions) {\n    lunr.utils.warn('Overwriting existing registered function: ' + label)\n  }\n\n  fn.label = label\n  lunr.Pipeline.registeredFunctions[fn.label] = fn\n}\n\n/**\n * Warns if the function is not registered as a Pipeline function.\n *\n * @param {lunr.PipelineFunction} fn - The function to check for.\n * @private\n */\nlunr.Pipeline.warnIfFunctionNotRegistered = function (fn) {\n  var isRegistered = fn.label && (fn.label in this.registeredFunctions)\n\n  if (!isRegistered) {\n    lunr.utils.warn('Function is not registered with pipeline. This may cause problems when serialising the index.\\n', fn)\n  }\n}\n\n/**\n * Loads a previously serialised pipeline.\n *\n * All functions to be loaded must already be registered with lunr.Pipeline.\n * If any function from the serialised data has not been registered then an\n * error will be thrown.\n *\n * @param {Object} serialised - The serialised pipeline to load.\n * @returns {lunr.Pipeline}\n */\nlunr.Pipeline.load = function (serialised) {\n  var pipeline = new lunr.Pipeline\n\n  serialised.forEach(function (fnName) {\n    var fn = lunr.Pipeline.registeredFunctions[fnName]\n\n    if (fn) {\n      pipeline.add(fn)\n    } else {\n      throw new Error('Cannot load unregistered function: ' + fnName)\n    }\n  })\n\n  return pipeline\n}\n\n/**\n * Adds new functions to the end of the pipeline.\n *\n * Logs a warning if the function has not been registered.\n *\n * @param {lunr.PipelineFunction[]} functions - Any number of functions to add to the pipeline.\n */\nlunr.Pipeline.prototype.add = function () {\n  var fns = Array.prototype.slice.call(arguments)\n\n  fns.forEach(function (fn) {\n    lunr.Pipeline.warnIfFunctionNotRegistered(fn)\n    this._stack.push(fn)\n  }, this)\n}\n\n/**\n * Adds a single function after a function that already exists in the\n * pipeline.\n *\n * Logs a warning if the function has not been registered.\n *\n * @param {lunr.PipelineFunction} existingFn - A function that already exists in the pipeline.\n * @param {lunr.PipelineFunction} newFn - The new function to add to the pipeline.\n */\nlunr.Pipeline.prototype.after = function (existingFn, newFn) {\n  lunr.Pipeline.warnIfFunctionNotRegistered(newFn)\n\n  var pos = this._stack.indexOf(existingFn)\n  if (pos == -1) {\n    throw new Error('Cannot find existingFn')\n  }\n\n  pos = pos + 1\n  this._stack.splice(pos, 0, newFn)\n}\n\n/**\n * Adds a single function before a function that already exists in the\n * pipeline.\n *\n * Logs a warning if the function has not been registered.\n *\n * @param {lunr.PipelineFunction} existingFn - A function that already exists in the pipeline.\n * @param {lunr.PipelineFunction} newFn - The new function to add to the pipeline.\n */\nlunr.Pipeline.prototype.before = function (existingFn, newFn) {\n  lunr.Pipeline.warnIfFunctionNotRegistered(newFn)\n\n  var pos = this._stack.indexOf(existingFn)\n  if (pos == -1) {\n    throw new Error('Cannot find existingFn')\n  }\n\n  this._stack.splice(pos, 0, newFn)\n}\n\n/**\n * Removes a function from the pipeline.\n *\n * @param {lunr.PipelineFunction} fn The function to remove from the pipeline.\n */\nlunr.Pipeline.prototype.remove = function (fn) {\n  var pos = this._stack.indexOf(fn)\n  if (pos == -1) {\n    return\n  }\n\n  this._stack.splice(pos, 1)\n}\n\n/**\n * Runs the current list of functions that make up the pipeline against the\n * passed tokens.\n *\n * @param {Array} tokens The tokens to run through the pipeline.\n * @returns {Array}\n */\nlunr.Pipeline.prototype.run = function (tokens) {\n  var stackLength = this._stack.length\n\n  for (var i = 0; i < stackLength; i++) {\n    var fn = this._stack[i]\n    var memo = []\n\n    for (var j = 0; j < tokens.length; j++) {\n      var result = fn(tokens[j], j, tokens)\n\n      if (result === null || result === void 0 || result === '') continue\n\n      if (Array.isArray(result)) {\n        for (var k = 0; k < result.length; k++) {\n          memo.push(result[k])\n        }\n      } else {\n        memo.push(result)\n      }\n    }\n\n    tokens = memo\n  }\n\n  return tokens\n}\n\n/**\n * Convenience method for passing a string through a pipeline and getting\n * strings out. This method takes care of wrapping the passed string in a\n * token and mapping the resulting tokens back to strings.\n *\n * @param {string} str - The string to pass through the pipeline.\n * @param {?object} metadata - Optional metadata to associate with the token\n * passed to the pipeline.\n * @returns {string[]}\n */\nlunr.Pipeline.prototype.runString = function (str, metadata) {\n  var token = new lunr.Token (str, metadata)\n\n  return this.run([token]).map(function (t) {\n    return t.toString()\n  })\n}\n\n/**\n * Resets the pipeline by removing any existing processors.\n *\n */\nlunr.Pipeline.prototype.reset = function () {\n  this._stack = []\n}\n\n/**\n * Returns a representation of the pipeline ready for serialisation.\n *\n * Logs a warning if the function has not been registered.\n *\n * @returns {Array}\n */\nlunr.Pipeline.prototype.toJSON = function () {\n  return this._stack.map(function (fn) {\n    lunr.Pipeline.warnIfFunctionNotRegistered(fn)\n\n    return fn.label\n  })\n}\n/*!\n * lunr.Vector\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A vector is used to construct the vector space of documents and queries. These\n * vectors support operations to determine the similarity between two documents or\n * a document and a query.\n *\n * Normally no parameters are required for initializing a vector, but in the case of\n * loading a previously dumped vector the raw elements can be provided to the constructor.\n *\n * For performance reasons vectors are implemented with a flat array, where an elements\n * index is immediately followed by its value. E.g. [index, value, index, value]. This\n * allows the underlying array to be as sparse as possible and still offer decent\n * performance when being used for vector calculations.\n *\n * @constructor\n * @param {Number[]} [elements] - The flat list of element index and element value pairs.\n */\nlunr.Vector = function (elements) {\n  this._magnitude = 0\n  this.elements = elements || []\n}\n\n\n/**\n * Calculates the position within the vector to insert a given index.\n *\n * This is used internally by insert and upsert. If there are duplicate indexes then\n * the position is returned as if the value for that index were to be updated, but it\n * is the callers responsibility to check whether there is a duplicate at that index\n *\n * @param {Number} insertIdx - The index at which the element should be inserted.\n * @returns {Number}\n */\nlunr.Vector.prototype.positionForIndex = function (index) {\n  // For an empty vector the tuple can be inserted at the beginning\n  if (this.elements.length == 0) {\n    return 0\n  }\n\n  var start = 0,\n      end = this.elements.length / 2,\n      sliceLength = end - start,\n      pivotPoint = Math.floor(sliceLength / 2),\n      pivotIndex = this.elements[pivotPoint * 2]\n\n  while (sliceLength > 1) {\n    if (pivotIndex < index) {\n      start = pivotPoint\n    }\n\n    if (pivotIndex > index) {\n      end = pivotPoint\n    }\n\n    if (pivotIndex == index) {\n      break\n    }\n\n    sliceLength = end - start\n    pivotPoint = start + Math.floor(sliceLength / 2)\n    pivotIndex = this.elements[pivotPoint * 2]\n  }\n\n  if (pivotIndex == index) {\n    return pivotPoint * 2\n  }\n\n  if (pivotIndex > index) {\n    return pivotPoint * 2\n  }\n\n  if (pivotIndex < index) {\n    return (pivotPoint + 1) * 2\n  }\n}\n\n/**\n * Inserts an element at an index within the vector.\n *\n * Does not allow duplicates, will throw an error if there is already an entry\n * for this index.\n *\n * @param {Number} insertIdx - The index at which the element should be inserted.\n * @param {Number} val - The value to be inserted into the vector.\n */\nlunr.Vector.prototype.insert = function (insertIdx, val) {\n  this.upsert(insertIdx, val, function () {\n    throw \"duplicate index\"\n  })\n}\n\n/**\n * Inserts or updates an existing index within the vector.\n *\n * @param {Number} insertIdx - The index at which the element should be inserted.\n * @param {Number} val - The value to be inserted into the vector.\n * @param {function} fn - A function that is called for updates, the existing value and the\n * requested value are passed as arguments\n */\nlunr.Vector.prototype.upsert = function (insertIdx, val, fn) {\n  this._magnitude = 0\n  var position = this.positionForIndex(insertIdx)\n\n  if (this.elements[position] == insertIdx) {\n    this.elements[position + 1] = fn(this.elements[position + 1], val)\n  } else {\n    this.elements.splice(position, 0, insertIdx, val)\n  }\n}\n\n/**\n * Calculates the magnitude of this vector.\n *\n * @returns {Number}\n */\nlunr.Vector.prototype.magnitude = function () {\n  if (this._magnitude) return this._magnitude\n\n  var sumOfSquares = 0,\n      elementsLength = this.elements.length\n\n  for (var i = 1; i < elementsLength; i += 2) {\n    var val = this.elements[i]\n    sumOfSquares += val * val\n  }\n\n  return this._magnitude = Math.sqrt(sumOfSquares)\n}\n\n/**\n * Calculates the dot product of this vector and another vector.\n *\n * @param {lunr.Vector} otherVector - The vector to compute the dot product with.\n * @returns {Number}\n */\nlunr.Vector.prototype.dot = function (otherVector) {\n  var dotProduct = 0,\n      a = this.elements, b = otherVector.elements,\n      aLen = a.length, bLen = b.length,\n      aVal = 0, bVal = 0,\n      i = 0, j = 0\n\n  while (i < aLen && j < bLen) {\n    aVal = a[i], bVal = b[j]\n    if (aVal < bVal) {\n      i += 2\n    } else if (aVal > bVal) {\n      j += 2\n    } else if (aVal == bVal) {\n      dotProduct += a[i + 1] * b[j + 1]\n      i += 2\n      j += 2\n    }\n  }\n\n  return dotProduct\n}\n\n/**\n * Calculates the similarity between this vector and another vector.\n *\n * @param {lunr.Vector} otherVector - The other vector to calculate the\n * similarity with.\n * @returns {Number}\n */\nlunr.Vector.prototype.similarity = function (otherVector) {\n  return this.dot(otherVector) / this.magnitude() || 0\n}\n\n/**\n * Converts the vector to an array of the elements within the vector.\n *\n * @returns {Number[]}\n */\nlunr.Vector.prototype.toArray = function () {\n  var output = new Array (this.elements.length / 2)\n\n  for (var i = 1, j = 0; i < this.elements.length; i += 2, j++) {\n    output[j] = this.elements[i]\n  }\n\n  return output\n}\n\n/**\n * A JSON serializable representation of the vector.\n *\n * @returns {Number[]}\n */\nlunr.Vector.prototype.toJSON = function () {\n  return this.elements\n}\n/* eslint-disable */\n/*!\n * lunr.stemmer\n * Copyright (C) 2020 Oliver Nightingale\n * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt\n */\n\n/**\n * lunr.stemmer is an english language stemmer, this is a JavaScript\n * implementation of the PorterStemmer taken from http://tartarus.org/~martin\n *\n * @static\n * @implements {lunr.PipelineFunction}\n * @param {lunr.Token} token - The string to stem\n * @returns {lunr.Token}\n * @see {@link lunr.Pipeline}\n * @function\n */\nlunr.stemmer = (function(){\n  var step2list = {\n      \"ational\" : \"ate\",\n      \"tional\" : \"tion\",\n      \"enci\" : \"ence\",\n      \"anci\" : \"ance\",\n      \"izer\" : \"ize\",\n      \"bli\" : \"ble\",\n      \"alli\" : \"al\",\n      \"entli\" : \"ent\",\n      \"eli\" : \"e\",\n      \"ousli\" : \"ous\",\n      \"ization\" : \"ize\",\n      \"ation\" : \"ate\",\n      \"ator\" : \"ate\",\n      \"alism\" : \"al\",\n      \"iveness\" : \"ive\",\n      \"fulness\" : \"ful\",\n      \"ousness\" : \"ous\",\n      \"aliti\" : \"al\",\n      \"iviti\" : \"ive\",\n      \"biliti\" : \"ble\",\n      \"logi\" : \"log\"\n    },\n\n    step3list = {\n      \"icate\" : \"ic\",\n      \"ative\" : \"\",\n      \"alize\" : \"al\",\n      \"iciti\" : \"ic\",\n      \"ical\" : \"ic\",\n      \"ful\" : \"\",\n      \"ness\" : \"\"\n    },\n\n    c = \"[^aeiou]\",          // consonant\n    v = \"[aeiouy]\",          // vowel\n    C = c + \"[^aeiouy]*\",    // consonant sequence\n    V = v + \"[aeiou]*\",      // vowel sequence\n\n    mgr0 = \"^(\" + C + \")?\" + V + C,               // [C]VC... is m>0\n    meq1 = \"^(\" + C + \")?\" + V + C + \"(\" + V + \")?$\",  // [C]VC[V] is m=1\n    mgr1 = \"^(\" + C + \")?\" + V + C + V + C,       // [C]VCVC... is m>1\n    s_v = \"^(\" + C + \")?\" + v;                   // vowel in stem\n\n  var re_mgr0 = new RegExp(mgr0);\n  var re_mgr1 = new RegExp(mgr1);\n  var re_meq1 = new RegExp(meq1);\n  var re_s_v = new RegExp(s_v);\n\n  var re_1a = /^(.+?)(ss|i)es$/;\n  var re2_1a = /^(.+?)([^s])s$/;\n  var re_1b = /^(.+?)eed$/;\n  var re2_1b = /^(.+?)(ed|ing)$/;\n  var re_1b_2 = /.$/;\n  var re2_1b_2 = /(at|bl|iz)$/;\n  var re3_1b_2 = new RegExp(\"([^aeiouylsz])\\\\1$\");\n  var re4_1b_2 = new RegExp(\"^\" + C + v + \"[^aeiouwxy]$\");\n\n  var re_1c = /^(.+?[^aeiou])y$/;\n  var re_2 = /^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/;\n\n  var re_3 = /^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/;\n\n  var re_4 = /^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/;\n  var re2_4 = /^(.+?)(s|t)(ion)$/;\n\n  var re_5 = /^(.+?)e$/;\n  var re_5_1 = /ll$/;\n  var re3_5 = new RegExp(\"^\" + C + v + \"[^aeiouwxy]$\");\n\n  var porterStemmer = function porterStemmer(w) {\n    var stem,\n      suffix,\n      firstch,\n      re,\n      re2,\n      re3,\n      re4;\n\n    if (w.length < 3) { return w; }\n\n    firstch = w.substr(0,1);\n    if (firstch == \"y\") {\n      w = firstch.toUpperCase() + w.substr(1);\n    }\n\n    // Step 1a\n    re = re_1a\n    re2 = re2_1a;\n\n    if (re.test(w)) { w = w.replace(re,\"$1$2\"); }\n    else if (re2.test(w)) { w = w.replace(re2,\"$1$2\"); }\n\n    // Step 1b\n    re = re_1b;\n    re2 = re2_1b;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      re = re_mgr0;\n      if (re.test(fp[1])) {\n        re = re_1b_2;\n        w = w.replace(re,\"\");\n      }\n    } else if (re2.test(w)) {\n      var fp = re2.exec(w);\n      stem = fp[1];\n      re2 = re_s_v;\n      if (re2.test(stem)) {\n        w = stem;\n        re2 = re2_1b_2;\n        re3 = re3_1b_2;\n        re4 = re4_1b_2;\n        if (re2.test(w)) { w = w + \"e\"; }\n        else if (re3.test(w)) { re = re_1b_2; w = w.replace(re,\"\"); }\n        else if (re4.test(w)) { w = w + \"e\"; }\n      }\n    }\n\n    // Step 1c - replace suffix y or Y by i if preceded by a non-vowel which is not the first letter of the word (so cry -> cri, by -> by, say -> say)\n    re = re_1c;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      w = stem + \"i\";\n    }\n\n    // Step 2\n    re = re_2;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      suffix = fp[2];\n      re = re_mgr0;\n      if (re.test(stem)) {\n        w = stem + step2list[suffix];\n      }\n    }\n\n    // Step 3\n    re = re_3;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      suffix = fp[2];\n      re = re_mgr0;\n      if (re.test(stem)) {\n        w = stem + step3list[suffix];\n      }\n    }\n\n    // Step 4\n    re = re_4;\n    re2 = re2_4;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      re = re_mgr1;\n      if (re.test(stem)) {\n        w = stem;\n      }\n    } else if (re2.test(w)) {\n      var fp = re2.exec(w);\n      stem = fp[1] + fp[2];\n      re2 = re_mgr1;\n      if (re2.test(stem)) {\n        w = stem;\n      }\n    }\n\n    // Step 5\n    re = re_5;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      re = re_mgr1;\n      re2 = re_meq1;\n      re3 = re3_5;\n      if (re.test(stem) || (re2.test(stem) && !(re3.test(stem)))) {\n        w = stem;\n      }\n    }\n\n    re = re_5_1;\n    re2 = re_mgr1;\n    if (re.test(w) && re2.test(w)) {\n      re = re_1b_2;\n      w = w.replace(re,\"\");\n    }\n\n    // and turn initial Y back to y\n\n    if (firstch == \"y\") {\n      w = firstch.toLowerCase() + w.substr(1);\n    }\n\n    return w;\n  };\n\n  return function (token) {\n    return token.update(porterStemmer);\n  }\n})();\n\nlunr.Pipeline.registerFunction(lunr.stemmer, 'stemmer')\n/*!\n * lunr.stopWordFilter\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.generateStopWordFilter builds a stopWordFilter function from the provided\n * list of stop words.\n *\n * The built in lunr.stopWordFilter is built using this generator and can be used\n * to generate custom stopWordFilters for applications or non English languages.\n *\n * @function\n * @param {Array} token The token to pass through the filter\n * @returns {lunr.PipelineFunction}\n * @see lunr.Pipeline\n * @see lunr.stopWordFilter\n */\nlunr.generateStopWordFilter = function (stopWords) {\n  var words = stopWords.reduce(function (memo, stopWord) {\n    memo[stopWord] = stopWord\n    return memo\n  }, {})\n\n  return function (token) {\n    if (token && words[token.toString()] !== token.toString()) return token\n  }\n}\n\n/**\n * lunr.stopWordFilter is an English language stop word list filter, any words\n * contained in the list will not be passed through the filter.\n *\n * This is intended to be used in the Pipeline. If the token does not pass the\n * filter then undefined will be returned.\n *\n * @function\n * @implements {lunr.PipelineFunction}\n * @params {lunr.Token} token - A token to check for being a stop word.\n * @returns {lunr.Token}\n * @see {@link lunr.Pipeline}\n */\nlunr.stopWordFilter = lunr.generateStopWordFilter([\n  'a',\n  'able',\n  'about',\n  'across',\n  'after',\n  'all',\n  'almost',\n  'also',\n  'am',\n  'among',\n  'an',\n  'and',\n  'any',\n  'are',\n  'as',\n  'at',\n  'be',\n  'because',\n  'been',\n  'but',\n  'by',\n  'can',\n  'cannot',\n  'could',\n  'dear',\n  'did',\n  'do',\n  'does',\n  'either',\n  'else',\n  'ever',\n  'every',\n  'for',\n  'from',\n  'get',\n  'got',\n  'had',\n  'has',\n  'have',\n  'he',\n  'her',\n  'hers',\n  'him',\n  'his',\n  'how',\n  'however',\n  'i',\n  'if',\n  'in',\n  'into',\n  'is',\n  'it',\n  'its',\n  'just',\n  'least',\n  'let',\n  'like',\n  'likely',\n  'may',\n  'me',\n  'might',\n  'most',\n  'must',\n  'my',\n  'neither',\n  'no',\n  'nor',\n  'not',\n  'of',\n  'off',\n  'often',\n  'on',\n  'only',\n  'or',\n  'other',\n  'our',\n  'own',\n  'rather',\n  'said',\n  'say',\n  'says',\n  'she',\n  'should',\n  'since',\n  'so',\n  'some',\n  'than',\n  'that',\n  'the',\n  'their',\n  'them',\n  'then',\n  'there',\n  'these',\n  'they',\n  'this',\n  'tis',\n  'to',\n  'too',\n  'twas',\n  'us',\n  'wants',\n  'was',\n  'we',\n  'were',\n  'what',\n  'when',\n  'where',\n  'which',\n  'while',\n  'who',\n  'whom',\n  'why',\n  'will',\n  'with',\n  'would',\n  'yet',\n  'you',\n  'your'\n])\n\nlunr.Pipeline.registerFunction(lunr.stopWordFilter, 'stopWordFilter')\n/*!\n * lunr.trimmer\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.trimmer is a pipeline function for trimming non word\n * characters from the beginning and end of tokens before they\n * enter the index.\n *\n * This implementation may not work correctly for non latin\n * characters and should either be removed or adapted for use\n * with languages with non-latin characters.\n *\n * @static\n * @implements {lunr.PipelineFunction}\n * @param {lunr.Token} token The token to pass through the filter\n * @returns {lunr.Token}\n * @see lunr.Pipeline\n */\nlunr.trimmer = function (token) {\n  return token.update(function (s) {\n    return s.replace(/^\\W+/, '').replace(/\\W+$/, '')\n  })\n}\n\nlunr.Pipeline.registerFunction(lunr.trimmer, 'trimmer')\n/*!\n * lunr.TokenSet\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A token set is used to store the unique list of all tokens\n * within an index. Token sets are also used to represent an\n * incoming query to the index, this query token set and index\n * token set are then intersected to find which tokens to look\n * up in the inverted index.\n *\n * A token set can hold multiple tokens, as in the case of the\n * index token set, or it can hold a single token as in the\n * case of a simple query token set.\n *\n * Additionally token sets are used to perform wildcard matching.\n * Leading, contained and trailing wildcards are supported, and\n * from this edit distance matching can also be provided.\n *\n * Token sets are implemented as a minimal finite state automata,\n * where both common prefixes and suffixes are shared between tokens.\n * This helps to reduce the space used for storing the token set.\n *\n * @constructor\n */\nlunr.TokenSet = function () {\n  this.final = false\n  this.edges = {}\n  this.id = lunr.TokenSet._nextId\n  lunr.TokenSet._nextId += 1\n}\n\n/**\n * Keeps track of the next, auto increment, identifier to assign\n * to a new tokenSet.\n *\n * TokenSets require a unique identifier to be correctly minimised.\n *\n * @private\n */\nlunr.TokenSet._nextId = 1\n\n/**\n * Creates a TokenSet instance from the given sorted array of words.\n *\n * @param {String[]} arr - A sorted array of strings to create the set from.\n * @returns {lunr.TokenSet}\n * @throws Will throw an error if the input array is not sorted.\n */\nlunr.TokenSet.fromArray = function (arr) {\n  var builder = new lunr.TokenSet.Builder\n\n  for (var i = 0, len = arr.length; i < len; i++) {\n    builder.insert(arr[i])\n  }\n\n  builder.finish()\n  return builder.root\n}\n\n/**\n * Creates a token set from a query clause.\n *\n * @private\n * @param {Object} clause - A single clause from lunr.Query.\n * @param {string} clause.term - The query clause term.\n * @param {number} [clause.editDistance] - The optional edit distance for the term.\n * @returns {lunr.TokenSet}\n */\nlunr.TokenSet.fromClause = function (clause) {\n  if ('editDistance' in clause) {\n    return lunr.TokenSet.fromFuzzyString(clause.term, clause.editDistance)\n  } else {\n    return lunr.TokenSet.fromString(clause.term)\n  }\n}\n\n/**\n * Creates a token set representing a single string with a specified\n * edit distance.\n *\n * Insertions, deletions, substitutions and transpositions are each\n * treated as an edit distance of 1.\n *\n * Increasing the allowed edit distance will have a dramatic impact\n * on the performance of both creating and intersecting these TokenSets.\n * It is advised to keep the edit distance less than 3.\n *\n * @param {string} str - The string to create the token set from.\n * @param {number} editDistance - The allowed edit distance to match.\n * @returns {lunr.Vector}\n */\nlunr.TokenSet.fromFuzzyString = function (str, editDistance) {\n  var root = new lunr.TokenSet\n\n  var stack = [{\n    node: root,\n    editsRemaining: editDistance,\n    str: str\n  }]\n\n  while (stack.length) {\n    var frame = stack.pop()\n\n    // no edit\n    if (frame.str.length > 0) {\n      var char = frame.str.charAt(0),\n          noEditNode\n\n      if (char in frame.node.edges) {\n        noEditNode = frame.node.edges[char]\n      } else {\n        noEditNode = new lunr.TokenSet\n        frame.node.edges[char] = noEditNode\n      }\n\n      if (frame.str.length == 1) {\n        noEditNode.final = true\n      }\n\n      stack.push({\n        node: noEditNode,\n        editsRemaining: frame.editsRemaining,\n        str: frame.str.slice(1)\n      })\n    }\n\n    if (frame.editsRemaining == 0) {\n      continue\n    }\n\n    // insertion\n    if (\"*\" in frame.node.edges) {\n      var insertionNode = frame.node.edges[\"*\"]\n    } else {\n      var insertionNode = new lunr.TokenSet\n      frame.node.edges[\"*\"] = insertionNode\n    }\n\n    if (frame.str.length == 0) {\n      insertionNode.final = true\n    }\n\n    stack.push({\n      node: insertionNode,\n      editsRemaining: frame.editsRemaining - 1,\n      str: frame.str\n    })\n\n    // deletion\n    // can only do a deletion if we have enough edits remaining\n    // and if there are characters left to delete in the string\n    if (frame.str.length > 1) {\n      stack.push({\n        node: frame.node,\n        editsRemaining: frame.editsRemaining - 1,\n        str: frame.str.slice(1)\n      })\n    }\n\n    // deletion\n    // just removing the last character from the str\n    if (frame.str.length == 1) {\n      frame.node.final = true\n    }\n\n    // substitution\n    // can only do a substitution if we have enough edits remaining\n    // and if there are characters left to substitute\n    if (frame.str.length >= 1) {\n      if (\"*\" in frame.node.edges) {\n        var substitutionNode = frame.node.edges[\"*\"]\n      } else {\n        var substitutionNode = new lunr.TokenSet\n        frame.node.edges[\"*\"] = substitutionNode\n      }\n\n      if (frame.str.length == 1) {\n        substitutionNode.final = true\n      }\n\n      stack.push({\n        node: substitutionNode,\n        editsRemaining: frame.editsRemaining - 1,\n        str: frame.str.slice(1)\n      })\n    }\n\n    // transposition\n    // can only do a transposition if there are edits remaining\n    // and there are enough characters to transpose\n    if (frame.str.length > 1) {\n      var charA = frame.str.charAt(0),\n          charB = frame.str.charAt(1),\n          transposeNode\n\n      if (charB in frame.node.edges) {\n        transposeNode = frame.node.edges[charB]\n      } else {\n        transposeNode = new lunr.TokenSet\n        frame.node.edges[charB] = transposeNode\n      }\n\n      if (frame.str.length == 1) {\n        transposeNode.final = true\n      }\n\n      stack.push({\n        node: transposeNode,\n        editsRemaining: frame.editsRemaining - 1,\n        str: charA + frame.str.slice(2)\n      })\n    }\n  }\n\n  return root\n}\n\n/**\n * Creates a TokenSet from a string.\n *\n * The string may contain one or more wildcard characters (*)\n * that will allow wildcard matching when intersecting with\n * another TokenSet.\n *\n * @param {string} str - The string to create a TokenSet from.\n * @returns {lunr.TokenSet}\n */\nlunr.TokenSet.fromString = function (str) {\n  var node = new lunr.TokenSet,\n      root = node\n\n  /*\n   * Iterates through all characters within the passed string\n   * appending a node for each character.\n   *\n   * When a wildcard character is found then a self\n   * referencing edge is introduced to continually match\n   * any number of any characters.\n   */\n  for (var i = 0, len = str.length; i < len; i++) {\n    var char = str[i],\n        final = (i == len - 1)\n\n    if (char == \"*\") {\n      node.edges[char] = node\n      node.final = final\n\n    } else {\n      var next = new lunr.TokenSet\n      next.final = final\n\n      node.edges[char] = next\n      node = next\n    }\n  }\n\n  return root\n}\n\n/**\n * Converts this TokenSet into an array of strings\n * contained within the TokenSet.\n *\n * This is not intended to be used on a TokenSet that\n * contains wildcards, in these cases the results are\n * undefined and are likely to cause an infinite loop.\n *\n * @returns {string[]}\n */\nlunr.TokenSet.prototype.toArray = function () {\n  var words = []\n\n  var stack = [{\n    prefix: \"\",\n    node: this\n  }]\n\n  while (stack.length) {\n    var frame = stack.pop(),\n        edges = Object.keys(frame.node.edges),\n        len = edges.length\n\n    if (frame.node.final) {\n      /* In Safari, at this point the prefix is sometimes corrupted, see:\n       * https://github.com/olivernn/lunr.js/issues/279 Calling any\n       * String.prototype method forces Safari to \"cast\" this string to what\n       * it's supposed to be, fixing the bug. */\n      frame.prefix.charAt(0)\n      words.push(frame.prefix)\n    }\n\n    for (var i = 0; i < len; i++) {\n      var edge = edges[i]\n\n      stack.push({\n        prefix: frame.prefix.concat(edge),\n        node: frame.node.edges[edge]\n      })\n    }\n  }\n\n  return words\n}\n\n/**\n * Generates a string representation of a TokenSet.\n *\n * This is intended to allow TokenSets to be used as keys\n * in objects, largely to aid the construction and minimisation\n * of a TokenSet. As such it is not designed to be a human\n * friendly representation of the TokenSet.\n *\n * @returns {string}\n */\nlunr.TokenSet.prototype.toString = function () {\n  // NOTE: Using Object.keys here as this.edges is very likely\n  // to enter 'hash-mode' with many keys being added\n  //\n  // avoiding a for-in loop here as it leads to the function\n  // being de-optimised (at least in V8). From some simple\n  // benchmarks the performance is comparable, but allowing\n  // V8 to optimize may mean easy performance wins in the future.\n\n  if (this._str) {\n    return this._str\n  }\n\n  var str = this.final ? '1' : '0',\n      labels = Object.keys(this.edges).sort(),\n      len = labels.length\n\n  for (var i = 0; i < len; i++) {\n    var label = labels[i],\n        node = this.edges[label]\n\n    str = str + label + node.id\n  }\n\n  return str\n}\n\n/**\n * Returns a new TokenSet that is the intersection of\n * this TokenSet and the passed TokenSet.\n *\n * This intersection will take into account any wildcards\n * contained within the TokenSet.\n *\n * @param {lunr.TokenSet} b - An other TokenSet to intersect with.\n * @returns {lunr.TokenSet}\n */\nlunr.TokenSet.prototype.intersect = function (b) {\n  var output = new lunr.TokenSet,\n      frame = undefined\n\n  var stack = [{\n    qNode: b,\n    output: output,\n    node: this\n  }]\n\n  while (stack.length) {\n    frame = stack.pop()\n\n    // NOTE: As with the #toString method, we are using\n    // Object.keys and a for loop instead of a for-in loop\n    // as both of these objects enter 'hash' mode, causing\n    // the function to be de-optimised in V8\n    var qEdges = Object.keys(frame.qNode.edges),\n        qLen = qEdges.length,\n        nEdges = Object.keys(frame.node.edges),\n        nLen = nEdges.length\n\n    for (var q = 0; q < qLen; q++) {\n      var qEdge = qEdges[q]\n\n      for (var n = 0; n < nLen; n++) {\n        var nEdge = nEdges[n]\n\n        if (nEdge == qEdge || qEdge == '*') {\n          var node = frame.node.edges[nEdge],\n              qNode = frame.qNode.edges[qEdge],\n              final = node.final && qNode.final,\n              next = undefined\n\n          if (nEdge in frame.output.edges) {\n            // an edge already exists for this character\n            // no need to create a new node, just set the finality\n            // bit unless this node is already final\n            next = frame.output.edges[nEdge]\n            next.final = next.final || final\n\n          } else {\n            // no edge exists yet, must create one\n            // set the finality bit and insert it\n            // into the output\n            next = new lunr.TokenSet\n            next.final = final\n            frame.output.edges[nEdge] = next\n          }\n\n          stack.push({\n            qNode: qNode,\n            output: next,\n            node: node\n          })\n        }\n      }\n    }\n  }\n\n  return output\n}\nlunr.TokenSet.Builder = function () {\n  this.previousWord = \"\"\n  this.root = new lunr.TokenSet\n  this.uncheckedNodes = []\n  this.minimizedNodes = {}\n}\n\nlunr.TokenSet.Builder.prototype.insert = function (word) {\n  var node,\n      commonPrefix = 0\n\n  if (word < this.previousWord) {\n    throw new Error (\"Out of order word insertion\")\n  }\n\n  for (var i = 0; i < word.length && i < this.previousWord.length; i++) {\n    if (word[i] != this.previousWord[i]) break\n    commonPrefix++\n  }\n\n  this.minimize(commonPrefix)\n\n  if (this.uncheckedNodes.length == 0) {\n    node = this.root\n  } else {\n    node = this.uncheckedNodes[this.uncheckedNodes.length - 1].child\n  }\n\n  for (var i = commonPrefix; i < word.length; i++) {\n    var nextNode = new lunr.TokenSet,\n        char = word[i]\n\n    node.edges[char] = nextNode\n\n    this.uncheckedNodes.push({\n      parent: node,\n      char: char,\n      child: nextNode\n    })\n\n    node = nextNode\n  }\n\n  node.final = true\n  this.previousWord = word\n}\n\nlunr.TokenSet.Builder.prototype.finish = function () {\n  this.minimize(0)\n}\n\nlunr.TokenSet.Builder.prototype.minimize = function (downTo) {\n  for (var i = this.uncheckedNodes.length - 1; i >= downTo; i--) {\n    var node = this.uncheckedNodes[i],\n        childKey = node.child.toString()\n\n    if (childKey in this.minimizedNodes) {\n      node.parent.edges[node.char] = this.minimizedNodes[childKey]\n    } else {\n      // Cache the key for this node since\n      // we know it can't change anymore\n      node.child._str = childKey\n\n      this.minimizedNodes[childKey] = node.child\n    }\n\n    this.uncheckedNodes.pop()\n  }\n}\n/*!\n * lunr.Index\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * An index contains the built index of all documents and provides a query interface\n * to the index.\n *\n * Usually instances of lunr.Index will not be created using this constructor, instead\n * lunr.Builder should be used to construct new indexes, or lunr.Index.load should be\n * used to load previously built and serialized indexes.\n *\n * @constructor\n * @param {Object} attrs - The attributes of the built search index.\n * @param {Object} attrs.invertedIndex - An index of term/field to document reference.\n * @param {Object<string, lunr.Vector>} attrs.fieldVectors - Field vectors\n * @param {lunr.TokenSet} attrs.tokenSet - An set of all corpus tokens.\n * @param {string[]} attrs.fields - The names of indexed document fields.\n * @param {lunr.Pipeline} attrs.pipeline - The pipeline to use for search terms.\n */\nlunr.Index = function (attrs) {\n  this.invertedIndex = attrs.invertedIndex\n  this.fieldVectors = attrs.fieldVectors\n  this.tokenSet = attrs.tokenSet\n  this.fields = attrs.fields\n  this.pipeline = attrs.pipeline\n}\n\n/**\n * A result contains details of a document matching a search query.\n * @typedef {Object} lunr.Index~Result\n * @property {string} ref - The reference of the document this result represents.\n * @property {number} score - A number between 0 and 1 representing how similar this document is to the query.\n * @property {lunr.MatchData} matchData - Contains metadata about this match including which term(s) caused the match.\n */\n\n/**\n * Although lunr provides the ability to create queries using lunr.Query, it also provides a simple\n * query language which itself is parsed into an instance of lunr.Query.\n *\n * For programmatically building queries it is advised to directly use lunr.Query, the query language\n * is best used for human entered text rather than program generated text.\n *\n * At its simplest queries can just be a single term, e.g. `hello`, multiple terms are also supported\n * and will be combined with OR, e.g `hello world` will match documents that contain either 'hello'\n * or 'world', though those that contain both will rank higher in the results.\n *\n * Wildcards can be included in terms to match one or more unspecified characters, these wildcards can\n * be inserted anywhere within the term, and more than one wildcard can exist in a single term. Adding\n * wildcards will increase the number of documents that will be found but can also have a negative\n * impact on query performance, especially with wildcards at the beginning of a term.\n *\n * Terms can be restricted to specific fields, e.g. `title:hello`, only documents with the term\n * hello in the title field will match this query. Using a field not present in the index will lead\n * to an error being thrown.\n *\n * Modifiers can also be added to terms, lunr supports edit distance and boost modifiers on terms. A term\n * boost will make documents matching that term score higher, e.g. `foo^5`. Edit distance is also supported\n * to provide fuzzy matching, e.g. 'hello~2' will match documents with hello with an edit distance of 2.\n * Avoid large values for edit distance to improve query performance.\n *\n * Each term also supports a presence modifier. By default a term's presence in document is optional, however\n * this can be changed to either required or prohibited. For a term's presence to be required in a document the\n * term should be prefixed with a '+', e.g. `+foo bar` is a search for documents that must contain 'foo' and\n * optionally contain 'bar'. Conversely a leading '-' sets the terms presence to prohibited, i.e. it must not\n * appear in a document, e.g. `-foo bar` is a search for documents that do not contain 'foo' but may contain 'bar'.\n *\n * To escape special characters the backslash character '\\' can be used, this allows searches to include\n * characters that would normally be considered modifiers, e.g. `foo\\~2` will search for a term \"foo~2\" instead\n * of attempting to apply a boost of 2 to the search term \"foo\".\n *\n * @typedef {string} lunr.Index~QueryString\n * @example <caption>Simple single term query</caption>\n * hello\n * @example <caption>Multiple term query</caption>\n * hello world\n * @example <caption>term scoped to a field</caption>\n * title:hello\n * @example <caption>term with a boost of 10</caption>\n * hello^10\n * @example <caption>term with an edit distance of 2</caption>\n * hello~2\n * @example <caption>terms with presence modifiers</caption>\n * -foo +bar baz\n */\n\n/**\n * Performs a search against the index using lunr query syntax.\n *\n * Results will be returned sorted by their score, the most relevant results\n * will be returned first.  For details on how the score is calculated, please see\n * the {@link https://lunrjs.com/guides/searching.html#scoring|guide}.\n *\n * For more programmatic querying use lunr.Index#query.\n *\n * @param {lunr.Index~QueryString} queryString - A string containing a lunr query.\n * @throws {lunr.QueryParseError} If the passed query string cannot be parsed.\n * @returns {lunr.Index~Result[]}\n */\nlunr.Index.prototype.search = function (queryString) {\n  return this.query(function (query) {\n    var parser = new lunr.QueryParser(queryString, query)\n    parser.parse()\n  })\n}\n\n/**\n * A query builder callback provides a query object to be used to express\n * the query to perform on the index.\n *\n * @callback lunr.Index~queryBuilder\n * @param {lunr.Query} query - The query object to build up.\n * @this lunr.Query\n */\n\n/**\n * Performs a query against the index using the yielded lunr.Query object.\n *\n * If performing programmatic queries against the index, this method is preferred\n * over lunr.Index#search so as to avoid the additional query parsing overhead.\n *\n * A query object is yielded to the supplied function which should be used to\n * express the query to be run against the index.\n *\n * Note that although this function takes a callback parameter it is _not_ an\n * asynchronous operation, the callback is just yielded a query object to be\n * customized.\n *\n * @param {lunr.Index~queryBuilder} fn - A function that is used to build the query.\n * @returns {lunr.Index~Result[]}\n */\nlunr.Index.prototype.query = function (fn) {\n  // for each query clause\n  // * process terms\n  // * expand terms from token set\n  // * find matching documents and metadata\n  // * get document vectors\n  // * score documents\n\n  var query = new lunr.Query(this.fields),\n      matchingFields = Object.create(null),\n      queryVectors = Object.create(null),\n      termFieldCache = Object.create(null),\n      requiredMatches = Object.create(null),\n      prohibitedMatches = Object.create(null)\n\n  /*\n   * To support field level boosts a query vector is created per\n   * field. An empty vector is eagerly created to support negated\n   * queries.\n   */\n  for (var i = 0; i < this.fields.length; i++) {\n    queryVectors[this.fields[i]] = new lunr.Vector\n  }\n\n  fn.call(query, query)\n\n  for (var i = 0; i < query.clauses.length; i++) {\n    /*\n     * Unless the pipeline has been disabled for this term, which is\n     * the case for terms with wildcards, we need to pass the clause\n     * term through the search pipeline. A pipeline returns an array\n     * of processed terms. Pipeline functions may expand the passed\n     * term, which means we may end up performing multiple index lookups\n     * for a single query term.\n     */\n    var clause = query.clauses[i],\n        terms = null,\n        clauseMatches = lunr.Set.empty\n\n    if (clause.usePipeline) {\n      terms = this.pipeline.runString(clause.term, {\n        fields: clause.fields\n      })\n    } else {\n      terms = [clause.term]\n    }\n\n    for (var m = 0; m < terms.length; m++) {\n      var term = terms[m]\n\n      /*\n       * Each term returned from the pipeline needs to use the same query\n       * clause object, e.g. the same boost and or edit distance. The\n       * simplest way to do this is to re-use the clause object but mutate\n       * its term property.\n       */\n      clause.term = term\n\n      /*\n       * From the term in the clause we create a token set which will then\n       * be used to intersect the indexes token set to get a list of terms\n       * to lookup in the inverted index\n       */\n      var termTokenSet = lunr.TokenSet.fromClause(clause),\n          expandedTerms = this.tokenSet.intersect(termTokenSet).toArray()\n\n      /*\n       * If a term marked as required does not exist in the tokenSet it is\n       * impossible for the search to return any matches. We set all the field\n       * scoped required matches set to empty and stop examining any further\n       * clauses.\n       */\n      if (expandedTerms.length === 0 && clause.presence === lunr.Query.presence.REQUIRED) {\n        for (var k = 0; k < clause.fields.length; k++) {\n          var field = clause.fields[k]\n          requiredMatches[field] = lunr.Set.empty\n        }\n\n        break\n      }\n\n      for (var j = 0; j < expandedTerms.length; j++) {\n        /*\n         * For each term get the posting and termIndex, this is required for\n         * building the query vector.\n         */\n        var expandedTerm = expandedTerms[j],\n            posting = this.invertedIndex[expandedTerm],\n            termIndex = posting._index\n\n        for (var k = 0; k < clause.fields.length; k++) {\n          /*\n           * For each field that this query term is scoped by (by default\n           * all fields are in scope) we need to get all the document refs\n           * that have this term in that field.\n           *\n           * The posting is the entry in the invertedIndex for the matching\n           * term from above.\n           */\n          var field = clause.fields[k],\n              fieldPosting = posting[field],\n              matchingDocumentRefs = Object.keys(fieldPosting),\n              termField = expandedTerm + \"/\" + field,\n              matchingDocumentsSet = new lunr.Set(matchingDocumentRefs)\n\n          /*\n           * if the presence of this term is required ensure that the matching\n           * documents are added to the set of required matches for this clause.\n           *\n           */\n          if (clause.presence == lunr.Query.presence.REQUIRED) {\n            clauseMatches = clauseMatches.union(matchingDocumentsSet)\n\n            if (requiredMatches[field] === undefined) {\n              requiredMatches[field] = lunr.Set.complete\n            }\n          }\n\n          /*\n           * if the presence of this term is prohibited ensure that the matching\n           * documents are added to the set of prohibited matches for this field,\n           * creating that set if it does not yet exist.\n           */\n          if (clause.presence == lunr.Query.presence.PROHIBITED) {\n            if (prohibitedMatches[field] === undefined) {\n              prohibitedMatches[field] = lunr.Set.empty\n            }\n\n            prohibitedMatches[field] = prohibitedMatches[field].union(matchingDocumentsSet)\n\n            /*\n             * Prohibited matches should not be part of the query vector used for\n             * similarity scoring and no metadata should be extracted so we continue\n             * to the next field\n             */\n            continue\n          }\n\n          /*\n           * The query field vector is populated using the termIndex found for\n           * the term and a unit value with the appropriate boost applied.\n           * Using upsert because there could already be an entry in the vector\n           * for the term we are working with. In that case we just add the scores\n           * together.\n           */\n          queryVectors[field].upsert(termIndex, clause.boost, function (a, b) { return a + b })\n\n          /**\n           * If we've already seen this term, field combo then we've already collected\n           * the matching documents and metadata, no need to go through all that again\n           */\n          if (termFieldCache[termField]) {\n            continue\n          }\n\n          for (var l = 0; l < matchingDocumentRefs.length; l++) {\n            /*\n             * All metadata for this term/field/document triple\n             * are then extracted and collected into an instance\n             * of lunr.MatchData ready to be returned in the query\n             * results\n             */\n            var matchingDocumentRef = matchingDocumentRefs[l],\n                matchingFieldRef = new lunr.FieldRef (matchingDocumentRef, field),\n                metadata = fieldPosting[matchingDocumentRef],\n                fieldMatch\n\n            if ((fieldMatch = matchingFields[matchingFieldRef]) === undefined) {\n              matchingFields[matchingFieldRef] = new lunr.MatchData (expandedTerm, field, metadata)\n            } else {\n              fieldMatch.add(expandedTerm, field, metadata)\n            }\n\n          }\n\n          termFieldCache[termField] = true\n        }\n      }\n    }\n\n    /**\n     * If the presence was required we need to update the requiredMatches field sets.\n     * We do this after all fields for the term have collected their matches because\n     * the clause terms presence is required in _any_ of the fields not _all_ of the\n     * fields.\n     */\n    if (clause.presence === lunr.Query.presence.REQUIRED) {\n      for (var k = 0; k < clause.fields.length; k++) {\n        var field = clause.fields[k]\n        requiredMatches[field] = requiredMatches[field].intersect(clauseMatches)\n      }\n    }\n  }\n\n  /**\n   * Need to combine the field scoped required and prohibited\n   * matching documents into a global set of required and prohibited\n   * matches\n   */\n  var allRequiredMatches = lunr.Set.complete,\n      allProhibitedMatches = lunr.Set.empty\n\n  for (var i = 0; i < this.fields.length; i++) {\n    var field = this.fields[i]\n\n    if (requiredMatches[field]) {\n      allRequiredMatches = allRequiredMatches.intersect(requiredMatches[field])\n    }\n\n    if (prohibitedMatches[field]) {\n      allProhibitedMatches = allProhibitedMatches.union(prohibitedMatches[field])\n    }\n  }\n\n  var matchingFieldRefs = Object.keys(matchingFields),\n      results = [],\n      matches = Object.create(null)\n\n  /*\n   * If the query is negated (contains only prohibited terms)\n   * we need to get _all_ fieldRefs currently existing in the\n   * index. This is only done when we know that the query is\n   * entirely prohibited terms to avoid any cost of getting all\n   * fieldRefs unnecessarily.\n   *\n   * Additionally, blank MatchData must be created to correctly\n   * populate the results.\n   */\n  if (query.isNegated()) {\n    matchingFieldRefs = Object.keys(this.fieldVectors)\n\n    for (var i = 0; i < matchingFieldRefs.length; i++) {\n      var matchingFieldRef = matchingFieldRefs[i]\n      var fieldRef = lunr.FieldRef.fromString(matchingFieldRef)\n      matchingFields[matchingFieldRef] = new lunr.MatchData\n    }\n  }\n\n  for (var i = 0; i < matchingFieldRefs.length; i++) {\n    /*\n     * Currently we have document fields that match the query, but we\n     * need to return documents. The matchData and scores are combined\n     * from multiple fields belonging to the same document.\n     *\n     * Scores are calculated by field, using the query vectors created\n     * above, and combined into a final document score using addition.\n     */\n    var fieldRef = lunr.FieldRef.fromString(matchingFieldRefs[i]),\n        docRef = fieldRef.docRef\n\n    if (!allRequiredMatches.contains(docRef)) {\n      continue\n    }\n\n    if (allProhibitedMatches.contains(docRef)) {\n      continue\n    }\n\n    var fieldVector = this.fieldVectors[fieldRef],\n        score = queryVectors[fieldRef.fieldName].similarity(fieldVector),\n        docMatch\n\n    if ((docMatch = matches[docRef]) !== undefined) {\n      docMatch.score += score\n      docMatch.matchData.combine(matchingFields[fieldRef])\n    } else {\n      var match = {\n        ref: docRef,\n        score: score,\n        matchData: matchingFields[fieldRef]\n      }\n      matches[docRef] = match\n      results.push(match)\n    }\n  }\n\n  /*\n   * Sort the results objects by score, highest first.\n   */\n  return results.sort(function (a, b) {\n    return b.score - a.score\n  })\n}\n\n/**\n * Prepares the index for JSON serialization.\n *\n * The schema for this JSON blob will be described in a\n * separate JSON schema file.\n *\n * @returns {Object}\n */\nlunr.Index.prototype.toJSON = function () {\n  var invertedIndex = Object.keys(this.invertedIndex)\n    .sort()\n    .map(function (term) {\n      return [term, this.invertedIndex[term]]\n    }, this)\n\n  var fieldVectors = Object.keys(this.fieldVectors)\n    .map(function (ref) {\n      return [ref, this.fieldVectors[ref].toJSON()]\n    }, this)\n\n  return {\n    version: lunr.version,\n    fields: this.fields,\n    fieldVectors: fieldVectors,\n    invertedIndex: invertedIndex,\n    pipeline: this.pipeline.toJSON()\n  }\n}\n\n/**\n * Loads a previously serialized lunr.Index\n *\n * @param {Object} serializedIndex - A previously serialized lunr.Index\n * @returns {lunr.Index}\n */\nlunr.Index.load = function (serializedIndex) {\n  var attrs = {},\n      fieldVectors = {},\n      serializedVectors = serializedIndex.fieldVectors,\n      invertedIndex = Object.create(null),\n      serializedInvertedIndex = serializedIndex.invertedIndex,\n      tokenSetBuilder = new lunr.TokenSet.Builder,\n      pipeline = lunr.Pipeline.load(serializedIndex.pipeline)\n\n  if (serializedIndex.version != lunr.version) {\n    lunr.utils.warn(\"Version mismatch when loading serialised index. Current version of lunr '\" + lunr.version + \"' does not match serialized index '\" + serializedIndex.version + \"'\")\n  }\n\n  for (var i = 0; i < serializedVectors.length; i++) {\n    var tuple = serializedVectors[i],\n        ref = tuple[0],\n        elements = tuple[1]\n\n    fieldVectors[ref] = new lunr.Vector(elements)\n  }\n\n  for (var i = 0; i < serializedInvertedIndex.length; i++) {\n    var tuple = serializedInvertedIndex[i],\n        term = tuple[0],\n        posting = tuple[1]\n\n    tokenSetBuilder.insert(term)\n    invertedIndex[term] = posting\n  }\n\n  tokenSetBuilder.finish()\n\n  attrs.fields = serializedIndex.fields\n\n  attrs.fieldVectors = fieldVectors\n  attrs.invertedIndex = invertedIndex\n  attrs.tokenSet = tokenSetBuilder.root\n  attrs.pipeline = pipeline\n\n  return new lunr.Index(attrs)\n}\n/*!\n * lunr.Builder\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.Builder performs indexing on a set of documents and\n * returns instances of lunr.Index ready for querying.\n *\n * All configuration of the index is done via the builder, the\n * fields to index, the document reference, the text processing\n * pipeline and document scoring parameters are all set on the\n * builder before indexing.\n *\n * @constructor\n * @property {string} _ref - Internal reference to the document reference field.\n * @property {string[]} _fields - Internal reference to the document fields to index.\n * @property {object} invertedIndex - The inverted index maps terms to document fields.\n * @property {object} documentTermFrequencies - Keeps track of document term frequencies.\n * @property {object} documentLengths - Keeps track of the length of documents added to the index.\n * @property {lunr.tokenizer} tokenizer - Function for splitting strings into tokens for indexing.\n * @property {lunr.Pipeline} pipeline - The pipeline performs text processing on tokens before indexing.\n * @property {lunr.Pipeline} searchPipeline - A pipeline for processing search terms before querying the index.\n * @property {number} documentCount - Keeps track of the total number of documents indexed.\n * @property {number} _b - A parameter to control field length normalization, setting this to 0 disabled normalization, 1 fully normalizes field lengths, the default value is 0.75.\n * @property {number} _k1 - A parameter to control how quickly an increase in term frequency results in term frequency saturation, the default value is 1.2.\n * @property {number} termIndex - A counter incremented for each unique term, used to identify a terms position in the vector space.\n * @property {array} metadataWhitelist - A list of metadata keys that have been whitelisted for entry in the index.\n */\nlunr.Builder = function () {\n  this._ref = \"id\"\n  this._fields = Object.create(null)\n  this._documents = Object.create(null)\n  this.invertedIndex = Object.create(null)\n  this.fieldTermFrequencies = {}\n  this.fieldLengths = {}\n  this.tokenizer = lunr.tokenizer\n  this.pipeline = new lunr.Pipeline\n  this.searchPipeline = new lunr.Pipeline\n  this.documentCount = 0\n  this._b = 0.75\n  this._k1 = 1.2\n  this.termIndex = 0\n  this.metadataWhitelist = []\n}\n\n/**\n * Sets the document field used as the document reference. Every document must have this field.\n * The type of this field in the document should be a string, if it is not a string it will be\n * coerced into a string by calling toString.\n *\n * The default ref is 'id'.\n *\n * The ref should _not_ be changed during indexing, it should be set before any documents are\n * added to the index. Changing it during indexing can lead to inconsistent results.\n *\n * @param {string} ref - The name of the reference field in the document.\n */\nlunr.Builder.prototype.ref = function (ref) {\n  this._ref = ref\n}\n\n/**\n * A function that is used to extract a field from a document.\n *\n * Lunr expects a field to be at the top level of a document, if however the field\n * is deeply nested within a document an extractor function can be used to extract\n * the right field for indexing.\n *\n * @callback fieldExtractor\n * @param {object} doc - The document being added to the index.\n * @returns {?(string|object|object[])} obj - The object that will be indexed for this field.\n * @example <caption>Extracting a nested field</caption>\n * function (doc) { return doc.nested.field }\n */\n\n/**\n * Adds a field to the list of document fields that will be indexed. Every document being\n * indexed should have this field. Null values for this field in indexed documents will\n * not cause errors but will limit the chance of that document being retrieved by searches.\n *\n * All fields should be added before adding documents to the index. Adding fields after\n * a document has been indexed will have no effect on already indexed documents.\n *\n * Fields can be boosted at build time. This allows terms within that field to have more\n * importance when ranking search results. Use a field boost to specify that matches within\n * one field are more important than other fields.\n *\n * @param {string} fieldName - The name of a field to index in all documents.\n * @param {object} attributes - Optional attributes associated with this field.\n * @param {number} [attributes.boost=1] - Boost applied to all terms within this field.\n * @param {fieldExtractor} [attributes.extractor] - Function to extract a field from a document.\n * @throws {RangeError} fieldName cannot contain unsupported characters '/'\n */\nlunr.Builder.prototype.field = function (fieldName, attributes) {\n  if (/\\//.test(fieldName)) {\n    throw new RangeError (\"Field '\" + fieldName + \"' contains illegal character '/'\")\n  }\n\n  this._fields[fieldName] = attributes || {}\n}\n\n/**\n * A parameter to tune the amount of field length normalisation that is applied when\n * calculating relevance scores. A value of 0 will completely disable any normalisation\n * and a value of 1 will fully normalise field lengths. The default is 0.75. Values of b\n * will be clamped to the range 0 - 1.\n *\n * @param {number} number - The value to set for this tuning parameter.\n */\nlunr.Builder.prototype.b = function (number) {\n  if (number < 0) {\n    this._b = 0\n  } else if (number > 1) {\n    this._b = 1\n  } else {\n    this._b = number\n  }\n}\n\n/**\n * A parameter that controls the speed at which a rise in term frequency results in term\n * frequency saturation. The default value is 1.2. Setting this to a higher value will give\n * slower saturation levels, a lower value will result in quicker saturation.\n *\n * @param {number} number - The value to set for this tuning parameter.\n */\nlunr.Builder.prototype.k1 = function (number) {\n  this._k1 = number\n}\n\n/**\n * Adds a document to the index.\n *\n * Before adding fields to the index the index should have been fully setup, with the document\n * ref and all fields to index already having been specified.\n *\n * The document must have a field name as specified by the ref (by default this is 'id') and\n * it should have all fields defined for indexing, though null or undefined values will not\n * cause errors.\n *\n * Entire documents can be boosted at build time. Applying a boost to a document indicates that\n * this document should rank higher in search results than other documents.\n *\n * @param {object} doc - The document to add to the index.\n * @param {object} attributes - Optional attributes associated with this document.\n * @param {number} [attributes.boost=1] - Boost applied to all terms within this document.\n */\nlunr.Builder.prototype.add = function (doc, attributes) {\n  var docRef = doc[this._ref],\n      fields = Object.keys(this._fields)\n\n  this._documents[docRef] = attributes || {}\n  this.documentCount += 1\n\n  for (var i = 0; i < fields.length; i++) {\n    var fieldName = fields[i],\n        extractor = this._fields[fieldName].extractor,\n        field = extractor ? extractor(doc) : doc[fieldName],\n        tokens = this.tokenizer(field, {\n          fields: [fieldName]\n        }),\n        terms = this.pipeline.run(tokens),\n        fieldRef = new lunr.FieldRef (docRef, fieldName),\n        fieldTerms = Object.create(null)\n\n    this.fieldTermFrequencies[fieldRef] = fieldTerms\n    this.fieldLengths[fieldRef] = 0\n\n    // store the length of this field for this document\n    this.fieldLengths[fieldRef] += terms.length\n\n    // calculate term frequencies for this field\n    for (var j = 0; j < terms.length; j++) {\n      var term = terms[j]\n\n      if (fieldTerms[term] == undefined) {\n        fieldTerms[term] = 0\n      }\n\n      fieldTerms[term] += 1\n\n      // add to inverted index\n      // create an initial posting if one doesn't exist\n      if (this.invertedIndex[term] == undefined) {\n        var posting = Object.create(null)\n        posting[\"_index\"] = this.termIndex\n        this.termIndex += 1\n\n        for (var k = 0; k < fields.length; k++) {\n          posting[fields[k]] = Object.create(null)\n        }\n\n        this.invertedIndex[term] = posting\n      }\n\n      // add an entry for this term/fieldName/docRef to the invertedIndex\n      if (this.invertedIndex[term][fieldName][docRef] == undefined) {\n        this.invertedIndex[term][fieldName][docRef] = Object.create(null)\n      }\n\n      // store all whitelisted metadata about this token in the\n      // inverted index\n      for (var l = 0; l < this.metadataWhitelist.length; l++) {\n        var metadataKey = this.metadataWhitelist[l],\n            metadata = term.metadata[metadataKey]\n\n        if (this.invertedIndex[term][fieldName][docRef][metadataKey] == undefined) {\n          this.invertedIndex[term][fieldName][docRef][metadataKey] = []\n        }\n\n        this.invertedIndex[term][fieldName][docRef][metadataKey].push(metadata)\n      }\n    }\n\n  }\n}\n\n/**\n * Calculates the average document length for this index\n *\n * @private\n */\nlunr.Builder.prototype.calculateAverageFieldLengths = function () {\n\n  var fieldRefs = Object.keys(this.fieldLengths),\n      numberOfFields = fieldRefs.length,\n      accumulator = {},\n      documentsWithField = {}\n\n  for (var i = 0; i < numberOfFields; i++) {\n    var fieldRef = lunr.FieldRef.fromString(fieldRefs[i]),\n        field = fieldRef.fieldName\n\n    documentsWithField[field] || (documentsWithField[field] = 0)\n    documentsWithField[field] += 1\n\n    accumulator[field] || (accumulator[field] = 0)\n    accumulator[field] += this.fieldLengths[fieldRef]\n  }\n\n  var fields = Object.keys(this._fields)\n\n  for (var i = 0; i < fields.length; i++) {\n    var fieldName = fields[i]\n    accumulator[fieldName] = accumulator[fieldName] / documentsWithField[fieldName]\n  }\n\n  this.averageFieldLength = accumulator\n}\n\n/**\n * Builds a vector space model of every document using lunr.Vector\n *\n * @private\n */\nlunr.Builder.prototype.createFieldVectors = function () {\n  var fieldVectors = {},\n      fieldRefs = Object.keys(this.fieldTermFrequencies),\n      fieldRefsLength = fieldRefs.length,\n      termIdfCache = Object.create(null)\n\n  for (var i = 0; i < fieldRefsLength; i++) {\n    var fieldRef = lunr.FieldRef.fromString(fieldRefs[i]),\n        fieldName = fieldRef.fieldName,\n        fieldLength = this.fieldLengths[fieldRef],\n        fieldVector = new lunr.Vector,\n        termFrequencies = this.fieldTermFrequencies[fieldRef],\n        terms = Object.keys(termFrequencies),\n        termsLength = terms.length\n\n\n    var fieldBoost = this._fields[fieldName].boost || 1,\n        docBoost = this._documents[fieldRef.docRef].boost || 1\n\n    for (var j = 0; j < termsLength; j++) {\n      var term = terms[j],\n          tf = termFrequencies[term],\n          termIndex = this.invertedIndex[term]._index,\n          idf, score, scoreWithPrecision\n\n      if (termIdfCache[term] === undefined) {\n        idf = lunr.idf(this.invertedIndex[term], this.documentCount)\n        termIdfCache[term] = idf\n      } else {\n        idf = termIdfCache[term]\n      }\n\n      score = idf * ((this._k1 + 1) * tf) / (this._k1 * (1 - this._b + this._b * (fieldLength / this.averageFieldLength[fieldName])) + tf)\n      score *= fieldBoost\n      score *= docBoost\n      scoreWithPrecision = Math.round(score * 1000) / 1000\n      // Converts 1.23456789 to 1.234.\n      // Reducing the precision so that the vectors take up less\n      // space when serialised. Doing it now so that they behave\n      // the same before and after serialisation. Also, this is\n      // the fastest approach to reducing a number's precision in\n      // JavaScript.\n\n      fieldVector.insert(termIndex, scoreWithPrecision)\n    }\n\n    fieldVectors[fieldRef] = fieldVector\n  }\n\n  this.fieldVectors = fieldVectors\n}\n\n/**\n * Creates a token set of all tokens in the index using lunr.TokenSet\n *\n * @private\n */\nlunr.Builder.prototype.createTokenSet = function () {\n  this.tokenSet = lunr.TokenSet.fromArray(\n    Object.keys(this.invertedIndex).sort()\n  )\n}\n\n/**\n * Builds the index, creating an instance of lunr.Index.\n *\n * This completes the indexing process and should only be called\n * once all documents have been added to the index.\n *\n * @returns {lunr.Index}\n */\nlunr.Builder.prototype.build = function () {\n  this.calculateAverageFieldLengths()\n  this.createFieldVectors()\n  this.createTokenSet()\n\n  return new lunr.Index({\n    invertedIndex: this.invertedIndex,\n    fieldVectors: this.fieldVectors,\n    tokenSet: this.tokenSet,\n    fields: Object.keys(this._fields),\n    pipeline: this.searchPipeline\n  })\n}\n\n/**\n * Applies a plugin to the index builder.\n *\n * A plugin is a function that is called with the index builder as its context.\n * Plugins can be used to customise or extend the behaviour of the index\n * in some way. A plugin is just a function, that encapsulated the custom\n * behaviour that should be applied when building the index.\n *\n * The plugin function will be called with the index builder as its argument, additional\n * arguments can also be passed when calling use. The function will be called\n * with the index builder as its context.\n *\n * @param {Function} plugin The plugin to apply.\n */\nlunr.Builder.prototype.use = function (fn) {\n  var args = Array.prototype.slice.call(arguments, 1)\n  args.unshift(this)\n  fn.apply(this, args)\n}\n/**\n * Contains and collects metadata about a matching document.\n * A single instance of lunr.MatchData is returned as part of every\n * lunr.Index~Result.\n *\n * @constructor\n * @param {string} term - The term this match data is associated with\n * @param {string} field - The field in which the term was found\n * @param {object} metadata - The metadata recorded about this term in this field\n * @property {object} metadata - A cloned collection of metadata associated with this document.\n * @see {@link lunr.Index~Result}\n */\nlunr.MatchData = function (term, field, metadata) {\n  var clonedMetadata = Object.create(null),\n      metadataKeys = Object.keys(metadata || {})\n\n  // Cloning the metadata to prevent the original\n  // being mutated during match data combination.\n  // Metadata is kept in an array within the inverted\n  // index so cloning the data can be done with\n  // Array#slice\n  for (var i = 0; i < metadataKeys.length; i++) {\n    var key = metadataKeys[i]\n    clonedMetadata[key] = metadata[key].slice()\n  }\n\n  this.metadata = Object.create(null)\n\n  if (term !== undefined) {\n    this.metadata[term] = Object.create(null)\n    this.metadata[term][field] = clonedMetadata\n  }\n}\n\n/**\n * An instance of lunr.MatchData will be created for every term that matches a\n * document. However only one instance is required in a lunr.Index~Result. This\n * method combines metadata from another instance of lunr.MatchData with this\n * objects metadata.\n *\n * @param {lunr.MatchData} otherMatchData - Another instance of match data to merge with this one.\n * @see {@link lunr.Index~Result}\n */\nlunr.MatchData.prototype.combine = function (otherMatchData) {\n  var terms = Object.keys(otherMatchData.metadata)\n\n  for (var i = 0; i < terms.length; i++) {\n    var term = terms[i],\n        fields = Object.keys(otherMatchData.metadata[term])\n\n    if (this.metadata[term] == undefined) {\n      this.metadata[term] = Object.create(null)\n    }\n\n    for (var j = 0; j < fields.length; j++) {\n      var field = fields[j],\n          keys = Object.keys(otherMatchData.metadata[term][field])\n\n      if (this.metadata[term][field] == undefined) {\n        this.metadata[term][field] = Object.create(null)\n      }\n\n      for (var k = 0; k < keys.length; k++) {\n        var key = keys[k]\n\n        if (this.metadata[term][field][key] == undefined) {\n          this.metadata[term][field][key] = otherMatchData.metadata[term][field][key]\n        } else {\n          this.metadata[term][field][key] = this.metadata[term][field][key].concat(otherMatchData.metadata[term][field][key])\n        }\n\n      }\n    }\n  }\n}\n\n/**\n * Add metadata for a term/field pair to this instance of match data.\n *\n * @param {string} term - The term this match data is associated with\n * @param {string} field - The field in which the term was found\n * @param {object} metadata - The metadata recorded about this term in this field\n */\nlunr.MatchData.prototype.add = function (term, field, metadata) {\n  if (!(term in this.metadata)) {\n    this.metadata[term] = Object.create(null)\n    this.metadata[term][field] = metadata\n    return\n  }\n\n  if (!(field in this.metadata[term])) {\n    this.metadata[term][field] = metadata\n    return\n  }\n\n  var metadataKeys = Object.keys(metadata)\n\n  for (var i = 0; i < metadataKeys.length; i++) {\n    var key = metadataKeys[i]\n\n    if (key in this.metadata[term][field]) {\n      this.metadata[term][field][key] = this.metadata[term][field][key].concat(metadata[key])\n    } else {\n      this.metadata[term][field][key] = metadata[key]\n    }\n  }\n}\n/**\n * A lunr.Query provides a programmatic way of defining queries to be performed\n * against a {@link lunr.Index}.\n *\n * Prefer constructing a lunr.Query using the {@link lunr.Index#query} method\n * so the query object is pre-initialized with the right index fields.\n *\n * @constructor\n * @property {lunr.Query~Clause[]} clauses - An array of query clauses.\n * @property {string[]} allFields - An array of all available fields in a lunr.Index.\n */\nlunr.Query = function (allFields) {\n  this.clauses = []\n  this.allFields = allFields\n}\n\n/**\n * Constants for indicating what kind of automatic wildcard insertion will be used when constructing a query clause.\n *\n * This allows wildcards to be added to the beginning and end of a term without having to manually do any string\n * concatenation.\n *\n * The wildcard constants can be bitwise combined to select both leading and trailing wildcards.\n *\n * @constant\n * @default\n * @property {number} wildcard.NONE - The term will have no wildcards inserted, this is the default behaviour\n * @property {number} wildcard.LEADING - Prepend the term with a wildcard, unless a leading wildcard already exists\n * @property {number} wildcard.TRAILING - Append a wildcard to the term, unless a trailing wildcard already exists\n * @see lunr.Query~Clause\n * @see lunr.Query#clause\n * @see lunr.Query#term\n * @example <caption>query term with trailing wildcard</caption>\n * query.term('foo', { wildcard: lunr.Query.wildcard.TRAILING })\n * @example <caption>query term with leading and trailing wildcard</caption>\n * query.term('foo', {\n *   wildcard: lunr.Query.wildcard.LEADING | lunr.Query.wildcard.TRAILING\n * })\n */\n\nlunr.Query.wildcard = new String (\"*\")\nlunr.Query.wildcard.NONE = 0\nlunr.Query.wildcard.LEADING = 1\nlunr.Query.wildcard.TRAILING = 2\n\n/**\n * Constants for indicating what kind of presence a term must have in matching documents.\n *\n * @constant\n * @enum {number}\n * @see lunr.Query~Clause\n * @see lunr.Query#clause\n * @see lunr.Query#term\n * @example <caption>query term with required presence</caption>\n * query.term('foo', { presence: lunr.Query.presence.REQUIRED })\n */\nlunr.Query.presence = {\n  /**\n   * Term's presence in a document is optional, this is the default value.\n   */\n  OPTIONAL: 1,\n\n  /**\n   * Term's presence in a document is required, documents that do not contain\n   * this term will not be returned.\n   */\n  REQUIRED: 2,\n\n  /**\n   * Term's presence in a document is prohibited, documents that do contain\n   * this term will not be returned.\n   */\n  PROHIBITED: 3\n}\n\n/**\n * A single clause in a {@link lunr.Query} contains a term and details on how to\n * match that term against a {@link lunr.Index}.\n *\n * @typedef {Object} lunr.Query~Clause\n * @property {string[]} fields - The fields in an index this clause should be matched against.\n * @property {number} [boost=1] - Any boost that should be applied when matching this clause.\n * @property {number} [editDistance] - Whether the term should have fuzzy matching applied, and how fuzzy the match should be.\n * @property {boolean} [usePipeline] - Whether the term should be passed through the search pipeline.\n * @property {number} [wildcard=lunr.Query.wildcard.NONE] - Whether the term should have wildcards appended or prepended.\n * @property {number} [presence=lunr.Query.presence.OPTIONAL] - The terms presence in any matching documents.\n */\n\n/**\n * Adds a {@link lunr.Query~Clause} to this query.\n *\n * Unless the clause contains the fields to be matched all fields will be matched. In addition\n * a default boost of 1 is applied to the clause.\n *\n * @param {lunr.Query~Clause} clause - The clause to add to this query.\n * @see lunr.Query~Clause\n * @returns {lunr.Query}\n */\nlunr.Query.prototype.clause = function (clause) {\n  if (!('fields' in clause)) {\n    clause.fields = this.allFields\n  }\n\n  if (!('boost' in clause)) {\n    clause.boost = 1\n  }\n\n  if (!('usePipeline' in clause)) {\n    clause.usePipeline = true\n  }\n\n  if (!('wildcard' in clause)) {\n    clause.wildcard = lunr.Query.wildcard.NONE\n  }\n\n  if ((clause.wildcard & lunr.Query.wildcard.LEADING) && (clause.term.charAt(0) != lunr.Query.wildcard)) {\n    clause.term = \"*\" + clause.term\n  }\n\n  if ((clause.wildcard & lunr.Query.wildcard.TRAILING) && (clause.term.slice(-1) != lunr.Query.wildcard)) {\n    clause.term = \"\" + clause.term + \"*\"\n  }\n\n  if (!('presence' in clause)) {\n    clause.presence = lunr.Query.presence.OPTIONAL\n  }\n\n  this.clauses.push(clause)\n\n  return this\n}\n\n/**\n * A negated query is one in which every clause has a presence of\n * prohibited. These queries require some special processing to return\n * the expected results.\n *\n * @returns boolean\n */\nlunr.Query.prototype.isNegated = function () {\n  for (var i = 0; i < this.clauses.length; i++) {\n    if (this.clauses[i].presence != lunr.Query.presence.PROHIBITED) {\n      return false\n    }\n  }\n\n  return true\n}\n\n/**\n * Adds a term to the current query, under the covers this will create a {@link lunr.Query~Clause}\n * to the list of clauses that make up this query.\n *\n * The term is used as is, i.e. no tokenization will be performed by this method. Instead conversion\n * to a token or token-like string should be done before calling this method.\n *\n * The term will be converted to a string by calling `toString`. Multiple terms can be passed as an\n * array, each term in the array will share the same options.\n *\n * @param {object|object[]} term - The term(s) to add to the query.\n * @param {object} [options] - Any additional properties to add to the query clause.\n * @returns {lunr.Query}\n * @see lunr.Query#clause\n * @see lunr.Query~Clause\n * @example <caption>adding a single term to a query</caption>\n * query.term(\"foo\")\n * @example <caption>adding a single term to a query and specifying search fields, term boost and automatic trailing wildcard</caption>\n * query.term(\"foo\", {\n *   fields: [\"title\"],\n *   boost: 10,\n *   wildcard: lunr.Query.wildcard.TRAILING\n * })\n * @example <caption>using lunr.tokenizer to convert a string to tokens before using them as terms</caption>\n * query.term(lunr.tokenizer(\"foo bar\"))\n */\nlunr.Query.prototype.term = function (term, options) {\n  if (Array.isArray(term)) {\n    term.forEach(function (t) { this.term(t, lunr.utils.clone(options)) }, this)\n    return this\n  }\n\n  var clause = options || {}\n  clause.term = term.toString()\n\n  this.clause(clause)\n\n  return this\n}\nlunr.QueryParseError = function (message, start, end) {\n  this.name = \"QueryParseError\"\n  this.message = message\n  this.start = start\n  this.end = end\n}\n\nlunr.QueryParseError.prototype = new Error\nlunr.QueryLexer = function (str) {\n  this.lexemes = []\n  this.str = str\n  this.length = str.length\n  this.pos = 0\n  this.start = 0\n  this.escapeCharPositions = []\n}\n\nlunr.QueryLexer.prototype.run = function () {\n  var state = lunr.QueryLexer.lexText\n\n  while (state) {\n    state = state(this)\n  }\n}\n\nlunr.QueryLexer.prototype.sliceString = function () {\n  var subSlices = [],\n      sliceStart = this.start,\n      sliceEnd = this.pos\n\n  for (var i = 0; i < this.escapeCharPositions.length; i++) {\n    sliceEnd = this.escapeCharPositions[i]\n    subSlices.push(this.str.slice(sliceStart, sliceEnd))\n    sliceStart = sliceEnd + 1\n  }\n\n  subSlices.push(this.str.slice(sliceStart, this.pos))\n  this.escapeCharPositions.length = 0\n\n  return subSlices.join('')\n}\n\nlunr.QueryLexer.prototype.emit = function (type) {\n  this.lexemes.push({\n    type: type,\n    str: this.sliceString(),\n    start: this.start,\n    end: this.pos\n  })\n\n  this.start = this.pos\n}\n\nlunr.QueryLexer.prototype.escapeCharacter = function () {\n  this.escapeCharPositions.push(this.pos - 1)\n  this.pos += 1\n}\n\nlunr.QueryLexer.prototype.next = function () {\n  if (this.pos >= this.length) {\n    return lunr.QueryLexer.EOS\n  }\n\n  var char = this.str.charAt(this.pos)\n  this.pos += 1\n  return char\n}\n\nlunr.QueryLexer.prototype.width = function () {\n  return this.pos - this.start\n}\n\nlunr.QueryLexer.prototype.ignore = function () {\n  if (this.start == this.pos) {\n    this.pos += 1\n  }\n\n  this.start = this.pos\n}\n\nlunr.QueryLexer.prototype.backup = function () {\n  this.pos -= 1\n}\n\nlunr.QueryLexer.prototype.acceptDigitRun = function () {\n  var char, charCode\n\n  do {\n    char = this.next()\n    charCode = char.charCodeAt(0)\n  } while (charCode > 47 && charCode < 58)\n\n  if (char != lunr.QueryLexer.EOS) {\n    this.backup()\n  }\n}\n\nlunr.QueryLexer.prototype.more = function () {\n  return this.pos < this.length\n}\n\nlunr.QueryLexer.EOS = 'EOS'\nlunr.QueryLexer.FIELD = 'FIELD'\nlunr.QueryLexer.TERM = 'TERM'\nlunr.QueryLexer.EDIT_DISTANCE = 'EDIT_DISTANCE'\nlunr.QueryLexer.BOOST = 'BOOST'\nlunr.QueryLexer.PRESENCE = 'PRESENCE'\n\nlunr.QueryLexer.lexField = function (lexer) {\n  lexer.backup()\n  lexer.emit(lunr.QueryLexer.FIELD)\n  lexer.ignore()\n  return lunr.QueryLexer.lexText\n}\n\nlunr.QueryLexer.lexTerm = function (lexer) {\n  if (lexer.width() > 1) {\n    lexer.backup()\n    lexer.emit(lunr.QueryLexer.TERM)\n  }\n\n  lexer.ignore()\n\n  if (lexer.more()) {\n    return lunr.QueryLexer.lexText\n  }\n}\n\nlunr.QueryLexer.lexEditDistance = function (lexer) {\n  lexer.ignore()\n  lexer.acceptDigitRun()\n  lexer.emit(lunr.QueryLexer.EDIT_DISTANCE)\n  return lunr.QueryLexer.lexText\n}\n\nlunr.QueryLexer.lexBoost = function (lexer) {\n  lexer.ignore()\n  lexer.acceptDigitRun()\n  lexer.emit(lunr.QueryLexer.BOOST)\n  return lunr.QueryLexer.lexText\n}\n\nlunr.QueryLexer.lexEOS = function (lexer) {\n  if (lexer.width() > 0) {\n    lexer.emit(lunr.QueryLexer.TERM)\n  }\n}\n\n// This matches the separator used when tokenising fields\n// within a document. These should match otherwise it is\n// not possible to search for some tokens within a document.\n//\n// It is possible for the user to change the separator on the\n// tokenizer so it _might_ clash with any other of the special\n// characters already used within the search string, e.g. :.\n//\n// This means that it is possible to change the separator in\n// such a way that makes some words unsearchable using a search\n// string.\nlunr.QueryLexer.termSeparator = lunr.tokenizer.separator\n\nlunr.QueryLexer.lexText = function (lexer) {\n  while (true) {\n    var char = lexer.next()\n\n    if (char == lunr.QueryLexer.EOS) {\n      return lunr.QueryLexer.lexEOS\n    }\n\n    // Escape character is '\\'\n    if (char.charCodeAt(0) == 92) {\n      lexer.escapeCharacter()\n      continue\n    }\n\n    if (char == \":\") {\n      return lunr.QueryLexer.lexField\n    }\n\n    if (char == \"~\") {\n      lexer.backup()\n      if (lexer.width() > 0) {\n        lexer.emit(lunr.QueryLexer.TERM)\n      }\n      return lunr.QueryLexer.lexEditDistance\n    }\n\n    if (char == \"^\") {\n      lexer.backup()\n      if (lexer.width() > 0) {\n        lexer.emit(lunr.QueryLexer.TERM)\n      }\n      return lunr.QueryLexer.lexBoost\n    }\n\n    // \"+\" indicates term presence is required\n    // checking for length to ensure that only\n    // leading \"+\" are considered\n    if (char == \"+\" && lexer.width() === 1) {\n      lexer.emit(lunr.QueryLexer.PRESENCE)\n      return lunr.QueryLexer.lexText\n    }\n\n    // \"-\" indicates term presence is prohibited\n    // checking for length to ensure that only\n    // leading \"-\" are considered\n    if (char == \"-\" && lexer.width() === 1) {\n      lexer.emit(lunr.QueryLexer.PRESENCE)\n      return lunr.QueryLexer.lexText\n    }\n\n    if (char.match(lunr.QueryLexer.termSeparator)) {\n      return lunr.QueryLexer.lexTerm\n    }\n  }\n}\n\nlunr.QueryParser = function (str, query) {\n  this.lexer = new lunr.QueryLexer (str)\n  this.query = query\n  this.currentClause = {}\n  this.lexemeIdx = 0\n}\n\nlunr.QueryParser.prototype.parse = function () {\n  this.lexer.run()\n  this.lexemes = this.lexer.lexemes\n\n  var state = lunr.QueryParser.parseClause\n\n  while (state) {\n    state = state(this)\n  }\n\n  return this.query\n}\n\nlunr.QueryParser.prototype.peekLexeme = function () {\n  return this.lexemes[this.lexemeIdx]\n}\n\nlunr.QueryParser.prototype.consumeLexeme = function () {\n  var lexeme = this.peekLexeme()\n  this.lexemeIdx += 1\n  return lexeme\n}\n\nlunr.QueryParser.prototype.nextClause = function () {\n  var completedClause = this.currentClause\n  this.query.clause(completedClause)\n  this.currentClause = {}\n}\n\nlunr.QueryParser.parseClause = function (parser) {\n  var lexeme = parser.peekLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  switch (lexeme.type) {\n    case lunr.QueryLexer.PRESENCE:\n      return lunr.QueryParser.parsePresence\n    case lunr.QueryLexer.FIELD:\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.TERM:\n      return lunr.QueryParser.parseTerm\n    default:\n      var errorMessage = \"expected either a field or a term, found \" + lexeme.type\n\n      if (lexeme.str.length >= 1) {\n        errorMessage += \" with value '\" + lexeme.str + \"'\"\n      }\n\n      throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n}\n\nlunr.QueryParser.parsePresence = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  switch (lexeme.str) {\n    case \"-\":\n      parser.currentClause.presence = lunr.Query.presence.PROHIBITED\n      break\n    case \"+\":\n      parser.currentClause.presence = lunr.Query.presence.REQUIRED\n      break\n    default:\n      var errorMessage = \"unrecognised presence operator'\" + lexeme.str + \"'\"\n      throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    var errorMessage = \"expecting term or field, found nothing\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.FIELD:\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.TERM:\n      return lunr.QueryParser.parseTerm\n    default:\n      var errorMessage = \"expecting term or field, found '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseField = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  if (parser.query.allFields.indexOf(lexeme.str) == -1) {\n    var possibleFields = parser.query.allFields.map(function (f) { return \"'\" + f + \"'\" }).join(', '),\n        errorMessage = \"unrecognised field '\" + lexeme.str + \"', possible fields: \" + possibleFields\n\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  parser.currentClause.fields = [lexeme.str]\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    var errorMessage = \"expecting term, found nothing\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      return lunr.QueryParser.parseTerm\n    default:\n      var errorMessage = \"expecting term, found '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseTerm = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  parser.currentClause.term = lexeme.str.toLowerCase()\n\n  if (lexeme.str.indexOf(\"*\") != -1) {\n    parser.currentClause.usePipeline = false\n  }\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    parser.nextClause()\n    return\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      parser.nextClause()\n      return lunr.QueryParser.parseTerm\n    case lunr.QueryLexer.FIELD:\n      parser.nextClause()\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.EDIT_DISTANCE:\n      return lunr.QueryParser.parseEditDistance\n    case lunr.QueryLexer.BOOST:\n      return lunr.QueryParser.parseBoost\n    case lunr.QueryLexer.PRESENCE:\n      parser.nextClause()\n      return lunr.QueryParser.parsePresence\n    default:\n      var errorMessage = \"Unexpected lexeme type '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseEditDistance = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  var editDistance = parseInt(lexeme.str, 10)\n\n  if (isNaN(editDistance)) {\n    var errorMessage = \"edit distance must be numeric\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  parser.currentClause.editDistance = editDistance\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    parser.nextClause()\n    return\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      parser.nextClause()\n      return lunr.QueryParser.parseTerm\n    case lunr.QueryLexer.FIELD:\n      parser.nextClause()\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.EDIT_DISTANCE:\n      return lunr.QueryParser.parseEditDistance\n    case lunr.QueryLexer.BOOST:\n      return lunr.QueryParser.parseBoost\n    case lunr.QueryLexer.PRESENCE:\n      parser.nextClause()\n      return lunr.QueryParser.parsePresence\n    default:\n      var errorMessage = \"Unexpected lexeme type '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseBoost = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  var boost = parseInt(lexeme.str, 10)\n\n  if (isNaN(boost)) {\n    var errorMessage = \"boost must be numeric\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  parser.currentClause.boost = boost\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    parser.nextClause()\n    return\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      parser.nextClause()\n      return lunr.QueryParser.parseTerm\n    case lunr.QueryLexer.FIELD:\n      parser.nextClause()\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.EDIT_DISTANCE:\n      return lunr.QueryParser.parseEditDistance\n    case lunr.QueryLexer.BOOST:\n      return lunr.QueryParser.parseBoost\n    case lunr.QueryLexer.PRESENCE:\n      parser.nextClause()\n      return lunr.QueryParser.parsePresence\n    default:\n      var errorMessage = \"Unexpected lexeme type '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\n  /**\n   * export the module via AMD, CommonJS or as a browser global\n   * Export code from https://github.com/umdjs/umd/blob/master/returnExports.js\n   */\n  ;(function (root, factory) {\n    if (true) {\n      // AMD. Register as an anonymous module.\n      !(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory),\n\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :\n\t\t__WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__))\n    } else {}\n  }(this, function () {\n    /**\n     * Just return a value to define the module export.\n     * This example returns an object, but the module\n     * can return a function as the exported value.\n     */\n    return lunr\n  }))\n})();\n\n\n//# sourceURL=webpack:///../node_modules/lunr/lunr.js?");
+
+/***/ }),
+
+/***/ "./default/assets/css/main.sass":
+/*!**************************************!*\
+  !*** ./default/assets/css/main.sass ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack:///./default/assets/css/main.sass?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/bootstrap.ts":
+/*!********************************************!*\
+  !*** ./default/assets/js/src/bootstrap.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _typedoc_Application__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typedoc/Application */ \"./default/assets/js/src/typedoc/Application.ts\");\n/* harmony import */ var _typedoc_components_MenuHighlight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./typedoc/components/MenuHighlight */ \"./default/assets/js/src/typedoc/components/MenuHighlight.ts\");\n/* harmony import */ var _typedoc_components_Search__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typedoc/components/Search */ \"./default/assets/js/src/typedoc/components/Search.ts\");\n/* harmony import */ var _typedoc_components_Signature__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typedoc/components/Signature */ \"./default/assets/js/src/typedoc/components/Signature.ts\");\n/* harmony import */ var _typedoc_components_Toggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typedoc/components/Toggle */ \"./default/assets/js/src/typedoc/components/Toggle.ts\");\n/* harmony import */ var _typedoc_components_Filter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typedoc/components/Filter */ \"./default/assets/js/src/typedoc/components/Filter.ts\");\n/* harmony import */ var _css_main_sass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../css/main.sass */ \"./default/assets/css/main.sass\");\n\n\n\n\n\n\n\n(0,_typedoc_components_Search__WEBPACK_IMPORTED_MODULE_2__.initSearch)();\n(0,_typedoc_Application__WEBPACK_IMPORTED_MODULE_0__.registerComponent)(_typedoc_components_MenuHighlight__WEBPACK_IMPORTED_MODULE_1__.MenuHighlight, \".menu-highlight\");\n(0,_typedoc_Application__WEBPACK_IMPORTED_MODULE_0__.registerComponent)(_typedoc_components_Signature__WEBPACK_IMPORTED_MODULE_3__.Signature, \".tsd-signatures\");\n(0,_typedoc_Application__WEBPACK_IMPORTED_MODULE_0__.registerComponent)(_typedoc_components_Toggle__WEBPACK_IMPORTED_MODULE_4__.Toggle, \"a[data-toggle]\");\nif (_typedoc_components_Filter__WEBPACK_IMPORTED_MODULE_5__.Filter.isSupported()) {\n    (0,_typedoc_Application__WEBPACK_IMPORTED_MODULE_0__.registerComponent)(_typedoc_components_Filter__WEBPACK_IMPORTED_MODULE_5__.Filter, \"#tsd-filter\");\n}\nelse {\n    document.documentElement.classList.add(\"no-filter\");\n}\nvar app = new _typedoc_Application__WEBPACK_IMPORTED_MODULE_0__.Application();\nObject.defineProperty(window, \"app\", { value: app });\n\n\n//# sourceURL=webpack:///./default/assets/js/src/bootstrap.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/Application.ts":
+/*!******************************************************!*\
+  !*** ./default/assets/js/src/typedoc/Application.ts ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"registerComponent\": () => /* binding */ registerComponent,\n/* harmony export */   \"Application\": () => /* binding */ Application\n/* harmony export */ });\n/**\n * List of all known components.\n */\nvar components = [];\n/**\n * Register a new component.\n */\nfunction registerComponent(constructor, selector) {\n    components.push({\n        selector: selector,\n        constructor: constructor,\n    });\n}\n/**\n * TypeDoc application class.\n */\nvar Application = /** @class */ (function () {\n    /**\n     * Create a new Application instance.\n     */\n    function Application() {\n        this.createComponents(document.body);\n    }\n    /**\n     * Create all components beneath the given jQuery element.\n     */\n    Application.prototype.createComponents = function (context) {\n        components.forEach(function (c) {\n            context.querySelectorAll(c.selector).forEach(function (el) {\n                if (!el.dataset.hasInstance) {\n                    new c.constructor({ el: el });\n                    el.dataset.hasInstance = String(true);\n                }\n            });\n        });\n    };\n    return Application;\n}());\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/Application.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/Component.ts":
+/*!****************************************************!*\
+  !*** ./default/assets/js/src/typedoc/Component.ts ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Component\": () => /* binding */ Component\n/* harmony export */ });\n/**\n * TypeDoc component class.\n */\nvar Component = /** @class */ (function () {\n    function Component(options) {\n        this.el = options.el;\n    }\n    return Component;\n}());\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/Component.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/EventTarget.ts":
+/*!******************************************************!*\
+  !*** ./default/assets/js/src/typedoc/EventTarget.ts ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"EventTarget\": () => /* binding */ EventTarget\n/* harmony export */ });\n/**\n * TypeDoc event target class.\n */\nvar EventTarget = /** @class */ (function () {\n    function EventTarget() {\n        this.listeners = {};\n    }\n    EventTarget.prototype.addEventListener = function (type, callback) {\n        if (!(type in this.listeners)) {\n            this.listeners[type] = [];\n        }\n        this.listeners[type].push(callback);\n    };\n    EventTarget.prototype.removeEventListener = function (type, callback) {\n        if (!(type in this.listeners)) {\n            return;\n        }\n        var stack = this.listeners[type];\n        for (var i = 0, l = stack.length; i < l; i++) {\n            if (stack[i] === callback) {\n                stack.splice(i, 1);\n                return;\n            }\n        }\n    };\n    EventTarget.prototype.dispatchEvent = function (event) {\n        if (!(event.type in this.listeners)) {\n            return true;\n        }\n        var stack = this.listeners[event.type].slice();\n        for (var i = 0, l = stack.length; i < l; i++) {\n            stack[i].call(this, event);\n        }\n        return !event.defaultPrevented;\n    };\n    return EventTarget;\n}());\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/EventTarget.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/components/Filter.ts":
+/*!************************************************************!*\
+  !*** ./default/assets/js/src/typedoc/components/Filter.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Filter\": () => /* binding */ Filter\n/* harmony export */ });\n/* harmony import */ var _Component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Component */ \"./default/assets/js/src/typedoc/Component.ts\");\n/* harmony import */ var _utils_pointer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/pointer */ \"./default/assets/js/src/typedoc/utils/pointer.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n\n\nvar FilterItem = /** @class */ (function () {\n    function FilterItem(key, value) {\n        this.key = key;\n        this.value = value;\n        this.defaultValue = value;\n        this.initialize();\n        if (window.localStorage[this.key]) {\n            this.setValue(this.fromLocalStorage(window.localStorage[this.key]));\n        }\n    }\n    FilterItem.prototype.initialize = function () { };\n    FilterItem.prototype.setValue = function (value) {\n        if (this.value == value)\n            return;\n        var oldValue = this.value;\n        this.value = value;\n        window.localStorage[this.key] = this.toLocalStorage(value);\n        this.handleValueChange(oldValue, value);\n    };\n    return FilterItem;\n}());\nvar FilterItemCheckbox = /** @class */ (function (_super) {\n    __extends(FilterItemCheckbox, _super);\n    function FilterItemCheckbox() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    FilterItemCheckbox.prototype.initialize = function () {\n        var _this = this;\n        var checkbox = document.querySelector(\"#tsd-filter-\" + this.key);\n        if (!checkbox)\n            return;\n        this.checkbox = checkbox;\n        this.checkbox.addEventListener(\"change\", function () {\n            _this.setValue(_this.checkbox.checked);\n        });\n    };\n    FilterItemCheckbox.prototype.handleValueChange = function (oldValue, newValue) {\n        if (!this.checkbox)\n            return;\n        this.checkbox.checked = this.value;\n        document.documentElement.classList.toggle(\"toggle-\" + this.key, this.value != this.defaultValue);\n    };\n    FilterItemCheckbox.prototype.fromLocalStorage = function (value) {\n        return value == \"true\";\n    };\n    FilterItemCheckbox.prototype.toLocalStorage = function (value) {\n        return value ? \"true\" : \"false\";\n    };\n    return FilterItemCheckbox;\n}(FilterItem));\nvar FilterItemSelect = /** @class */ (function (_super) {\n    __extends(FilterItemSelect, _super);\n    function FilterItemSelect() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    FilterItemSelect.prototype.initialize = function () {\n        var _this = this;\n        document.documentElement.classList.add(\"toggle-\" + this.key + this.value);\n        var select = document.querySelector(\"#tsd-filter-\" + this.key);\n        if (!select)\n            return;\n        this.select = select;\n        var onActivate = function () {\n            _this.select.classList.add(\"active\");\n        };\n        var onDeactivate = function () {\n            _this.select.classList.remove(\"active\");\n        };\n        this.select.addEventListener(_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.pointerDown, onActivate);\n        this.select.addEventListener(\"mouseover\", onActivate);\n        this.select.addEventListener(\"mouseleave\", onDeactivate);\n        this.select.querySelectorAll(\"li\").forEach(function (el) {\n            el.addEventListener(_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.pointerUp, function (e) {\n                select.classList.remove(\"active\");\n                _this.setValue(e.target.dataset.value || \"\");\n            });\n        });\n        document.addEventListener(_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.pointerDown, function (e) {\n            if (_this.select.contains(e.target))\n                return;\n            _this.select.classList.remove(\"active\");\n        });\n    };\n    FilterItemSelect.prototype.handleValueChange = function (oldValue, newValue) {\n        this.select.querySelectorAll(\"li.selected\").forEach(function (el) {\n            el.classList.remove(\"selected\");\n        });\n        var selected = this.select.querySelector('li[data-value=\"' + newValue + '\"]');\n        var label = this.select.querySelector(\".tsd-select-label\");\n        if (selected && label) {\n            selected.classList.add(\"selected\");\n            label.textContent = selected.textContent;\n        }\n        document.documentElement.classList.remove(\"toggle-\" + oldValue);\n        document.documentElement.classList.add(\"toggle-\" + newValue);\n    };\n    FilterItemSelect.prototype.fromLocalStorage = function (value) {\n        return value;\n    };\n    FilterItemSelect.prototype.toLocalStorage = function (value) {\n        return value;\n    };\n    return FilterItemSelect;\n}(FilterItem));\nvar Filter = /** @class */ (function (_super) {\n    __extends(Filter, _super);\n    function Filter(options) {\n        var _this = _super.call(this, options) || this;\n        _this.optionVisibility = new FilterItemSelect(\"visibility\", \"private\");\n        _this.optionInherited = new FilterItemCheckbox(\"inherited\", true);\n        _this.optionExternals = new FilterItemCheckbox(\"externals\", true);\n        return _this;\n    }\n    Filter.isSupported = function () {\n        try {\n            return typeof window.localStorage != \"undefined\";\n        }\n        catch (e) {\n            return false;\n        }\n    };\n    return Filter;\n}(_Component__WEBPACK_IMPORTED_MODULE_0__.Component));\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/components/Filter.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/components/MenuHighlight.ts":
+/*!*******************************************************************!*\
+  !*** ./default/assets/js/src/typedoc/components/MenuHighlight.ts ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MenuHighlight\": () => /* binding */ MenuHighlight\n/* harmony export */ });\n/* harmony import */ var _Component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Component */ \"./default/assets/js/src/typedoc/Component.ts\");\n/* harmony import */ var _services_Viewport__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../services/Viewport */ \"./default/assets/js/src/typedoc/services/Viewport.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n\n\n/**\n * Manages the sticky state of the navigation and moves the highlight\n * to the current navigation item.\n */\nvar MenuHighlight = /** @class */ (function (_super) {\n    __extends(MenuHighlight, _super);\n    /**\n     * Create a new MenuHighlight instance.\n     *\n     * @param options  Backbone view constructor options.\n     */\n    function MenuHighlight(options) {\n        var _this = _super.call(this, options) || this;\n        /**\n         * List of all discovered anchors.\n         */\n        _this.anchors = [];\n        /**\n         * Index of the currently highlighted anchor.\n         */\n        _this.index = -1;\n        _services_Viewport__WEBPACK_IMPORTED_MODULE_1__.Viewport.instance.addEventListener(\"resize\", function () { return _this.onResize(); });\n        _services_Viewport__WEBPACK_IMPORTED_MODULE_1__.Viewport.instance.addEventListener(\"scroll\", function (e) { return _this.onScroll(e); });\n        _this.createAnchors();\n        return _this;\n    }\n    /**\n     * Find all anchors on the current page.\n     */\n    MenuHighlight.prototype.createAnchors = function () {\n        var _this = this;\n        var base = window.location.href;\n        if (base.indexOf(\"#\") != -1) {\n            base = base.substr(0, base.indexOf(\"#\"));\n        }\n        this.el.querySelectorAll(\"a\").forEach(function (el) {\n            var href = el.href;\n            if (href.indexOf(\"#\") == -1)\n                return;\n            if (href.substr(0, base.length) != base)\n                return;\n            var hash = href.substr(href.indexOf(\"#\") + 1);\n            var anchor = document.querySelector(\"a.tsd-anchor[name=\" + hash + \"]\");\n            var link = el.parentNode;\n            if (!anchor || !link)\n                return;\n            _this.anchors.push({\n                link: link,\n                anchor: anchor,\n                position: 0,\n            });\n        });\n        this.onResize();\n    };\n    /**\n     * Triggered after the viewport was resized.\n     */\n    MenuHighlight.prototype.onResize = function () {\n        var anchor;\n        for (var index = 0, count = this.anchors.length; index < count; index++) {\n            anchor = this.anchors[index];\n            var rect = anchor.anchor.getBoundingClientRect();\n            anchor.position = rect.top + document.body.scrollTop;\n        }\n        this.anchors.sort(function (a, b) {\n            return a.position - b.position;\n        });\n        var event = new CustomEvent(\"scroll\", {\n            detail: {\n                scrollTop: _services_Viewport__WEBPACK_IMPORTED_MODULE_1__.Viewport.instance.scrollTop,\n            },\n        });\n        this.onScroll(event);\n    };\n    /**\n     * Triggered after the viewport was scrolled.\n     *\n     * @param event  The custom event with the current vertical scroll position.\n     */\n    MenuHighlight.prototype.onScroll = function (event) {\n        var scrollTop = event.detail.scrollTop + 5;\n        var anchors = this.anchors;\n        var count = anchors.length - 1;\n        var index = this.index;\n        while (index > -1 && anchors[index].position > scrollTop) {\n            index -= 1;\n        }\n        while (index < count && anchors[index + 1].position < scrollTop) {\n            index += 1;\n        }\n        if (this.index != index) {\n            if (this.index > -1)\n                this.anchors[this.index].link.classList.remove(\"focus\");\n            this.index = index;\n            if (this.index > -1)\n                this.anchors[this.index].link.classList.add(\"focus\");\n        }\n    };\n    return MenuHighlight;\n}(_Component__WEBPACK_IMPORTED_MODULE_0__.Component));\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/components/MenuHighlight.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/components/Search.ts":
+/*!************************************************************!*\
+  !*** ./default/assets/js/src/typedoc/components/Search.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"initSearch\": () => /* binding */ initSearch\n/* harmony export */ });\n/* harmony import */ var _utils_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/debounce */ \"./default/assets/js/src/typedoc/utils/debounce.ts\");\n/* harmony import */ var lunr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lunr */ \"../node_modules/lunr/lunr.js\");\n/* harmony import */ var lunr__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lunr__WEBPACK_IMPORTED_MODULE_1__);\n\n\nfunction initSearch() {\n    var searchEl = document.getElementById(\"tsd-search\");\n    if (!searchEl)\n        return;\n    var searchScript = document.getElementById(\"search-script\");\n    searchEl.classList.add(\"loading\");\n    if (searchScript) {\n        searchScript.addEventListener(\"error\", function () {\n            searchEl.classList.remove(\"loading\");\n            searchEl.classList.add(\"failure\");\n        });\n        searchScript.addEventListener(\"load\", function () {\n            searchEl.classList.remove(\"loading\");\n            searchEl.classList.add(\"ready\");\n        });\n        if (window.searchData) {\n            searchEl.classList.remove(\"loading\");\n        }\n    }\n    var field = document.querySelector(\"#tsd-search-field\");\n    var results = document.querySelector(\".results\");\n    if (!field || !results) {\n        throw new Error(\"The input field or the result list wrapper was not found\");\n    }\n    var resultClicked = false;\n    results.addEventListener(\"mousedown\", function () { return (resultClicked = true); });\n    results.addEventListener(\"mouseup\", function () {\n        resultClicked = false;\n        searchEl.classList.remove(\"has-focus\");\n    });\n    field.addEventListener(\"focus\", function () { return searchEl.classList.add(\"has-focus\"); });\n    field.addEventListener(\"blur\", function () {\n        if (!resultClicked) {\n            resultClicked = false;\n            searchEl.classList.remove(\"has-focus\");\n        }\n    });\n    var state = {\n        base: searchEl.dataset.base + \"/\",\n    };\n    bindEvents(searchEl, results, field, state);\n}\nfunction bindEvents(searchEl, results, field, state) {\n    field.addEventListener(\"input\", (0,_utils_debounce__WEBPACK_IMPORTED_MODULE_0__.debounce)(function () {\n        updateResults(searchEl, results, field, state);\n    }, 200));\n    var preventPress = false;\n    field.addEventListener(\"keydown\", function (e) {\n        preventPress = true;\n        if (e.key == \"Enter\") {\n            gotoCurrentResult(results, field);\n        }\n        else if (e.key == \"Escape\") {\n            field.blur();\n        }\n        else if (e.key == \"ArrowUp\") {\n            setCurrentResult(results, -1);\n        }\n        else if (e.key === \"ArrowDown\") {\n            setCurrentResult(results, 1);\n        }\n        else {\n            preventPress = false;\n        }\n    });\n    field.addEventListener(\"keypress\", function (e) {\n        if (preventPress)\n            e.preventDefault();\n    });\n    /**\n     * Start searching by pressing slash.\n     */\n    document.body.addEventListener(\"keydown\", function (e) {\n        if (e.altKey || e.ctrlKey || e.metaKey)\n            return;\n        if (!field.matches(\":focus\") && e.key === \"/\") {\n            field.focus();\n            e.preventDefault();\n        }\n    });\n}\nfunction checkIndex(state, searchEl) {\n    if (state.index)\n        return;\n    if (window.searchData) {\n        searchEl.classList.remove(\"loading\");\n        searchEl.classList.add(\"ready\");\n        state.data = window.searchData;\n        state.index = lunr__WEBPACK_IMPORTED_MODULE_1__.Index.load(window.searchData.index);\n    }\n}\nfunction updateResults(searchEl, results, query, state) {\n    checkIndex(state, searchEl);\n    // Don't clear results if loading state is not ready,\n    // because loading or error message can be removed.\n    if (!state.index || !state.data)\n        return;\n    results.textContent = \"\";\n    var searchText = query.value.trim();\n    // Perform a wildcard search\n    var res = state.index.search(\"*\" + searchText + \"*\");\n    for (var i = 0, c = Math.min(10, res.length); i < c; i++) {\n        var row = state.data.rows[Number(res[i].ref)];\n        // Bold the matched part of the query in the search results\n        var name_1 = boldMatches(row.name, searchText);\n        if (row.parent) {\n            name_1 = \"<span class=\\\"parent\\\">\" + boldMatches(row.parent, searchText) + \".</span>\" + name_1;\n        }\n        var item = document.createElement(\"li\");\n        item.classList.value = row.classes;\n        var anchor = document.createElement(\"a\");\n        anchor.href = state.base + row.url;\n        anchor.classList.add(\"tsd-kind-icon\");\n        anchor.innerHTML = name_1;\n        item.append(anchor);\n        results.appendChild(item);\n    }\n}\n/**\n * Move the highlight within the result set.\n */\nfunction setCurrentResult(results, dir) {\n    var current = results.querySelector(\".current\");\n    if (!current) {\n        current = results.querySelector(dir == 1 ? \"li:first-child\" : \"li:last-child\");\n        if (current) {\n            current.classList.add(\"current\");\n        }\n    }\n    else {\n        var rel = dir == 1\n            ? current.nextElementSibling\n            : current.previousElementSibling;\n        if (rel) {\n            current.classList.remove(\"current\");\n            rel.classList.add(\"current\");\n        }\n    }\n}\n/**\n * Navigate to the highlighted result.\n */\nfunction gotoCurrentResult(results, field) {\n    var current = results.querySelector(\".current\");\n    if (!current) {\n        current = results.querySelector(\"li:first-child\");\n    }\n    if (current) {\n        var link = current.querySelector(\"a\");\n        if (link) {\n            window.location.href = link.href;\n        }\n        field.blur();\n    }\n}\nfunction boldMatches(text, search) {\n    if (search === \"\") {\n        return text;\n    }\n    var lowerText = text.toLocaleLowerCase();\n    var lowerSearch = search.toLocaleLowerCase();\n    var parts = [];\n    var lastIndex = 0;\n    var index = lowerText.indexOf(lowerSearch);\n    while (index != -1) {\n        parts.push(escapeHtml(text.substring(lastIndex, index)), \"<b>\" + escapeHtml(text.substring(index, index + lowerSearch.length)) + \"</b>\");\n        lastIndex = index + lowerSearch.length;\n        index = lowerText.indexOf(lowerSearch, lastIndex);\n    }\n    parts.push(escapeHtml(text.substring(lastIndex)));\n    return parts.join(\"\");\n}\nvar SPECIAL_HTML = {\n    \"&\": \"&amp;\",\n    \"<\": \"&lt;\",\n    \">\": \"&gt;\",\n    \"'\": \"&#039;\",\n    '\"': \"&quot;\",\n};\nfunction escapeHtml(text) {\n    return text.replace(/[&<>\"'\"]/g, function (match) { return SPECIAL_HTML[match]; });\n}\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/components/Search.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/components/Signature.ts":
+/*!***************************************************************!*\
+  !*** ./default/assets/js/src/typedoc/components/Signature.ts ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Signature\": () => /* binding */ Signature\n/* harmony export */ });\n/* harmony import */ var _Component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Component */ \"./default/assets/js/src/typedoc/Component.ts\");\n/* harmony import */ var _services_Viewport__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../services/Viewport */ \"./default/assets/js/src/typedoc/services/Viewport.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n\n\n/**\n * Holds a signature and its description.\n */\nvar SignatureGroup = /** @class */ (function () {\n    /**\n     * Create a new SignatureGroup instance.\n     *\n     * @param signature    The target signature.\n     * @param description  The description for the signature.\n     */\n    function SignatureGroup(signature, description) {\n        this.signature = signature;\n        this.description = description;\n    }\n    /**\n     * Add the given class to all elements of the group.\n     *\n     * @param className  The class name to add.\n     */\n    SignatureGroup.prototype.addClass = function (className) {\n        this.signature.classList.add(className);\n        this.description.classList.add(className);\n        return this;\n    };\n    /**\n     * Remove the given class from all elements of the group.\n     *\n     * @param className  The class name to remove.\n     */\n    SignatureGroup.prototype.removeClass = function (className) {\n        this.signature.classList.remove(className);\n        this.description.classList.remove(className);\n        return this;\n    };\n    return SignatureGroup;\n}());\n/**\n * Controls the tab like behaviour of methods and functions with multiple signatures.\n */\nvar Signature = /** @class */ (function (_super) {\n    __extends(Signature, _super);\n    /**\n     * Create a new Signature instance.\n     *\n     * @param options  Backbone view constructor options.\n     */\n    function Signature(options) {\n        var _this = _super.call(this, options) || this;\n        /**\n         * List of found signature groups.\n         */\n        _this.groups = [];\n        /**\n         * The index of the currently displayed signature.\n         */\n        _this.index = -1;\n        _this.createGroups();\n        if (_this.container) {\n            _this.el.classList.add(\"active\");\n            Array.from(_this.el.children).forEach(function (signature) {\n                signature.addEventListener(\"touchstart\", function (event) {\n                    return _this.onClick(event);\n                });\n                signature.addEventListener(\"click\", function (event) {\n                    return _this.onClick(event);\n                });\n            });\n            _this.container.classList.add(\"active\");\n            _this.setIndex(0);\n        }\n        return _this;\n    }\n    /**\n     * Set the index of the active signature.\n     *\n     * @param index  The index of the signature to activate.\n     */\n    Signature.prototype.setIndex = function (index) {\n        if (index < 0)\n            index = 0;\n        if (index > this.groups.length - 1)\n            index = this.groups.length - 1;\n        if (this.index == index)\n            return;\n        var to = this.groups[index];\n        if (this.index > -1) {\n            var from_1 = this.groups[this.index];\n            from_1.removeClass(\"current\").addClass(\"fade-out\");\n            to.addClass(\"current\");\n            to.addClass(\"fade-in\");\n            _services_Viewport__WEBPACK_IMPORTED_MODULE_1__.Viewport.instance.triggerResize();\n            setTimeout(function () {\n                from_1.removeClass(\"fade-out\");\n                to.removeClass(\"fade-in\");\n            }, 300);\n        }\n        else {\n            to.addClass(\"current\");\n            _services_Viewport__WEBPACK_IMPORTED_MODULE_1__.Viewport.instance.triggerResize();\n        }\n        this.index = index;\n    };\n    /**\n     * Find all signature/description groups.\n     */\n    Signature.prototype.createGroups = function () {\n        var signatures = this.el.children;\n        if (signatures.length < 2)\n            return;\n        this.container = this.el.nextElementSibling;\n        var descriptions = this.container.children;\n        this.groups = [];\n        for (var index = 0; index < signatures.length; index++) {\n            this.groups.push(new SignatureGroup(signatures[index], descriptions[index]));\n        }\n    };\n    /**\n     * Triggered when the user clicks onto a signature header.\n     *\n     * @param e  The related event object.\n     */\n    Signature.prototype.onClick = function (e) {\n        var _this = this;\n        this.groups.forEach(function (group, index) {\n            if (group.signature === e.currentTarget) {\n                _this.setIndex(index);\n            }\n        });\n    };\n    return Signature;\n}(_Component__WEBPACK_IMPORTED_MODULE_0__.Component));\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/components/Signature.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/components/Toggle.ts":
+/*!************************************************************!*\
+  !*** ./default/assets/js/src/typedoc/components/Toggle.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Toggle\": () => /* binding */ Toggle\n/* harmony export */ });\n/* harmony import */ var _Component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Component */ \"./default/assets/js/src/typedoc/Component.ts\");\n/* harmony import */ var _utils_pointer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/pointer */ \"./default/assets/js/src/typedoc/utils/pointer.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n\n\nvar Toggle = /** @class */ (function (_super) {\n    __extends(Toggle, _super);\n    function Toggle(options) {\n        var _this = _super.call(this, options) || this;\n        _this.className = _this.el.dataset.toggle || \"\";\n        _this.el.addEventListener(_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.pointerUp, function (e) { return _this.onPointerUp(e); });\n        _this.el.addEventListener(\"click\", function (e) { return e.preventDefault(); });\n        document.addEventListener(_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.pointerDown, function (e) {\n            return _this.onDocumentPointerDown(e);\n        });\n        document.addEventListener(_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.pointerUp, function (e) {\n            return _this.onDocumentPointerUp(e);\n        });\n        return _this;\n    }\n    Toggle.prototype.setActive = function (value) {\n        if (this.active == value)\n            return;\n        this.active = value;\n        document.documentElement.classList.toggle(\"has-\" + this.className, value);\n        this.el.classList.toggle(\"active\", value);\n        var transition = (this.active ? \"to-has-\" : \"from-has-\") + this.className;\n        document.documentElement.classList.add(transition);\n        setTimeout(function () { return document.documentElement.classList.remove(transition); }, 500);\n    };\n    Toggle.prototype.onPointerUp = function (event) {\n        if (_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.hasPointerMoved)\n            return;\n        this.setActive(true);\n        event.preventDefault();\n    };\n    Toggle.prototype.onDocumentPointerDown = function (e) {\n        if (this.active) {\n            if (e.target.closest(\".col-menu, .tsd-filter-group\")) {\n                return;\n            }\n            this.setActive(false);\n        }\n    };\n    Toggle.prototype.onDocumentPointerUp = function (e) {\n        var _this = this;\n        if (_utils_pointer__WEBPACK_IMPORTED_MODULE_1__.hasPointerMoved)\n            return;\n        if (this.active) {\n            if (e.target.closest(\".col-menu\")) {\n                var link = e.target.closest(\"a\");\n                if (link) {\n                    var href = window.location.href;\n                    if (href.indexOf(\"#\") != -1) {\n                        href = href.substr(0, href.indexOf(\"#\"));\n                    }\n                    if (link.href.substr(0, href.length) == href) {\n                        setTimeout(function () { return _this.setActive(false); }, 250);\n                    }\n                }\n            }\n        }\n    };\n    return Toggle;\n}(_Component__WEBPACK_IMPORTED_MODULE_0__.Component));\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/components/Toggle.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/services/Viewport.ts":
+/*!************************************************************!*\
+  !*** ./default/assets/js/src/typedoc/services/Viewport.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Viewport\": () => /* binding */ Viewport\n/* harmony export */ });\n/* harmony import */ var _EventTarget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../EventTarget */ \"./default/assets/js/src/typedoc/EventTarget.ts\");\n/* harmony import */ var _utils_trottle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/trottle */ \"./default/assets/js/src/typedoc/utils/trottle.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n\n\n/**\n * A global service that monitors the window size and scroll position.\n */\nvar Viewport = /** @class */ (function (_super) {\n    __extends(Viewport, _super);\n    /**\n     * Create new Viewport instance.\n     */\n    function Viewport() {\n        var _this = _super.call(this) || this;\n        /**\n         * The current scroll position.\n         */\n        _this.scrollTop = 0;\n        /**\n         * The previous scrollTop.\n         */\n        _this.lastY = 0;\n        /**\n         * The width of the window.\n         */\n        _this.width = 0;\n        /**\n         * The height of the window.\n         */\n        _this.height = 0;\n        /**\n         * Boolean indicating whether the toolbar is shown.\n         */\n        _this.showToolbar = true;\n        _this.toolbar = (document.querySelector(\".tsd-page-toolbar\"));\n        _this.secondaryNav = (document.querySelector(\".tsd-navigation.secondary\"));\n        window.addEventListener(\"scroll\", (0,_utils_trottle__WEBPACK_IMPORTED_MODULE_1__.throttle)(function () { return _this.onScroll(); }, 10));\n        window.addEventListener(\"resize\", (0,_utils_trottle__WEBPACK_IMPORTED_MODULE_1__.throttle)(function () { return _this.onResize(); }, 10));\n        _this.onResize();\n        _this.onScroll();\n        return _this;\n    }\n    /**\n     * Trigger a resize event.\n     */\n    Viewport.prototype.triggerResize = function () {\n        var event = new CustomEvent(\"resize\", {\n            detail: {\n                width: this.width,\n                height: this.height,\n            },\n        });\n        this.dispatchEvent(event);\n    };\n    /**\n     * Triggered when the size of the window has changed.\n     */\n    Viewport.prototype.onResize = function () {\n        this.width = window.innerWidth || 0;\n        this.height = window.innerHeight || 0;\n        var event = new CustomEvent(\"resize\", {\n            detail: {\n                width: this.width,\n                height: this.height,\n            },\n        });\n        this.dispatchEvent(event);\n    };\n    /**\n     * Triggered when the user scrolled the viewport.\n     */\n    Viewport.prototype.onScroll = function () {\n        this.scrollTop = window.scrollY || 0;\n        var event = new CustomEvent(\"scroll\", {\n            detail: {\n                scrollTop: this.scrollTop,\n            },\n        });\n        this.dispatchEvent(event);\n        this.hideShowToolbar();\n    };\n    /**\n     * Handle hiding/showing of the toolbar.\n     */\n    Viewport.prototype.hideShowToolbar = function () {\n        var isShown = this.showToolbar;\n        this.showToolbar = this.lastY >= this.scrollTop || this.scrollTop <= 0;\n        if (isShown !== this.showToolbar) {\n            this.toolbar.classList.toggle(\"tsd-page-toolbar--hide\");\n            this.secondaryNav.classList.toggle(\"tsd-navigation--toolbar-hide\");\n        }\n        this.lastY = this.scrollTop;\n    };\n    Viewport.instance = new Viewport();\n    return Viewport;\n}(_EventTarget__WEBPACK_IMPORTED_MODULE_0__.EventTarget));\n\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/services/Viewport.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/utils/debounce.ts":
+/*!*********************************************************!*\
+  !*** ./default/assets/js/src/typedoc/utils/debounce.ts ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"debounce\": () => /* binding */ debounce\n/* harmony export */ });\nvar debounce = function (fn, wait) {\n    if (wait === void 0) { wait = 100; }\n    var timeout;\n    return function () {\n        var args = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            args[_i] = arguments[_i];\n        }\n        clearTimeout(timeout);\n        timeout = setTimeout(function () { return fn(args); }, wait);\n    };\n};\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/utils/debounce.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/utils/pointer.ts":
+/*!********************************************************!*\
+  !*** ./default/assets/js/src/typedoc/utils/pointer.ts ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"pointerDown\": () => /* binding */ pointerDown,\n/* harmony export */   \"pointerMove\": () => /* binding */ pointerMove,\n/* harmony export */   \"pointerUp\": () => /* binding */ pointerUp,\n/* harmony export */   \"pointerDownPosition\": () => /* binding */ pointerDownPosition,\n/* harmony export */   \"preventNextClick\": () => /* binding */ preventNextClick,\n/* harmony export */   \"isPointerDown\": () => /* binding */ isPointerDown,\n/* harmony export */   \"isPointerTouch\": () => /* binding */ isPointerTouch,\n/* harmony export */   \"hasPointerMoved\": () => /* binding */ hasPointerMoved,\n/* harmony export */   \"isMobile\": () => /* binding */ isMobile\n/* harmony export */ });\n/**\n * Event name of the pointer down event.\n */\nvar pointerDown = \"mousedown\";\n/**\n * Event name of the pointer move event.\n */\nvar pointerMove = \"mousemove\";\n/**\n * Event name of the pointer up event.\n */\nvar pointerUp = \"mouseup\";\n/**\n * Position the pointer was pressed at.\n */\nvar pointerDownPosition = { x: 0, y: 0 };\n/**\n * Should the next click on the document be supressed?\n */\nvar preventNextClick = false;\n/**\n * Is the pointer down?\n */\nvar isPointerDown = false;\n/**\n * Is the pointer a touch point?\n */\nvar isPointerTouch = false;\n/**\n * Did the pointer move since the last down event?\n */\nvar hasPointerMoved = false;\n/**\n * Is the user agent a mobile agent?\n */\nvar isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\ndocument.documentElement.classList.add(isMobile ? \"is-mobile\" : \"not-mobile\");\nif (isMobile && \"ontouchstart\" in document.documentElement) {\n    isPointerTouch = true;\n    pointerDown = \"touchstart\";\n    pointerMove = \"touchmove\";\n    pointerUp = \"touchend\";\n}\ndocument.addEventListener(pointerDown, function (e) {\n    isPointerDown = true;\n    hasPointerMoved = false;\n    var t = pointerDown == \"touchstart\"\n        ? e.targetTouches[0]\n        : e;\n    pointerDownPosition.y = t.pageY || 0;\n    pointerDownPosition.x = t.pageX || 0;\n});\ndocument.addEventListener(pointerMove, function (e) {\n    if (!isPointerDown)\n        return;\n    if (!hasPointerMoved) {\n        var t = pointerDown == \"touchstart\"\n            ? e.targetTouches[0]\n            : e;\n        var x = pointerDownPosition.x - (t.pageX || 0);\n        var y = pointerDownPosition.y - (t.pageY || 0);\n        hasPointerMoved = Math.sqrt(x * x + y * y) > 10;\n    }\n});\ndocument.addEventListener(pointerUp, function () {\n    isPointerDown = false;\n});\ndocument.addEventListener(\"click\", function (e) {\n    if (preventNextClick) {\n        e.preventDefault();\n        e.stopImmediatePropagation();\n        preventNextClick = false;\n    }\n});\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/utils/pointer.ts?");
+
+/***/ }),
+
+/***/ "./default/assets/js/src/typedoc/utils/trottle.ts":
+/*!********************************************************!*\
+  !*** ./default/assets/js/src/typedoc/utils/trottle.ts ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"throttle\": () => /* binding */ throttle\n/* harmony export */ });\nvar throttle = function (fn, wait) {\n    if (wait === void 0) { wait = 100; }\n    var time = Date.now();\n    return function () {\n        var args = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            args[_i] = arguments[_i];\n        }\n        if (time + wait - Date.now() < 0) {\n            fn.apply(void 0, args);\n            time = Date.now();\n        }\n    };\n};\n\n\n//# sourceURL=webpack:///./default/assets/js/src/typedoc/utils/trottle.ts?");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		if(__webpack_module_cache__[moduleId]) {
+/******/ 			return __webpack_module_cache__[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => module['default'] :
+/******/ 				() => module;
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	// startup
+/******/ 	// Load entry module
+/******/ 	__webpack_require__("./default/assets/js/src/bootstrap.ts");
+/******/ 	// This entry module used 'exports' so it can't be inlined
+/******/ })()
+;
\ No newline at end of file
diff --git a/docs/assets/js/search.js b/docs/assets/js/search.js
new file mode 100644
index 0000000..0c19e81
--- /dev/null
+++ b/docs/assets/js/search.js
@@ -0,0 +1 @@
+window.searchData = {"kinds":{"1":"Module","32":"Variable","64":"Function","1024":"Property","65536":"Type literal","4194304":"Type alias","16777216":"Reference"},"rows":[{"id":0,"kind":1,"name":"ActionButton","url":"modules/actionbutton.html","classes":"tsd-kind-module"},{"id":1,"kind":64,"name":"default","url":"modules/actionbutton.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"ActionButton"},{"id":2,"kind":1,"name":"Body","url":"modules/body.html","classes":"tsd-kind-module"},{"id":3,"kind":64,"name":"default","url":"modules/body.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Body"},{"id":4,"kind":1,"name":"Button","url":"modules/button.html","classes":"tsd-kind-module"},{"id":5,"kind":64,"name":"default","url":"modules/button.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Button"},{"id":6,"kind":1,"name":"Checkbox","url":"modules/checkbox.html","classes":"tsd-kind-module"},{"id":7,"kind":64,"name":"default","url":"modules/checkbox.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Checkbox"},{"id":8,"kind":1,"name":"common","url":"modules/common.html","classes":"tsd-kind-module"},{"id":9,"kind":4194304,"name":"SpectrumComponentSize","url":"modules/common.html#spectrumcomponentsize","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"common"},{"id":10,"kind":1,"name":"Detail","url":"modules/detail.html","classes":"tsd-kind-module"},{"id":11,"kind":64,"name":"default","url":"modules/detail.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Detail"},{"id":12,"kind":1,"name":"Divider","url":"modules/divider.html","classes":"tsd-kind-module"},{"id":13,"kind":64,"name":"default","url":"modules/divider.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Divider"},{"id":14,"kind":1,"name":"Dropdown","url":"modules/dropdown.html","classes":"tsd-kind-module"},{"id":15,"kind":64,"name":"default","url":"modules/dropdown.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Dropdown"},{"id":16,"kind":1,"name":"Heading","url":"modules/heading.html","classes":"tsd-kind-module"},{"id":17,"kind":64,"name":"default","url":"modules/heading.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Heading"},{"id":18,"kind":1,"name":"Icon","url":"modules/icon.html","classes":"tsd-kind-module"},{"id":19,"kind":64,"name":"default","url":"modules/icon.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Icon"},{"id":20,"kind":1,"name":"index","url":"modules/index.html","classes":"tsd-kind-module"},{"id":21,"kind":32,"name":"default","url":"modules/index.html#default","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"index"},{"id":22,"kind":65536,"name":"__type","url":"modules/index.html#default.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"index.default"},{"id":23,"kind":1024,"name":"Body","url":"modules/index.html#default.__type.body-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":24,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":25,"kind":1024,"name":"Detail","url":"modules/index.html#default.__type.detail-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":26,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":27,"kind":1024,"name":"Heading","url":"modules/index.html#default.__type.heading-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":28,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":29,"kind":1024,"name":"Label","url":"modules/index.html#default.__type.label-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":30,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-10","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":31,"kind":1024,"name":"ActionButton","url":"modules/index.html#default.__type.actionbutton-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":32,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":33,"kind":1024,"name":"Button","url":"modules/index.html#default.__type.button-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":34,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":35,"kind":1024,"name":"Checkbox","url":"modules/index.html#default.__type.checkbox-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":36,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":37,"kind":1024,"name":"Divider","url":"modules/index.html#default.__type.divider-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":38,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":39,"kind":1024,"name":"Dropdown","url":"modules/index.html#default.__type.dropdown-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":40,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":41,"kind":1024,"name":"Icon","url":"modules/index.html#default.__type.icon-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":42,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":43,"kind":1024,"name":"Link","url":"modules/index.html#default.__type.link-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":44,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-11","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":45,"kind":1024,"name":"Menu","url":"modules/index.html#default.__type.menu","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":46,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-12","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":47,"kind":1024,"name":"MenuDivider","url":"modules/index.html#default.__type.menudivider","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":48,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-13","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":49,"kind":1024,"name":"MenuItem","url":"modules/index.html#default.__type.menuitem","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":50,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-14","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":51,"kind":1024,"name":"Progressbar","url":"modules/index.html#default.__type.progressbar-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":52,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-15","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":53,"kind":1024,"name":"Radio","url":"modules/index.html#default.__type.radio-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":54,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-16","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":55,"kind":1024,"name":"RadioGroup","url":"modules/index.html#default.__type.radiogroup-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":56,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-17","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":57,"kind":1024,"name":"Slider","url":"modules/index.html#default.__type.slider-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":58,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-18","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":59,"kind":1024,"name":"Textarea","url":"modules/index.html#default.__type.textarea-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":60,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-19","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":61,"kind":1024,"name":"Textfield","url":"modules/index.html#default.__type.textfield-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":62,"kind":65536,"name":"__type","url":"modules/index.html#default.__type.__type-20","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"index.default.__type"},{"id":63,"kind":1,"name":"Label","url":"modules/label.html","classes":"tsd-kind-module"},{"id":64,"kind":64,"name":"default","url":"modules/label.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Label"},{"id":65,"kind":1,"name":"Link","url":"modules/link.html","classes":"tsd-kind-module"},{"id":66,"kind":64,"name":"default","url":"modules/link.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Link"},{"id":67,"kind":1,"name":"Menu","url":"modules/menu.html","classes":"tsd-kind-module"},{"id":68,"kind":64,"name":"default","url":"modules/menu.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Menu"},{"id":69,"kind":1,"name":"MenuDivider","url":"modules/menudivider.html","classes":"tsd-kind-module"},{"id":70,"kind":64,"name":"default","url":"modules/menudivider.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"MenuDivider"},{"id":71,"kind":1,"name":"MenuItem","url":"modules/menuitem.html","classes":"tsd-kind-module"},{"id":72,"kind":64,"name":"default","url":"modules/menuitem.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"MenuItem"},{"id":73,"kind":1,"name":"Progressbar","url":"modules/progressbar.html","classes":"tsd-kind-module"},{"id":74,"kind":64,"name":"default","url":"modules/progressbar.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Progressbar"},{"id":75,"kind":1,"name":"Radio","url":"modules/radio.html","classes":"tsd-kind-module"},{"id":76,"kind":64,"name":"default","url":"modules/radio.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Radio"},{"id":77,"kind":1,"name":"RadioGroup","url":"modules/radiogroup.html","classes":"tsd-kind-module"},{"id":78,"kind":64,"name":"default","url":"modules/radiogroup.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"RadioGroup"},{"id":79,"kind":1,"name":"Slider","url":"modules/slider.html","classes":"tsd-kind-module"},{"id":80,"kind":64,"name":"default","url":"modules/slider.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Slider"},{"id":81,"kind":1,"name":"Textarea","url":"modules/textarea.html","classes":"tsd-kind-module"},{"id":82,"kind":64,"name":"default","url":"modules/textarea.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Textarea"},{"id":83,"kind":1,"name":"Textfield","url":"modules/textfield.html","classes":"tsd-kind-module"},{"id":84,"kind":64,"name":"default","url":"modules/textfield.html#default","classes":"tsd-kind-function tsd-parent-kind-module","parent":"Textfield"},{"id":85,"kind":16777216,"name":"Body","url":"modules/index.html#body","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":86,"kind":16777216,"name":"Detail","url":"modules/index.html#detail","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":87,"kind":16777216,"name":"Heading","url":"modules/index.html#heading","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":88,"kind":16777216,"name":"Label","url":"modules/index.html#label","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":89,"kind":16777216,"name":"ActionButton","url":"modules/index.html#actionbutton","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":90,"kind":16777216,"name":"Button","url":"modules/index.html#button","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":91,"kind":16777216,"name":"Checkbox","url":"modules/index.html#checkbox","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":92,"kind":16777216,"name":"Divider","url":"modules/index.html#divider","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":93,"kind":16777216,"name":"Dropdown","url":"modules/index.html#dropdown","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":94,"kind":16777216,"name":"Icon","url":"modules/index.html#icon","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":95,"kind":16777216,"name":"Link","url":"modules/index.html#link","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":96,"kind":16777216,"name":"Progressbar","url":"modules/index.html#progressbar","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":97,"kind":16777216,"name":"Radio","url":"modules/index.html#radio","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":98,"kind":16777216,"name":"RadioGroup","url":"modules/index.html#radiogroup","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":99,"kind":16777216,"name":"Slider","url":"modules/index.html#slider","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":100,"kind":16777216,"name":"Textarea","url":"modules/index.html#textarea","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":101,"kind":16777216,"name":"Textfield","url":"modules/index.html#textfield","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,31.307]],["parent/0",[]],["name/1",[1,15.667]],["parent/1",[0,2.814]],["name/2",[2,31.307]],["parent/2",[]],["name/3",[1,15.667]],["parent/3",[2,2.814]],["name/4",[3,31.307]],["parent/4",[]],["name/5",[1,15.667]],["parent/5",[3,2.814]],["name/6",[4,31.307]],["parent/6",[]],["name/7",[1,15.667]],["parent/7",[4,2.814]],["name/8",[5,37.184]],["parent/8",[]],["name/9",[6,42.293]],["parent/9",[5,3.342]],["name/10",[7,31.307]],["parent/10",[]],["name/11",[1,15.667]],["parent/11",[7,2.814]],["name/12",[8,31.307]],["parent/12",[]],["name/13",[1,15.667]],["parent/13",[8,2.814]],["name/14",[9,31.307]],["parent/14",[]],["name/15",[1,15.667]],["parent/15",[9,2.814]],["name/16",[10,31.307]],["parent/16",[]],["name/17",[1,15.667]],["parent/17",[10,2.814]],["name/18",[11,31.307]],["parent/18",[]],["name/19",[1,15.667]],["parent/19",[11,2.814]],["name/20",[12,16.643]],["parent/20",[]],["name/21",[1,15.667]],["parent/21",[12,1.496]],["name/22",[13,15.667]],["parent/22",[14,3.802]],["name/23",[2,31.307]],["parent/23",[15,0.839]],["name/24",[13,15.667]],["parent/24",[15,0.839]],["name/25",[7,31.307]],["parent/25",[15,0.839]],["name/26",[13,15.667]],["parent/26",[15,0.839]],["name/27",[10,31.307]],["parent/27",[15,0.839]],["name/28",[13,15.667]],["parent/28",[15,0.839]],["name/29",[16,31.307]],["parent/29",[15,0.839]],["name/30",[13,15.667]],["parent/30",[15,0.839]],["name/31",[0,31.307]],["parent/31",[15,0.839]],["name/32",[13,15.667]],["parent/32",[15,0.839]],["name/33",[3,31.307]],["parent/33",[15,0.839]],["name/34",[13,15.667]],["parent/34",[15,0.839]],["name/35",[4,31.307]],["parent/35",[15,0.839]],["name/36",[13,15.667]],["parent/36",[15,0.839]],["name/37",[8,31.307]],["parent/37",[15,0.839]],["name/38",[13,15.667]],["parent/38",[15,0.839]],["name/39",[9,31.307]],["parent/39",[15,0.839]],["name/40",[13,15.667]],["parent/40",[15,0.839]],["name/41",[11,31.307]],["parent/41",[15,0.839]],["name/42",[13,15.667]],["parent/42",[15,0.839]],["name/43",[17,31.307]],["parent/43",[15,0.839]],["name/44",[13,15.667]],["parent/44",[15,0.839]],["name/45",[18,33.82]],["parent/45",[15,0.839]],["name/46",[13,15.667]],["parent/46",[15,0.839]],["name/47",[19,33.82]],["parent/47",[15,0.839]],["name/48",[13,15.667]],["parent/48",[15,0.839]],["name/49",[20,33.82]],["parent/49",[15,0.839]],["name/50",[13,15.667]],["parent/50",[15,0.839]],["name/51",[21,31.307]],["parent/51",[15,0.839]],["name/52",[13,15.667]],["parent/52",[15,0.839]],["name/53",[22,31.307]],["parent/53",[15,0.839]],["name/54",[13,15.667]],["parent/54",[15,0.839]],["name/55",[23,31.307]],["parent/55",[15,0.839]],["name/56",[13,15.667]],["parent/56",[15,0.839]],["name/57",[24,31.307]],["parent/57",[15,0.839]],["name/58",[13,15.667]],["parent/58",[15,0.839]],["name/59",[25,31.307]],["parent/59",[15,0.839]],["name/60",[13,15.667]],["parent/60",[15,0.839]],["name/61",[26,31.307]],["parent/61",[15,0.839]],["name/62",[13,15.667]],["parent/62",[15,0.839]],["name/63",[16,31.307]],["parent/63",[]],["name/64",[1,15.667]],["parent/64",[16,2.814]],["name/65",[17,31.307]],["parent/65",[]],["name/66",[1,15.667]],["parent/66",[17,2.814]],["name/67",[18,33.82]],["parent/67",[]],["name/68",[1,15.667]],["parent/68",[18,3.04]],["name/69",[19,33.82]],["parent/69",[]],["name/70",[1,15.667]],["parent/70",[19,3.04]],["name/71",[20,33.82]],["parent/71",[]],["name/72",[1,15.667]],["parent/72",[20,3.04]],["name/73",[21,31.307]],["parent/73",[]],["name/74",[1,15.667]],["parent/74",[21,2.814]],["name/75",[22,31.307]],["parent/75",[]],["name/76",[1,15.667]],["parent/76",[22,2.814]],["name/77",[23,31.307]],["parent/77",[]],["name/78",[1,15.667]],["parent/78",[23,2.814]],["name/79",[24,31.307]],["parent/79",[]],["name/80",[1,15.667]],["parent/80",[24,2.814]],["name/81",[25,31.307]],["parent/81",[]],["name/82",[1,15.667]],["parent/82",[25,2.814]],["name/83",[26,31.307]],["parent/83",[]],["name/84",[1,15.667]],["parent/84",[26,2.814]],["name/85",[2,31.307]],["parent/85",[12,1.496]],["name/86",[7,31.307]],["parent/86",[12,1.496]],["name/87",[10,31.307]],["parent/87",[12,1.496]],["name/88",[16,31.307]],["parent/88",[12,1.496]],["name/89",[0,31.307]],["parent/89",[12,1.496]],["name/90",[3,31.307]],["parent/90",[12,1.496]],["name/91",[4,31.307]],["parent/91",[12,1.496]],["name/92",[8,31.307]],["parent/92",[12,1.496]],["name/93",[9,31.307]],["parent/93",[12,1.496]],["name/94",[11,31.307]],["parent/94",[12,1.496]],["name/95",[17,31.307]],["parent/95",[12,1.496]],["name/96",[21,31.307]],["parent/96",[12,1.496]],["name/97",[22,31.307]],["parent/97",[12,1.496]],["name/98",[23,31.307]],["parent/98",[12,1.496]],["name/99",[24,31.307]],["parent/99",[12,1.496]],["name/100",[25,31.307]],["parent/100",[12,1.496]],["name/101",[26,31.307]],["parent/101",[12,1.496]]],"invertedIndex":[["__type",{"_index":13,"name":{"22":{},"24":{},"26":{},"28":{},"30":{},"32":{},"34":{},"36":{},"38":{},"40":{},"42":{},"44":{},"46":{},"48":{},"50":{},"52":{},"54":{},"56":{},"58":{},"60":{},"62":{}},"parent":{}}],["actionbutton",{"_index":0,"name":{"0":{},"31":{},"89":{}},"parent":{"1":{}}}],["body",{"_index":2,"name":{"2":{},"23":{},"85":{}},"parent":{"3":{}}}],["button",{"_index":3,"name":{"4":{},"33":{},"90":{}},"parent":{"5":{}}}],["checkbox",{"_index":4,"name":{"6":{},"35":{},"91":{}},"parent":{"7":{}}}],["common",{"_index":5,"name":{"8":{}},"parent":{"9":{}}}],["default",{"_index":1,"name":{"1":{},"3":{},"5":{},"7":{},"11":{},"13":{},"15":{},"17":{},"19":{},"21":{},"64":{},"66":{},"68":{},"70":{},"72":{},"74":{},"76":{},"78":{},"80":{},"82":{},"84":{}},"parent":{}}],["detail",{"_index":7,"name":{"10":{},"25":{},"86":{}},"parent":{"11":{}}}],["divider",{"_index":8,"name":{"12":{},"37":{},"92":{}},"parent":{"13":{}}}],["dropdown",{"_index":9,"name":{"14":{},"39":{},"93":{}},"parent":{"15":{}}}],["heading",{"_index":10,"name":{"16":{},"27":{},"87":{}},"parent":{"17":{}}}],["icon",{"_index":11,"name":{"18":{},"41":{},"94":{}},"parent":{"19":{}}}],["index",{"_index":12,"name":{"20":{}},"parent":{"21":{},"85":{},"86":{},"87":{},"88":{},"89":{},"90":{},"91":{},"92":{},"93":{},"94":{},"95":{},"96":{},"97":{},"98":{},"99":{},"100":{},"101":{}}}],["index.default",{"_index":14,"name":{},"parent":{"22":{}}}],["index.default.__type",{"_index":15,"name":{},"parent":{"23":{},"24":{},"25":{},"26":{},"27":{},"28":{},"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"35":{},"36":{},"37":{},"38":{},"39":{},"40":{},"41":{},"42":{},"43":{},"44":{},"45":{},"46":{},"47":{},"48":{},"49":{},"50":{},"51":{},"52":{},"53":{},"54":{},"55":{},"56":{},"57":{},"58":{},"59":{},"60":{},"61":{},"62":{}}}],["label",{"_index":16,"name":{"29":{},"63":{},"88":{}},"parent":{"64":{}}}],["link",{"_index":17,"name":{"43":{},"65":{},"95":{}},"parent":{"66":{}}}],["menu",{"_index":18,"name":{"45":{},"67":{}},"parent":{"68":{}}}],["menudivider",{"_index":19,"name":{"47":{},"69":{}},"parent":{"70":{}}}],["menuitem",{"_index":20,"name":{"49":{},"71":{}},"parent":{"72":{}}}],["progressbar",{"_index":21,"name":{"51":{},"73":{},"96":{}},"parent":{"74":{}}}],["radio",{"_index":22,"name":{"53":{},"75":{},"97":{}},"parent":{"76":{}}}],["radiogroup",{"_index":23,"name":{"55":{},"77":{},"98":{}},"parent":{"78":{}}}],["slider",{"_index":24,"name":{"57":{},"79":{},"99":{}},"parent":{"80":{}}}],["spectrumcomponentsize",{"_index":6,"name":{"9":{}},"parent":{}}],["textarea",{"_index":25,"name":{"59":{},"81":{},"100":{}},"parent":{"82":{}}}],["textfield",{"_index":26,"name":{"61":{},"83":{},"101":{}},"parent":{"84":{}}}]],"pipeline":[]}}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..a4be402
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,186 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="assets/css/main.css">
+	<script async src="assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="assets/js/search.json" data-base=".">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<h1>react-uxp-spectrum</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<div class="tsd-panel tsd-typography">
+				<a href="#react-uxp-spectrum-components" id="react-uxp-spectrum-components" style="color: inherit; text-decoration: none;">
+					<h1>React UXP Spectrum Components</h1>
+				</a>
+				<blockquote>
+					<p>Adobe UXP Spectrum Web Components for React</p>
+				</blockquote>
+				<a href="#install" id="install" style="color: inherit; text-decoration: none;">
+					<h2>Install</h2>
+				</a>
+				<pre><code class="language-sh"><span style="color: #000000">npm install react-uxp-spectrum</span>
+<span style="color: #008000"># or</span>
+<span style="color: #000000">yarn add react-uxp-spectrum</span>
+</code></pre>
+				<a href="#about" id="about" style="color: inherit; text-decoration: none;">
+					<h2>About</h2>
+				</a>
+				<p>A complete set of react components for use in Adobe UXP extensions.</p>
+				<p>At the time of this writing React Spectrum is not entirely universal and their exists many quirks to the use of Spectrum components in react.</p>
+				<p>This package aims to make development of UXP plugins using react a breeze and encapsulates all of the quirks and oddities that come with a web-component based library being used in react.</p>
+				<a href="#contribute" id="contribute" style="color: inherit; text-decoration: none;">
+					<h2>Contribute</h2>
+				</a>
+				<p>Pull Requests welcome!</p>
+				<p>These components are derived from the <a href="https://www.adobe.io/xd/uxp/uxp/reference-spectrum/Overview/">documentation for uxp spectrum</a> and use in my own projects. The components may very well be missing features that are loosely documented or undocumented and will need patches as things change or are discovered.</p>
+			</div>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules.html b/docs/modules.html
new file mode 100644
index 0000000..649dd2d
--- /dev/null
+++ b/docs/modules.html
@@ -0,0 +1,194 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="assets/css/main.css">
+	<script async src="assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="assets/js/search.json" data-base=".">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<h1>react-uxp-spectrum</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Modules</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-module"><a href="modules/actionbutton.html" class="tsd-kind-icon">Action<wbr>Button</a></li>
+								<li class="tsd-kind-module"><a href="modules/body.html" class="tsd-kind-icon">Body</a></li>
+								<li class="tsd-kind-module"><a href="modules/button.html" class="tsd-kind-icon">Button</a></li>
+								<li class="tsd-kind-module"><a href="modules/checkbox.html" class="tsd-kind-icon">Checkbox</a></li>
+								<li class="tsd-kind-module"><a href="modules/detail.html" class="tsd-kind-icon">Detail</a></li>
+								<li class="tsd-kind-module"><a href="modules/divider.html" class="tsd-kind-icon">Divider</a></li>
+								<li class="tsd-kind-module"><a href="modules/dropdown.html" class="tsd-kind-icon">Dropdown</a></li>
+								<li class="tsd-kind-module"><a href="modules/heading.html" class="tsd-kind-icon">Heading</a></li>
+								<li class="tsd-kind-module"><a href="modules/icon.html" class="tsd-kind-icon">Icon</a></li>
+								<li class="tsd-kind-module"><a href="modules/label.html" class="tsd-kind-icon">Label</a></li>
+								<li class="tsd-kind-module"><a href="modules/link.html" class="tsd-kind-icon">Link</a></li>
+								<li class="tsd-kind-module"><a href="modules/menu.html" class="tsd-kind-icon">Menu</a></li>
+								<li class="tsd-kind-module"><a href="modules/menudivider.html" class="tsd-kind-icon">Menu<wbr>Divider</a></li>
+								<li class="tsd-kind-module"><a href="modules/menuitem.html" class="tsd-kind-icon">Menu<wbr>Item</a></li>
+								<li class="tsd-kind-module"><a href="modules/progressbar.html" class="tsd-kind-icon">Progressbar</a></li>
+								<li class="tsd-kind-module"><a href="modules/radio.html" class="tsd-kind-icon">Radio</a></li>
+								<li class="tsd-kind-module"><a href="modules/radiogroup.html" class="tsd-kind-icon">Radio<wbr>Group</a></li>
+								<li class="tsd-kind-module"><a href="modules/slider.html" class="tsd-kind-icon">Slider</a></li>
+								<li class="tsd-kind-module"><a href="modules/textarea.html" class="tsd-kind-icon">Textarea</a></li>
+								<li class="tsd-kind-module"><a href="modules/textfield.html" class="tsd-kind-icon">Textfield</a></li>
+								<li class="tsd-kind-module"><a href="modules/common.html" class="tsd-kind-icon">common</a></li>
+								<li class="tsd-kind-module"><a href="modules/index.html" class="tsd-kind-icon">index</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="current ">
+						<a href="modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/actionbutton.html b/docs/modules/actionbutton.html
new file mode 100644
index 0000000..f96da6a
--- /dev/null
+++ b/docs/modules/actionbutton.html
@@ -0,0 +1,224 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>ActionButton | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="actionbutton.html">ActionButton</a>
+				</li>
+			</ul>
+			<h1>Module ActionButton</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="actionbutton.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/ActionButton.tsx#L44">ActionButton.tsx:44</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders an action button.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.ActionButton&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Icon name=&quot;ui:Magnifier&quot; size=&quot;xs&quot; slot=&quot;icon&quot; /&gt;</span>
+<span style="color: #000000">  Zoom</span>
+<span style="color: #000000">&lt;/Spectrum.ActionButton&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="actionbutton.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/body.html b/docs/modules/body.html
new file mode 100644
index 0000000..3274285
--- /dev/null
+++ b/docs/modules/body.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Body | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="body.html">Body</a>
+				</li>
+			</ul>
+			<h1>Module Body</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="body.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Body.tsx#L39">Body.tsx:39</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders body text that is theme aware.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Body size=&quot;XL&quot;&gt;This is some body text&lt;/Spectrum.Body&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="body.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/button.html b/docs/modules/button.html
new file mode 100644
index 0000000..a57ac7a
--- /dev/null
+++ b/docs/modules/button.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Button | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="button.html">Button</a>
+				</li>
+			</ul>
+			<h1>Module Button</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="button.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Button.tsx#L49">Button.tsx:49</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a button.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Button variant=&quot;primary&quot;&gt;Click&lt;/Spectrum.Button&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="button.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/checkbox.html b/docs/modules/checkbox.html
new file mode 100644
index 0000000..a6cad27
--- /dev/null
+++ b/docs/modules/checkbox.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Checkbox | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="checkbox.html">Checkbox</a>
+				</li>
+			</ul>
+			<h1>Module Checkbox</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="checkbox.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Checkbox.tsx#L47">Checkbox.tsx:47</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a checkbox with associated label.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Checkbox checked&gt;Checked&lt;/Spectrum.Checkbox&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="checkbox.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/common.html b/docs/modules/common.html
new file mode 100644
index 0000000..150bf49
--- /dev/null
+++ b/docs/modules/common.html
@@ -0,0 +1,197 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>common | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="common.html">common</a>
+				</li>
+			</ul>
+			<h1>Module common</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Type aliases</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="common.html#spectrumcomponentsize" class="tsd-kind-icon">Spectrum<wbr>Component<wbr>Size</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Type aliases</h2>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="spectrumcomponentsize" class="tsd-anchor"></a>
+					<h3>Spectrum<wbr>Component<wbr>Size</h3>
+					<div class="tsd-signature tsd-kind-icon">Spectrum<wbr>Component<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;s&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;m&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;l&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xl&quot;</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/common.tsx#L1">common.tsx:1</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="common.html#spectrumcomponentsize" class="tsd-kind-icon">Spectrum<wbr>Component<wbr>Size</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/detail.html b/docs/modules/detail.html
new file mode 100644
index 0000000..c967e4b
--- /dev/null
+++ b/docs/modules/detail.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Detail | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="detail.html">Detail</a>
+				</li>
+			</ul>
+			<h1>Module Detail</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="detail.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Detail.tsx#L39">Detail.tsx:39</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders detail text in a smaller font.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Detail&gt;The fine details&lt;Spectrum.Detail&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="detail.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/divider.html b/docs/modules/divider.html
new file mode 100644
index 0000000..ed574b5
--- /dev/null
+++ b/docs/modules/divider.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Divider | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="divider.html">Divider</a>
+				</li>
+			</ul>
+			<h1>Module Divider</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="divider.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Divider.tsx#L32">Divider.tsx:32</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a divider.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Divider size=&quot;large&quot; /&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="divider.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/dropdown.html b/docs/modules/dropdown.html
new file mode 100644
index 0000000..ef9cc0e
--- /dev/null
+++ b/docs/modules/dropdown.html
@@ -0,0 +1,229 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Dropdown | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="dropdown.html">Dropdown</a>
+				</li>
+			</ul>
+			<h1>Module Dropdown</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="dropdown.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Dropdown.tsx#L55">Dropdown.tsx:55</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a dropdown with menu items. The dropdown must contain a {@link Spectrum.Menu}
+										with <code>slot=&quot;options&quot;</code>, and inside the {@link Spectrum.Menu}, a series of {@link Spectrum.MenuItem}
+									or {@link Spectrum.MenuDivider} elements.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Dropdown&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Menu slot=&quot;options&quot;&gt;</span>
+<span style="color: #000000">    &lt;Spectrum.MenuItem&gt;Deselect&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">    &lt;Spectrum.MenuDivider&gt;&lt;/Spectrum.MenuDivider&gt;</span>
+<span style="color: #000000">    &lt;Spectrum.MenuItem disabled&gt;Make work path&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;/Spectrum.Menu&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Dropdown&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="dropdown.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/heading.html b/docs/modules/heading.html
new file mode 100644
index 0000000..fcbff5b
--- /dev/null
+++ b/docs/modules/heading.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Heading | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="heading.html">Heading</a>
+				</li>
+			</ul>
+			<h1>Module Heading</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="heading.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Heading.tsx#L50">Heading.tsx:50</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders heading text that is theme aware.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Heading size=&quot;XL&quot;&gt;Heading XL&lt;/Spectrum.Heading&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="heading.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/icon.html b/docs/modules/icon.html
new file mode 100644
index 0000000..aab726d
--- /dev/null
+++ b/docs/modules/icon.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Icon | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="icon.html">Icon</a>
+				</li>
+			</ul>
+			<h1>Module Icon</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="icon.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Icon.tsx#L76">Icon.tsx:76</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Display a named icon.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Icon size=&quot;xl&quot; name=&quot;ui:Magnifier&quot; /&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="icon.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/index.html b/docs/modules/index.html
new file mode 100644
index 0000000..67c2921
--- /dev/null
+++ b/docs/modules/index.html
@@ -0,0 +1,1048 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>index | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="index.html">index</a>
+				</li>
+			</ul>
+			<h1>Module index</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>References</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#actionbutton" class="tsd-kind-icon">Action<wbr>Button</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#body" class="tsd-kind-icon">Body</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#button" class="tsd-kind-icon">Button</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#checkbox" class="tsd-kind-icon">Checkbox</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#detail" class="tsd-kind-icon">Detail</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#divider" class="tsd-kind-icon">Divider</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#dropdown" class="tsd-kind-icon">Dropdown</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#heading" class="tsd-kind-icon">Heading</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#icon" class="tsd-kind-icon">Icon</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#label" class="tsd-kind-icon">Label</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#link" class="tsd-kind-icon">Link</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#progressbar" class="tsd-kind-icon">Progressbar</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#radio" class="tsd-kind-icon">Radio</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#radiogroup" class="tsd-kind-icon">Radio<wbr>Group</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#slider" class="tsd-kind-icon">Slider</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#textarea" class="tsd-kind-icon">Textarea</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#textfield" class="tsd-kind-icon">Textfield</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Variables</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="index.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>References</h2>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="actionbutton" class="tsd-anchor"></a>
+					<h3>Action<wbr>Button</h3>
+					Renames and exports <a href="actionbutton.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="body" class="tsd-anchor"></a>
+					<h3>Body</h3>
+					Renames and exports <a href="body.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="button" class="tsd-anchor"></a>
+					<h3>Button</h3>
+					Renames and exports <a href="button.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="checkbox" class="tsd-anchor"></a>
+					<h3>Checkbox</h3>
+					Renames and exports <a href="checkbox.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="detail" class="tsd-anchor"></a>
+					<h3>Detail</h3>
+					Renames and exports <a href="detail.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="divider" class="tsd-anchor"></a>
+					<h3>Divider</h3>
+					Renames and exports <a href="divider.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="dropdown" class="tsd-anchor"></a>
+					<h3>Dropdown</h3>
+					Renames and exports <a href="dropdown.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="heading" class="tsd-anchor"></a>
+					<h3>Heading</h3>
+					Renames and exports <a href="heading.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="icon" class="tsd-anchor"></a>
+					<h3>Icon</h3>
+					Renames and exports <a href="icon.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="label" class="tsd-anchor"></a>
+					<h3>Label</h3>
+					Renames and exports <a href="index.html#default.__type.__type-10">__type</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="link" class="tsd-anchor"></a>
+					<h3>Link</h3>
+					Renames and exports <a href="index.html#default.__type.__type-11">__type</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="progressbar" class="tsd-anchor"></a>
+					<h3>Progressbar</h3>
+					Renames and exports <a href="index.html#default.__type.__type-15">__type</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="radio" class="tsd-anchor"></a>
+					<h3>Radio</h3>
+					Renames and exports <a href="index.html#default.__type.__type-16">__type</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="radiogroup" class="tsd-anchor"></a>
+					<h3>Radio<wbr>Group</h3>
+					Renames and exports <a href="index.html#default.__type.__type-17">__type</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="slider" class="tsd-anchor"></a>
+					<h3>Slider</h3>
+					Renames and exports <a href="index.html#default.__type.__type-18">__type</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="textarea" class="tsd-anchor"></a>
+					<h3>Textarea</h3>
+					Renames and exports <a href="index.html#default.__type.__type-19">__type</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="textfield" class="tsd-anchor"></a>
+					<h3>Textfield</h3>
+					Renames and exports <a href="index.html#default.__type.__type-20">__type</a>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Variables</h2>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>ActionButton<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Body<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Button<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Checkbox<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Detail<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Divider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Dropdown<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Heading<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Icon<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Link<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>MenuDivider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>MenuItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Progressbar<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Radio<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>RadioGroup<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Slider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Textarea<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">; </span>Textfield<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/index.ts#L24">index.ts:24</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>Action<wbr>Button<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders an action button.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.ActionButton&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Icon name=&quot;ui:Magnifier&quot; size=&quot;xs&quot; slot=&quot;icon&quot; /&gt;</span>
+<span style="color: #000000">  Zoom</span>
+<span style="color: #000000">&lt;/Spectrum.ActionButton&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Body<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders body text that is theme aware.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Body size=&quot;XL&quot;&gt;This is some body text&lt;/Spectrum.Body&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Button<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a button.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Button variant=&quot;primary&quot;&gt;Click&lt;/Spectrum.Button&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Checkbox<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a checkbox with associated label.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Checkbox checked&gt;Checked&lt;/Spectrum.Checkbox&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Detail<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders detail text in a smaller font.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Detail&gt;The fine details&lt;Spectrum.Detail&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Divider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a divider.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Divider size=&quot;large&quot; /&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Dropdown<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a dropdown with menu items. The dropdown must contain a {@link Spectrum.Menu}
+															with <code>slot=&quot;options&quot;</code>, and inside the {@link Spectrum.Menu}, a series of {@link Spectrum.MenuItem}
+														or {@link Spectrum.MenuDivider} elements.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Dropdown&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Menu slot=&quot;options&quot;&gt;</span>
+<span style="color: #000000">    &lt;Spectrum.MenuItem&gt;Deselect&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">    &lt;Spectrum.MenuDivider&gt;&lt;/Spectrum.MenuDivider&gt;</span>
+<span style="color: #000000">    &lt;Spectrum.MenuItem disabled&gt;Make work path&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;/Spectrum.Menu&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Dropdown&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Heading<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders heading text that is theme aware.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Heading size=&quot;XL&quot;&gt;Heading XL&lt;/Spectrum.Heading&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Icon<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Display a named icon.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Icon size=&quot;xl&quot; name=&quot;ui:Magnifier&quot; /&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a text label. Can also be used to add a label to many Spectrum UXP
+														UI elements when using the <code>slot=&quot;label&quot;</code> attribute.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Textfield&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot; isRequired&gt;Required label in a slot&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Textfield&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Link<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a link, that when clicked can launch a webpage in the user&#39;s default browser.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Link href=&quot;https://thejustinwalsh.com&quot;&gt;TJW&lt;/Spectrum.Link&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a menu with menu items. Inside the {@link Spectrum.Menu}, a series of
+														{@link Spectrum.MenuItem} or {@link Spectrum.MenuDivider} elements may exist.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>remarks</dt>
+														<dd><p>{@link Spectrum.MenuDivider} elements will only render inside an {@link Spectrum.Dropdown}.</p>
+														</dd>
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Menu&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem&gt;Deselect&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem&gt;Select inverse&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuDivider&gt;&lt;/Spectrum.MenuDivider&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem disabled&gt;Make work path&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Menu&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Menu<wbr>Divider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>A menu divider element that separates {@link Spectrum.MenuItem}s contained
+														in a {@link Spectrum.Dropdown}.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><p>&lt;Spectrum.Dropdown&gt;
+																&lt;Spectrum.Menu&gt;
+																&lt;Spectrum.MenuItem&gt;Group 1&lt;/Spectrum.MenuItem&gt;
+																&lt;Spectrum.MenuDivider /&gt;
+																&lt;Spectrum.MenuItem&gt;Group 2&lt;/Spectrum.MenuItem&gt;
+																&lt;/Spectrum.Menu&gt;
+															&lt;/Spectrum.Dropdown&gt;</p>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Menu<wbr>Item<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a menu item, with an optional checkmark indicating selection.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Menu&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem disabled&gt;California&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem&gt;Phoenix&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem selected&gt;Portland&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Menu&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Progressbar<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a progress bar.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Progressbar max={100} value={50} valueLabel=&quot;593 kB&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Uploading...&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Progressbar&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Radio<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a radio button with associated label.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Radio checked value=&quot;ps&quot;&gt;Adobe Photoshop&lt;/Spectrum.Radio&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Radio<wbr>Group<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a group of radio buttons horizontally or vertically (column layout), with an optional field {@link Spectrum.Label}.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.RadioGroup&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Select a product:&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Radio value=&quot;ps&quot;&gt;Adobe Photoshop&lt;Spectrum.Radio&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Radio value=&quot;xd&quot;&gt;Adobe XD&lt;/Spectrum.Radio&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.RadioGroup&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Slider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a slider with optional associated {@link Spectrum.Label}.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Slider min=&quot;0&quot; max=&quot;100&quot; value=&quot;50&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Slider Label&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Slider&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Textarea<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a text area with optional associated {@link Spectrum.Label}.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Textarea placeholder=&quot;Enter your name&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Name&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Textarea&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>Textfield<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Element</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter-signature">
+										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
+											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+										</ul>
+										<ul class="tsd-descriptions">
+											<li class="tsd-description">
+												<div class="tsd-comment tsd-typography">
+													<div class="lead">
+														<p>Renders a text field with optional associated {@link Spectrum.Label}.</p>
+													</div>
+													<dl class="tsd-comment-tags">
+														<dt>example</dt>
+														<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Textfield placeholder=&quot;Phone Number&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label isRequired=&quot;true&quot; slot=&quot;label&quot;&gt;Phone Number&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Textfield&gt;</span>
+</code></pre>
+														</dd>
+													</dl>
+												</div>
+												<h4 class="tsd-parameters-title">Parameters</h4>
+												<ul class="tsd-parameters">
+													<li>
+														<h5>props: <span class="tsd-signature-type">Props</span></h5>
+													</li>
+												</ul>
+												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#actionbutton" class="tsd-kind-icon">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#body" class="tsd-kind-icon">Body</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#button" class="tsd-kind-icon">Button</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#checkbox" class="tsd-kind-icon">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#detail" class="tsd-kind-icon">Detail</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#divider" class="tsd-kind-icon">Divider</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#dropdown" class="tsd-kind-icon">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#heading" class="tsd-kind-icon">Heading</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#icon" class="tsd-kind-icon">Icon</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#label" class="tsd-kind-icon">Label</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#link" class="tsd-kind-icon">Link</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#progressbar" class="tsd-kind-icon">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#radio" class="tsd-kind-icon">Radio</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#radiogroup" class="tsd-kind-icon">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#slider" class="tsd-kind-icon">Slider</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#textarea" class="tsd-kind-icon">Textarea</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#textfield" class="tsd-kind-icon">Textfield</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="index.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/label.html b/docs/modules/label.html
new file mode 100644
index 0000000..9fcecdd
--- /dev/null
+++ b/docs/modules/label.html
@@ -0,0 +1,224 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Label | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="label.html">Label</a>
+				</li>
+			</ul>
+			<h1>Module Label</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="label.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Label.tsx#L40">Label.tsx:40</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a text label. Can also be used to add a label to many Spectrum UXP
+									UI elements when using the <code>slot=&quot;label&quot;</code> attribute.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Textfield&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot; isRequired&gt;Required label in a slot&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Textfield&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="label.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/link.html b/docs/modules/link.html
new file mode 100644
index 0000000..80a4a83
--- /dev/null
+++ b/docs/modules/link.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Link | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="link.html">Link</a>
+				</li>
+			</ul>
+			<h1>Module Link</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="link.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Link.tsx#L41">Link.tsx:41</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a link, that when clicked can launch a webpage in the user&#39;s default browser.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Link href=&quot;https://thejustinwalsh.com&quot;&gt;TJW&lt;/Spectrum.Link&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="link.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/menu.html b/docs/modules/menu.html
new file mode 100644
index 0000000..bc80a98
--- /dev/null
+++ b/docs/modules/menu.html
@@ -0,0 +1,230 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Menu | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="menu.html">Menu</a>
+				</li>
+			</ul>
+			<h1>Module Menu</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="menu.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Menu.tsx#L50">Menu.tsx:50</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a menu with menu items. Inside the {@link Spectrum.Menu}, a series of
+									{@link Spectrum.MenuItem} or {@link Spectrum.MenuDivider} elements may exist.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>remarks</dt>
+									<dd><p>{@link Spectrum.MenuDivider} elements will only render inside an {@link Spectrum.Dropdown}.</p>
+									</dd>
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Menu&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem&gt;Deselect&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem&gt;Select inverse&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuDivider&gt;&lt;/Spectrum.MenuDivider&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem disabled&gt;Make work path&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Menu&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="menu.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/menudivider.html b/docs/modules/menudivider.html
new file mode 100644
index 0000000..9a4971c
--- /dev/null
+++ b/docs/modules/menudivider.html
@@ -0,0 +1,227 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>MenuDivider | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="menudivider.html">MenuDivider</a>
+				</li>
+			</ul>
+			<h1>Module MenuDivider</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="menudivider.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/MenuDivider.tsx#L31">MenuDivider.tsx:31</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>A menu divider element that separates {@link Spectrum.MenuItem}s contained
+									in a {@link Spectrum.Dropdown}.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><p>&lt;Spectrum.Dropdown&gt;
+											&lt;Spectrum.Menu&gt;
+											&lt;Spectrum.MenuItem&gt;Group 1&lt;/Spectrum.MenuItem&gt;
+											&lt;Spectrum.MenuDivider /&gt;
+											&lt;Spectrum.MenuItem&gt;Group 2&lt;/Spectrum.MenuItem&gt;
+											&lt;/Spectrum.Menu&gt;
+										&lt;/Spectrum.Dropdown&gt;</p>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="menudivider.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/menuitem.html b/docs/modules/menuitem.html
new file mode 100644
index 0000000..e02d177
--- /dev/null
+++ b/docs/modules/menuitem.html
@@ -0,0 +1,225 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>MenuItem | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="menuitem.html">MenuItem</a>
+				</li>
+			</ul>
+			<h1>Module MenuItem</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="menuitem.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/MenuItem.tsx#L47">MenuItem.tsx:47</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a menu item, with an optional checkmark indicating selection.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Menu&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem disabled&gt;California&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem&gt;Phoenix&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.MenuItem selected&gt;Portland&lt;/Spectrum.MenuItem&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Menu&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="menuitem.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/progressbar.html b/docs/modules/progressbar.html
new file mode 100644
index 0000000..c3fa05b
--- /dev/null
+++ b/docs/modules/progressbar.html
@@ -0,0 +1,223 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Progressbar | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="progressbar.html">Progressbar</a>
+				</li>
+			</ul>
+			<h1>Module Progressbar</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="progressbar.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Progressbar.tsx#L48">Progressbar.tsx:48</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a progress bar.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Progressbar max={100} value={50} valueLabel=&quot;593 kB&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Uploading...&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Progressbar&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="progressbar.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/radio.html b/docs/modules/radio.html
new file mode 100644
index 0000000..5e3bf0a
--- /dev/null
+++ b/docs/modules/radio.html
@@ -0,0 +1,221 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Radio | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="radio.html">Radio</a>
+				</li>
+			</ul>
+			<h1>Module Radio</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="radio.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Radio.tsx#L47">Radio.tsx:47</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a radio button with associated label.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Radio checked value=&quot;ps&quot;&gt;Adobe Photoshop&lt;/Spectrum.Radio&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="radio.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/radiogroup.html b/docs/modules/radiogroup.html
new file mode 100644
index 0000000..b4c7254
--- /dev/null
+++ b/docs/modules/radiogroup.html
@@ -0,0 +1,225 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>RadioGroup | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="radiogroup.html">RadioGroup</a>
+				</li>
+			</ul>
+			<h1>Module RadioGroup</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="radiogroup.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/RadioGroup.tsx#L43">RadioGroup.tsx:43</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a group of radio buttons horizontally or vertically (column layout), with an optional field {@link Spectrum.Label}.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.RadioGroup&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Select a product:&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Radio value=&quot;ps&quot;&gt;Adobe Photoshop&lt;Spectrum.Radio&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Radio value=&quot;xd&quot;&gt;Adobe XD&lt;/Spectrum.Radio&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.RadioGroup&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="radiogroup.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/slider.html b/docs/modules/slider.html
new file mode 100644
index 0000000..98cae51
--- /dev/null
+++ b/docs/modules/slider.html
@@ -0,0 +1,223 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Slider | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="slider.html">Slider</a>
+				</li>
+			</ul>
+			<h1>Module Slider</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="slider.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Slider.tsx#L57">Slider.tsx:57</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a slider with optional associated {@link Spectrum.Label}.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Slider min=&quot;0&quot; max=&quot;100&quot; value=&quot;50&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Slider Label&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Slider&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="slider.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/textarea.html b/docs/modules/textarea.html
new file mode 100644
index 0000000..2069ae0
--- /dev/null
+++ b/docs/modules/textarea.html
@@ -0,0 +1,223 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Textarea | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="textarea.html">Textarea</a>
+				</li>
+			</ul>
+			<h1>Module Textarea</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="textarea.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Textarea.tsx#L54">Textarea.tsx:54</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a text area with optional associated {@link Spectrum.Label}.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Textarea placeholder=&quot;Enter your name&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label slot=&quot;label&quot;&gt;Name&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Textarea&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="textarea.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/textfield.html b/docs/modules/textfield.html
new file mode 100644
index 0000000..526a0f3
--- /dev/null
+++ b/docs/modules/textfield.html
@@ -0,0 +1,223 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Textfield | react-uxp-spectrum</title>
+	<meta name="description" content="Documentation for react-uxp-spectrum">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">react-uxp-spectrum</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">react-uxp-spectrum</a>
+				</li>
+				<li>
+					<a href="textfield.html">Textfield</a>
+				</li>
+			</ul>
+			<h1>Module Textfield</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Functions</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="textfield.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/jardicc/react-uxp-spectrum/blob/68fe9a7/src/Textfield.tsx#L54">Textfield.tsx:54</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Renders a text field with optional associated {@link Spectrum.Label}.</p>
+								</div>
+								<dl class="tsd-comment-tags">
+									<dt>example</dt>
+									<dd><pre><code class="language-jsx"><span style="color: #000000">&lt;Spectrum.Textfield placeholder=&quot;Phone Number&quot;&gt;</span>
+<span style="color: #000000">  &lt;Spectrum.Label isRequired=&quot;true&quot; slot=&quot;label&quot;&gt;Phone Number&lt;/Spectrum.Label&gt;</span>
+<span style="color: #000000">&lt;/Spectrum.Textfield&gt;</span>
+</code></pre>
+									</dd>
+								</dl>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>props: <span class="tsd-signature-type">Props</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="actionbutton.html">Action<wbr>Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="body.html">Body</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="button.html">Button</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="checkbox.html">Checkbox</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="detail.html">Detail</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="divider.html">Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="dropdown.html">Dropdown</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="heading.html">Heading</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="icon.html">Icon</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="label.html">Label</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="link.html">Link</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menu.html">Menu</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menudivider.html">Menu<wbr>Divider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="menuitem.html">Menu<wbr>Item</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="progressbar.html">Progressbar</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radio.html">Radio</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="radiogroup.html">Radio<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="slider.html">Slider</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="textarea.html">Textarea</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="textfield.html">Textfield</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="common.html">common</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="index.html">index</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="textfield.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/package.json b/package.json
index ea7777e..7f8363c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-uxp-spectrum",
-  "version": "0.1.10",
+  "version": "0.1.13",
   "description": "Adobe UXP Spectrum Web Components for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -23,9 +23,6 @@
     "url": "https://github.com/thejustinwalsh/react-uxp-spectrum/issues"
   },
   "homepage": "https://github.com/thejustinwalsh/react-uxp-spectrum#readme",
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
   "devDependencies": {
     "@types/react": "^17.0.11",
     "@typescript-eslint/eslint-plugin": "4.27.0",
diff --git a/src/ActionButton.tsx b/src/ActionButton.tsx
index d61ef67..0f1a764 100644
--- a/src/ActionButton.tsx
+++ b/src/ActionButton.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export interface ActionButtonEvent extends globalThis.Event {
@@ -12,6 +13,7 @@ type Props = {
   className?: string;
   disabled?: boolean;
   quiet?: boolean;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -23,6 +25,7 @@ declare global {
         class?: string;
         disabled?: boolean;
         quiet?: boolean;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -58,6 +61,7 @@ export default function ActionButton(props: Props) {
       class={props?.className}
       disabled={props?.disabled || undefined}
       quiet={props?.quiet || undefined}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-action-button>
diff --git a/src/Body.tsx b/src/Body.tsx
index 251ffdc..58cd9b1 100644
--- a/src/Body.tsx
+++ b/src/Body.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type BodyClassification = 'serif' | 'sans serif';
   export type BodyScript = 'latin' | 'han' | 'arabic' | 'hebrew';
-  export type BodySize = 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 }
 
 type Props = {
@@ -11,7 +11,7 @@ type Props = {
   className?: string;
   classification?: Spectrum.BodyClassification;
   script?: Spectrum.BodyScript;
-  size?: Spectrum.BodySize;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -22,7 +22,7 @@ declare global {
         class?: string;
         classification?: Spectrum.BodyClassification;
         script?: Spectrum.BodyScript;
-        size?: Spectrum.BodySize;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -42,7 +42,7 @@ export default function Body(props: Props) {
       class={props?.className}
       classification={props?.classification}
       script={props?.script}
-      size={props?.size}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-body>
diff --git a/src/Button.tsx b/src/Button.tsx
index 308b038..b161ace 100644
--- a/src/Button.tsx
+++ b/src/Button.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type ButtonVariant =
@@ -19,6 +20,7 @@ type Props = {
   disabled?: boolean;
   quiet?: boolean;
   variant?: Spectrum.ButtonVariant;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -31,6 +33,8 @@ declare global {
         disabled?: boolean;
         quiet?: boolean;
         variant?: Spectrum.ButtonVariant;
+        size?: SpectrumComponentSize;
+        onClick?: (e?: any) => void;
       };
     }
   }
@@ -66,6 +70,7 @@ export default function Button(props: Props) {
       disabled={props.disabled || undefined}
       quiet={props.quiet || undefined}
       variant={variant}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props.children}
     </sp-button>
diff --git a/src/Checkbox.tsx b/src/Checkbox.tsx
index b3babde..d453d38 100644
--- a/src/Checkbox.tsx
+++ b/src/Checkbox.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export interface CheckboxEvent extends globalThis.Event {
@@ -15,6 +16,7 @@ type Props = {
   disabled?: boolean;
   indeterminate?: boolean;
   invalid?: boolean;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -28,6 +30,8 @@ declare global {
         disabled?: boolean;
         indeterminate?: boolean;
         invalid?: boolean;
+        size?: SpectrumComponentSize;
+        onClick?: (e?: any) => void;
       };
     }
   }
@@ -72,6 +76,7 @@ export default function Checkbox(props: Props) {
       disabled={props?.disabled || undefined}
       indeterminate={props?.indeterminate || undefined}
       invalid={props.invalid || undefined}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-checkbox>
diff --git a/src/Detail.tsx b/src/Detail.tsx
index de0a2b2..4202ae3 100644
--- a/src/Detail.tsx
+++ b/src/Detail.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type DetailScript = 'latin' | 'han' | 'arabic' | 'hebrew';
-  export type DetailSize = 'S' | 'M' | 'L' | 'XL';
   export type DetailWeight = 'light' | 'default';
 }
 
@@ -10,7 +10,7 @@ type Props = {
   children?: React.ReactNode;
   className?: string;
   script?: Spectrum.DetailScript;
-  size?: Spectrum.DetailSize;
+  size?: SpectrumComponentSize;
   weight?: Spectrum.DetailWeight;
 };
 
@@ -21,7 +21,7 @@ declare global {
         children?: React.ReactNode;
         class?: string;
         script?: Spectrum.DetailScript;
-        size?: Spectrum.DetailSize;
+        size?: SpectrumComponentSize;
         weight?: Spectrum.DetailWeight;
       };
     }
@@ -41,7 +41,7 @@ export default function Detail(props: Props) {
     <sp-detail
       class={props?.className}
       script={props?.script}
-      size={props?.size}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
       weight={props?.weight}
     >
       {props?.children}
diff --git a/src/Dropdown.tsx b/src/Dropdown.tsx
index 6e088bd..c45186c 100644
--- a/src/Dropdown.tsx
+++ b/src/Dropdown.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export interface DropdownEvent extends globalThis.Event {
@@ -15,6 +16,7 @@ type Props = {
   quiet?: boolean;
   placeholder?: string;
   selectedIndex?: number;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -29,6 +31,8 @@ declare global {
         quiet?: boolean;
         placeholder?: string;
         selectedIndex?: number;
+        size?: SpectrumComponentSize;
+        onMouseDown?: (e?: any) => void;
       };
     }
   }
@@ -72,6 +76,7 @@ export default function Dropdown(props: Props) {
       quiet={props.quiet || undefined}
       placeholder={props.placeholder}
       selectedIndex={props.selectedIndex}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-dropdown>
diff --git a/src/Icon.tsx b/src/Icon.tsx
index ce377a0..6f62ad1 100644
--- a/src/Icon.tsx
+++ b/src/Icon.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
+
 namespace Spectrum {
   export type IconName =
     | 'ui:AlertMedium'
@@ -39,15 +41,13 @@ namespace Spectrum {
     | 'ui:SuccessSmall'
     | 'ui:TripleGripper';
 
-  export type IconSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-
   export type IconSlot = 'icon';
 }
 
 type Props = {
   className?: string;
   name?: Spectrum.IconName;
-  size?: Spectrum.IconSize;
+  size?: SpectrumComponentSize;
   slot?: Spectrum.IconSlot;
 };
 
@@ -58,7 +58,7 @@ declare global {
         children: undefined;
         class?: string;
         name?: Spectrum.IconName;
-        size?: Spectrum.IconSize;
+        size?: SpectrumComponentSize;
         slot?: Spectrum.IconSlot;
       };
     }
@@ -78,7 +78,7 @@ export default function Icon(props: Props) {
     <sp-icon
       class={props?.className}
       name={props.name}
-      size={props.size}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
       slot={props.slot}
     >
       {undefined}
diff --git a/src/Label.tsx b/src/Label.tsx
index 7d85681..8daf7ed 100644
--- a/src/Label.tsx
+++ b/src/Label.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type LabelSlot = 'label';
@@ -9,6 +10,7 @@ type Props = {
   className?: string;
   slot?: Spectrum.LabelSlot;
   isRequired?: boolean;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -19,6 +21,7 @@ declare global {
         class?: string;
         slot?: Spectrum.LabelSlot;
         isrequired?: boolean;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -41,6 +44,7 @@ export default function Label(props: Props) {
       class={props?.className}
       slot={props?.slot || undefined}
       isrequired={props?.isRequired || undefined}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-label>
diff --git a/src/Link.tsx b/src/Link.tsx
index a658b74..05d3349 100644
--- a/src/Link.tsx
+++ b/src/Link.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type LinkVariant = 'overBackground';
@@ -11,6 +12,7 @@ type Props = {
   href?: string;
   quiet?: boolean;
   variant?: Spectrum.LinkVariant;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -23,6 +25,7 @@ declare global {
         href?: string;
         quiet?: boolean;
         variant?: Spectrum.LinkVariant;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -55,6 +58,7 @@ export default function Link(props: Props) {
       href={props.href}
       quiet={props.quiet || undefined}
       variant={props.variant}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props.children}
     </sp-link>
diff --git a/src/Menu.tsx b/src/Menu.tsx
index 8cabcc2..96a8630 100644
--- a/src/Menu.tsx
+++ b/src/Menu.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type MenuSlot = 'options';
@@ -13,6 +14,7 @@ type Props = {
   className?: string;
   slot?: Spectrum.MenuSlot;
   selectedIndex?: number;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -22,8 +24,10 @@ declare global {
         children?: React.ReactNode;
         ref?: React.RefObject<HTMLElement>;
         class?: string;
+        onClick?: (e?: React.ChangeEvent<HTMLSelectElement>) => void;
         slot?: Spectrum.MenuSlot;
         selectedIndex?: number;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -64,6 +68,7 @@ export default function Menu(props: Props) {
       class={props.className}
       slot={props.slot === 'options' ? 'options' : undefined}
       selectedIndex={props.selectedIndex}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props.children}
     </sp-menu>
diff --git a/src/MenuDivider.tsx b/src/MenuDivider.tsx
index 79093b7..6ec4f23 100644
--- a/src/MenuDivider.tsx
+++ b/src/MenuDivider.tsx
@@ -8,7 +8,7 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'sp-menu-divider': {
-        children: undefined;
+        children?: undefined;
         class?: string;
       };
     }
diff --git a/src/MenuItem.tsx b/src/MenuItem.tsx
index 58a0e14..3876300 100644
--- a/src/MenuItem.tsx
+++ b/src/MenuItem.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export interface MenuItemEvent extends globalThis.Event {
@@ -11,7 +12,10 @@ type Props = {
   onClick?: (e: Spectrum.MenuItemEvent) => void;
   className?: string;
   disabled?: boolean;
+  value?: string;
   selected?: boolean;
+  size?: SpectrumComponentSize;
+  keyCustom?: number | string;
 };
 
 declare global {
@@ -20,9 +24,12 @@ declare global {
       'sp-menu-item': {
         children?: React.ReactNode;
         ref?: React.RefObject<HTMLElement>;
+        key?: string | number;
         class?: string;
         disabled?: boolean;
         selected?: boolean;
+        value?: string;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -40,6 +47,7 @@ declare global {
  * </Spectrum.Menu>
  * ```
  */
+
 export default function MenuItem(props: Props) {
   const ref = useRef<HTMLElement>(null);
 
@@ -59,6 +67,9 @@ export default function MenuItem(props: Props) {
       class={props.className}
       disabled={props.disabled || undefined}
       selected={props.selected || undefined}
+      value={props.value}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
+      key={props?.keyCustom}
     >
       {props.children}
     </sp-menu-item>
diff --git a/src/Progressbar.tsx b/src/Progressbar.tsx
index af67706..4c52f88 100644
--- a/src/Progressbar.tsx
+++ b/src/Progressbar.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type ProgressbarVariant = 'overBackground';
@@ -10,7 +11,7 @@ type Props = {
   className?: string;
   min?: number;
   max: number;
-  size?: Spectrum.ProgressbarSize;
+  size?: SpectrumComponetDefaults;
   showValue?: boolean;
   value: number;
   valueLabel?: string;
@@ -25,7 +26,7 @@ declare global {
         class?: string;
         min?: number;
         max: number;
-        size?: Spectrum.ProgressbarSize;
+        size?: SpectrumComponetDefaults;
         'show-value'?: boolean;
         value: number;
         'value-label'?: string;
@@ -51,11 +52,11 @@ export default function Progressbar(props: Props) {
       class={props.className}
       min={props.min}
       max={props.max}
-      size={props.size}
       show-value={props.showValue || undefined}
       value={props.value}
       value-label={props.valueLabel}
       variant={props.variant}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props.children}
     </sp-progressbar>
diff --git a/src/Radio.tsx b/src/Radio.tsx
index 1a28dc1..1adf159 100644
--- a/src/Radio.tsx
+++ b/src/Radio.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export interface RadioEvent extends globalThis.Event {
@@ -15,6 +16,7 @@ type Props = {
   emphasized?: boolean;
   invalid?: boolean;
   value?: string;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -29,6 +31,7 @@ declare global {
         emphasized?: boolean;
         invalid?: boolean;
         value?: string;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -64,6 +67,7 @@ export default function Radio(props: Props) {
       emphasized={props?.emphasized || undefined}
       invalid={props.invalid || undefined}
       value={props.value}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-radio>
diff --git a/src/Slider.tsx b/src/Slider.tsx
index cb32441..0a25396 100644
--- a/src/Slider.tsx
+++ b/src/Slider.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type SliderFillOffset = 'left' | 'right';
@@ -21,6 +22,7 @@ type Props = {
   value: number;
   valueLabel?: string;
   variant?: Spectrum.SliderVariant;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -38,6 +40,7 @@ declare global {
         value: number;
         'value-label'?: string;
         variant?: Spectrum.SliderVariant;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -87,6 +90,7 @@ export default function Slider(props: Props) {
       value={props.value}
       value-label={props.valueLabel}
       variant={props.variant}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-slider>
diff --git a/src/Textarea.tsx b/src/Textarea.tsx
index b5d715b..6f92afd 100644
--- a/src/Textarea.tsx
+++ b/src/Textarea.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
   export type TextareaType = 'number' | 'password' | 'search';
@@ -19,6 +20,7 @@ type Props = {
   type?: Spectrum.TextareaType;
   valid?: boolean;
   value?: string;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -35,6 +37,7 @@ declare global {
         type?: Spectrum.TextareaType;
         valid?: boolean;
         value?: string;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -83,6 +86,7 @@ export default function Textarea(props: Props) {
       type={props.type}
       valid={props.valid || undefined}
       value={props.value}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-textarea>
diff --git a/src/Textfield.tsx b/src/Textfield.tsx
index 8af11d8..d00e4e8 100644
--- a/src/Textfield.tsx
+++ b/src/Textfield.tsx
@@ -1,7 +1,8 @@
 import React, { useEffect, useRef } from 'react';
+import { SpectrumComponentSize, SpectrumComponetDefaults } from './common';
 
 namespace Spectrum {
-  export type TextfieldType = 'number' | 'password' | 'search';
+  export type TextfieldType = 'number' | 'password' | 'search' | 'text';
   export interface TextfieldEvent extends globalThis.Event {
     readonly target: (EventTarget & { value: string }) | null;
   }
@@ -19,6 +20,7 @@ type Props = {
   type?: Spectrum.TextfieldType;
   valid?: boolean;
   value?: string;
+  size?: SpectrumComponentSize;
 };
 
 declare global {
@@ -28,6 +30,8 @@ declare global {
         children?: React.ReactNode;
         ref?: React.RefObject<HTMLElement>;
         class?: string;
+        onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
         disabled?: boolean;
         invalid?: boolean;
         placeholder?: string;
@@ -35,6 +39,7 @@ declare global {
         type?: Spectrum.TextfieldType;
         valid?: boolean;
         value?: string;
+        size?: SpectrumComponentSize;
       };
     }
   }
@@ -83,6 +88,7 @@ export default function Textfield(props: Props) {
       type={props.type}
       valid={props.valid || undefined}
       value={props.value}
+      size={props?.size || SpectrumComponetDefaults.defaultSize}
     >
       {props?.children}
     </sp-textfield>
diff --git a/src/common.tsx b/src/common.tsx
new file mode 100644
index 0000000..d1ba1b6
--- /dev/null
+++ b/src/common.tsx
@@ -0,0 +1,5 @@
+export type SpectrumComponentSize = 's' | 'm' | 'l' | 'xl';
+
+export class SpectrumComponetDefaults {
+  public static defaultSize: SpectrumComponentSize | undefined = undefined;
+}
diff --git a/src/index.ts b/src/index.ts
index 0db784b..bb0f4bc 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -20,6 +20,7 @@ import RadioGroup from './RadioGroup';
 import Slider from './Slider';
 import Textarea from './Textarea';
 import Textfield from './Textfield';
+import { SpectrumComponetDefaults } from './common';
 
 const Spectrum = {
   Body,
@@ -42,6 +43,7 @@ const Spectrum = {
   Slider,
   Textarea,
   Textfield,
+  SpectrumComponetDefaults,
 };
 
 export {
@@ -62,6 +64,7 @@ export {
   Slider,
   Textarea,
   Textfield,
+  SpectrumComponetDefaults,
 };
 
 export default Spectrum;