@sprucelabs/heartwood-view-controllers 129.5.18 → 129.5.19

package/build/.spruce/schemas/schemas.types.d.ts

@@ -823,1262 +823,184 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ToastMessage {
-            /** Content. */
-            'content': string;
-            /** Style. */
-            'style'?: ("info" | "success" | "warning" | "critical") | undefined | null;
-            'destination'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestination | undefined | null;
-            /** Click handler. */
-            'onClick'?: (() => Promise<void> | void) | undefined | null;
-            /** Is Sticky. */
-            'isSticky'?: boolean | undefined | null;
+        interface TreeNode {
+            'id': string;
+            'label': string;
+            'childrenIds'?: string[] | undefined | null;
+            'isSelected'?: boolean | undefined | null;
+            /** Delete click handler. */
+            'onClickDelete'?: (() => void | Promise<void>) | undefined | null;
+            /** Node click handler. */
+            'onClick'?: (() => void | Promise<void>) | undefined | null;
         }
-        interface ToastMessageSchema extends SpruceSchema.Schema {
-            id: 'toastMessage';
+        interface TreeNodeSchema extends SpruceSchema.Schema {
+            id: 'treeNode';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: 'Toast message';
+            name: '';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
-                /** Content. */
-                'content': {
-                    label: 'Content';
+                /** . */
+                'id': {
+                    type: 'id';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'label': {
                     type: 'text';
                     isRequired: true;
                     options: undefined;
                 };
-                /** Style. */
-                'style': {
-                    label: 'Style';
-                    type: 'select';
-                    options: {
-                        choices: [{
-                            "value": "info";
-                            "label": "info";
-                        }, {
-                            "value": "success";
-                            "label": "success";
-                        }, {
-                            "value": "warning";
-                            "label": "warning";
-                        }, {
-                            "value": "critical";
-                            "label": "critical";
-                        }];
-                    };
+                /** . */
+                'childrenIds': {
+                    type: 'id';
+                    isArray: true;
+                    minArrayLength: 0;
+                    options: undefined;
                 };
                 /** . */
-                'destination': {
-                    type: 'schema';
+                'isSelected': {
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** Delete click handler. */
+                'onClickDelete': {
+                    label: 'Delete click handler';
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
+                        valueType: `() => void | Promise<void>`;
                     };
                 };
-                /** Click handler. */
+                /** Node click handler. */
                 'onClick': {
-                    label: 'Click handler';
+                    label: 'Node click handler';
                     type: 'raw';
                     options: {
-                        valueType: `() => Promise<void> | void`;
+                        valueType: `() => void | Promise<void>`;
                     };
                 };
-                /** Is Sticky. */
-                'isSticky': {
-                    label: 'Is Sticky';
-                    type: 'boolean';
-                    options: undefined;
-                };
             };
         }
-        interface ToastMessageEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToastMessageSchema> {
+        interface TreeNodeEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.TreeNodeSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface Theme {
-            'name': string;
-            'props': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeProps;
-        }
-        interface ThemeSchema extends SpruceSchema.Schema {
-            id: 'theme';
+        interface Tree {
+            'id'?: string | undefined | null;
+            /** Controller. */
+            'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.Tree>) | undefined | null;
+            /** Node click handler. */
+            'onClickNode'?: ((nodeId: string) => void | Promise<void>) | undefined | null;
+            /** Delete node click handler. */
+            'onClickDeleteNode'?: ((nodeId: string) => void | Promise<void>) | undefined | null;
+            'nodes': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.TreeNode[];
+        }
+        interface TreeSchema extends SpruceSchema.Schema {
+            id: 'tree';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: 'Theme';
+            name: 'Tree';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
                 /** . */
-                'name': {
-                    type: 'text';
-                    isRequired: true;
-                    options: undefined;
-                };
-                /** . */
-                'props': {
-                    type: 'schema';
-                    isRequired: true;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemePropsSchema;
-                    };
-                };
-            };
-        }
-        interface ThemeEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface CardStyle {
-            /** Card Background Color. The background color of the card. This color will show through any transparency in the header, body, or footer colors. It defaults to transparent. */
-            'backgroundColor'?: string | undefined | null;
-            /** Card Body Background Color. The background color of the body of the card. */
-            'bodyBackgroundColor'?: string | undefined | null;
-            /** Card Body Foreground Color. The color of the text of the body of the card. */
-            'bodyForegroundColor'?: string | undefined | null;
-            /** Header Background Color. The background color of the card's header. */
-            'headerBackgroundColor'?: string | undefined | null;
-            /** Header Foreground Color. The color of the text in the card's header. */
-            'headerForegroundColor'?: string | undefined | null;
-            /** Footer Background Color. The background color of the card's footer. */
-            'footerBackgroundColor'?: string | undefined | null;
-            /** Footer Foreground Color. The color of the text in the card's footer. */
-            'footerForegroundColor'?: string | undefined | null;
-            /** Fonts. The fonts used in the card. */
-            'fonts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFonts | undefined | null;
-        }
-        interface CardStyleSchema extends SpruceSchema.Schema {
-            id: 'cardStyle';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Card Background Color. The background color of the card. This color will show through any transparency in the header, body, or footer colors. It defaults to transparent. */
-                'backgroundColor': {
-                    label: 'Card Background Color';
-                    type: 'text';
-                    hint: 'The background color of the card. This color will show through any transparency in the header, body, or footer colors. It defaults to transparent.';
-                    options: undefined;
-                };
-                /** Card Body Background Color. The background color of the body of the card. */
-                'bodyBackgroundColor': {
-                    label: 'Card Body Background Color';
-                    type: 'text';
-                    hint: 'The background color of the body of the card.';
-                    options: undefined;
-                };
-                /** Card Body Foreground Color. The color of the text of the body of the card. */
-                'bodyForegroundColor': {
-                    label: 'Card Body Foreground Color';
-                    type: 'text';
-                    hint: 'The color of the text of the body of the card.';
-                    options: undefined;
-                };
-                /** Header Background Color. The background color of the card's header. */
-                'headerBackgroundColor': {
-                    label: 'Header Background Color';
-                    type: 'text';
-                    hint: 'The background color of the card\'s header.';
-                    options: undefined;
-                };
-                /** Header Foreground Color. The color of the text in the card's header. */
-                'headerForegroundColor': {
-                    label: 'Header Foreground Color';
-                    type: 'text';
-                    hint: 'The color of the text in the card\'s header.';
-                    options: undefined;
-                };
-                /** Footer Background Color. The background color of the card's footer. */
-                'footerBackgroundColor': {
-                    label: 'Footer Background Color';
-                    type: 'text';
-                    hint: 'The background color of the card\'s footer.';
-                    options: undefined;
-                };
-                /** Footer Foreground Color. The color of the text in the card's footer. */
-                'footerForegroundColor': {
-                    label: 'Footer Foreground Color';
-                    type: 'text';
-                    hint: 'The color of the text in the card\'s footer.';
+                'id': {
+                    type: 'id';
                     options: undefined;
                 };
-                /** Fonts. The fonts used in the card. */
-                'fonts': {
-                    label: 'Fonts';
-                    type: 'schema';
-                    hint: 'The fonts used in the card.';
+                /** Controller. */
+                'controller': {
+                    label: 'Controller';
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFontsSchema;
+                        valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.Tree>`;
                     };
                 };
-            };
-        }
-        interface CardStyleEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface CardStyles {
-            /** Informational. */
-            'informational'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyle | undefined | null;
-            /** Visual. */
-            'visual'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyle | undefined | null;
-            /** Heading. */
-            'heading'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyle | undefined | null;
-        }
-        interface CardStylesSchema extends SpruceSchema.Schema {
-            id: 'cardStyles';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Informational. */
-                'informational': {
-                    label: 'Informational';
-                    type: 'schema';
+                /** Node click handler. */
+                'onClickNode': {
+                    label: 'Node click handler';
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema;
+                        valueType: `(nodeId: string) => void | Promise<void>`;
                     };
                 };
-                /** Visual. */
-                'visual': {
-                    label: 'Visual';
-                    type: 'schema';
+                /** Delete node click handler. */
+                'onClickDeleteNode': {
+                    label: 'Delete node click handler';
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema;
+                        valueType: `(nodeId: string) => void | Promise<void>`;
                     };
                 };
-                /** Heading. */
-                'heading': {
-                    label: 'Heading';
+                /** . */
+                'nodes': {
                     type: 'schema';
+                    isRequired: true;
+                    isArray: true;
+                    minArrayLength: 0;
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.TreeNodeSchema;
                     };
                 };
             };
         }
-        interface CardStylesEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStylesSchema> {
+        interface TreeEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.TreeSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface FontFamily {
-            /** Name. What is the name of the font family? e.g. "Arial" or "Headers". This will be the name you can apply to different parts of the theme. */
-            'name': string;
-            /** Source. The URL to the font file (otf, ttf, etc.). Must be publicly accessible. */
-            'src': string;
+        interface ToolBelt {
+            /** Controller. */
+            'controller'?: (HeartwoodTypes.ToolBeltViewController) | undefined | null;
+            /** Icon. */
+            'lineIcon'?: ("add-circle" | "add-square" | "add" | "alarm" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-next" | "arrow-up-circle" | "arrow-up" | "attachment" | "award-badge" | "binoculars" | "bolt" | "book-open" | "book" | "bookmark" | "bookmark-filled" | "calendar-add" | "calendar" | "camera" | "cellphone" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close-circle" | "close-square" | "close" | "code" | "coffee" | "command" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "crop" | "cube" | "delete" | "document-blank" | "document-new" | "document-text" | "download-cloud" | "download" | "edit-box" | "edit-line" | "email" | "emoji-happy" | "emoji-sad" | "external-link" | "fav-heart" | "fav-heart-filled" | "flag" | "flip-01" | "flip-02" | "folder" | "globe" | "hash-tag" | "headphones" | "help-buoy" | "help-circle" | "home" | "info" | "jump" | "layers" | "bar-graph" | "link-angle" | "link-flat" | "loader" | "location-pin" | "lock" | "logout" | "map" | "message-circle" | "message-square" | "mic-off" | "mic-on" | "minus-circle" | "minus-square" | "money-sign" | "more-horizontal" | "more-vertical" | "notification-off" | "notification-on" | "object" | "pause-circle" | "phone-unavailable" | "phone" | "photo" | "picked" | "pie-chart" | "play-circle" | "present" | "refresh-circle" | "refresh" | "repeat" | "restricted" | "rotate" | "search-no" | "search" | "selector-checked" | "selector-circle-filled" | "selector-circle" | "send" | "settings-filled" | "settings" | "share" | "shopping-bag" | "shopping-cart" | "sort-filter-down" | "sort-filter-up" | "sound-off" | "sound-on" | "sprucebot" | "star-filled" | "star" | "sun" | "tag" | "time" | "tool" | "trending-down" | "trending-up" | "triangle" | "unlock" | "upload-cloud" | "upload" | "user-add" | "user-delete" | "user" | "users" | "video-off" | "video" | "warning" | "wifi" | "zoom-in" | "zoom-out") | undefined | null;
+            'shouldRenderAllToolsAtOnce'?: boolean | undefined | null;
+            'onCloseToolBelt'?: (HeartwoodTypes.ToolBeltCloseHandler) | undefined | null;
+            'iconLabel'?: string | undefined | null;
+            'renderAs'?: ("default" | "icon") | undefined | null;
+            /** Tools. */
+            'tools': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltTool[];
         }
-        interface FontFamilySchema extends SpruceSchema.Schema {
-            id: 'fontFamily';
+        interface ToolBeltSchema extends SpruceSchema.Schema {
+            id: 'toolBelt';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: '';
+            name: 'Tool belt';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
-                /** Name. What is the name of the font family? e.g. "Arial" or "Headers". This will be the name you can apply to different parts of the theme. */
-                'name': {
-                    label: 'Name';
-                    type: 'text';
-                    isRequired: true;
-                    hint: 'What is the name of the font family? e.g. "Arial" or "Headers". This will be the name you can apply to different parts of the theme.';
-                    options: undefined;
-                };
-                /** Source. The URL to the font file (otf, ttf, etc.). Must be publicly accessible. */
-                'src': {
-                    label: 'Source';
-                    type: 'text';
-                    isRequired: true;
-                    hint: 'The URL to the font file (otf, ttf, etc.). Must be publicly accessible.';
-                    options: undefined;
-                };
-            };
-        }
-        interface FontFamilyEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontFamilySchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface FontSetting {
-            /** Font Family. The name of the font family to use. This should match the name you set in the font families section of the theme. */
-            'fontFamily'?: string | undefined | null;
-            /** Font Size. The size of the font. e.g. "16px" or "1em". */
-            'fontSize'?: string | undefined | null;
-        }
-        interface FontSettingSchema extends SpruceSchema.Schema {
-            id: 'fontSetting';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Font Family. The name of the font family to use. This should match the name you set in the font families section of the theme. */
-                'fontFamily': {
-                    label: 'Font Family';
-                    type: 'text';
-                    hint: 'The name of the font family to use. This should match the name you set in the font families section of the theme.';
-                    options: undefined;
-                };
-                /** Font Size. The size of the font. e.g. "16px" or "1em". */
-                'fontSize': {
-                    label: 'Font Size';
-                    type: 'text';
-                    hint: 'The size of the font. e.g. "16px" or "1em".';
-                    options: undefined;
-                };
-            };
-        }
-        interface FontSettingEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ThemeFonts {
-            /** Header One Font. The font used for the largest headers. */
-            'headerOneFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
-            /** Alternative Header Font. The font used for the alternative headers. These are rendered next to the header one font, but are usually smaller. */
-            'altHeaderFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
-            /** Header Two Font. The font used for the second largest headers. */
-            'headerTwoFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
-            /** Header Three Font. The font used for third largest headers. */
-            'headerThreeFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
-            /** Body Font. The font used for the body text on all cards, toolbelt, etc. */
-            'bodyFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
-            /** Footer Font. The font used for footers (but can be overriden by card footer styles). */
-            'footerFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
-        }
-        interface ThemeFontsSchema extends SpruceSchema.Schema {
-            id: 'themeFonts';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Header One Font. The font used for the largest headers. */
-                'headerOneFont': {
-                    label: 'Header One Font';
-                    type: 'schema';
-                    hint: 'The font used for the largest headers.';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
-                    };
-                };
-                /** Alternative Header Font. The font used for the alternative headers. These are rendered next to the header one font, but are usually smaller. */
-                'altHeaderFont': {
-                    label: 'Alternative Header Font';
-                    type: 'schema';
-                    hint: 'The font used for the alternative headers. These are rendered next to the header one font, but are usually smaller.';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
-                    };
-                };
-                /** Header Two Font. The font used for the second largest headers. */
-                'headerTwoFont': {
-                    label: 'Header Two Font';
-                    type: 'schema';
-                    hint: 'The font used for the second largest headers.';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
-                    };
-                };
-                /** Header Three Font. The font used for third largest headers. */
-                'headerThreeFont': {
-                    label: 'Header Three Font';
-                    type: 'schema';
-                    hint: 'The font used for third largest headers.';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
-                    };
-                };
-                /** Body Font. The font used for the body text on all cards, toolbelt, etc. */
-                'bodyFont': {
-                    label: 'Body Font';
-                    type: 'schema';
-                    hint: 'The font used for the body text on all cards, toolbelt, etc.';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
-                    };
-                };
-                /** Footer Font. The font used for footers (but can be overriden by card footer styles). */
-                'footerFont': {
-                    label: 'Footer Font';
-                    type: 'schema';
-                    hint: 'The font used for footers (but can be overriden by card footer styles).';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
-                    };
-                };
-            };
-        }
-        interface ThemeFontsEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFontsSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ControlBar {
-            /** Control bar color 1. The foreground color of the control bar. */
-            'foregroundColor'?: string | undefined | null;
-            /** Control bar color 2. The background color of the control bar. */
-            'backgroundColor'?: string | undefined | null;
-            /** Control bar font. The font used in the control bar. */
-            'font'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
-            /** Control bar style. Should the control bar span the full width of the screen or the width of the buttons and float in the center? */
-            'style'?: ("standard" | "floating") | undefined | null;
-            /** Control bar size. */
-            'size'?: ("medium" | "large") | undefined | null;
-        }
-        interface ControlBarSchema extends SpruceSchema.Schema {
-            id: 'controlBar';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Control bar color 1. The foreground color of the control bar. */
-                'foregroundColor': {
-                    label: 'Control bar color 1';
-                    type: 'text';
-                    hint: 'The foreground color of the control bar.';
-                    options: undefined;
-                };
-                /** Control bar color 2. The background color of the control bar. */
-                'backgroundColor': {
-                    label: 'Control bar color 2';
-                    type: 'text';
-                    hint: 'The background color of the control bar.';
-                    options: undefined;
-                };
-                /** Control bar font. The font used in the control bar. */
-                'font': {
-                    label: 'Control bar font';
-                    type: 'schema';
-                    hint: 'The font used in the control bar.';
+                /** Controller. */
+                'controller': {
+                    label: 'Controller';
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                        valueType: `HeartwoodTypes.ToolBeltViewController`;
                     };
                 };
-                /** Control bar style. Should the control bar span the full width of the screen or the width of the buttons and float in the center? */
-                'style': {
-                    label: 'Control bar style';
+                /** Icon. */
+                'lineIcon': {
+                    label: 'Icon';
                     type: 'select';
-                    hint: 'Should the control bar span the full width of the screen or the width of the buttons and float in the center?';
                     options: {
                         choices: [{
-                            "value": "standard";
-                            "label": "Standard";
+                            "value": "add-circle";
+                            "label": "add-circle";
                         }, {
-                            "value": "floating";
-                            "label": "Floating";
-                        }];
-                    };
-                };
-                /** Control bar size. */
-                'size': {
-                    label: 'Control bar size';
-                    type: 'select';
-                    options: {
-                        choices: [{
-                            "value": "medium";
-                            "label": "Standard";
+                            "value": "add-square";
+                            "label": "add-square";
                         }, {
-                            "value": "large";
-                            "label": "Large";
-                        }];
-                    };
-                };
-            };
-        }
-        interface ControlBarEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ControlBarSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface StatusIndicatorColors {
-            /** Color 1. */
-            'color1'?: string | undefined | null;
-            /** Color 2. */
-            'color2'?: string | undefined | null;
-            /** Color 3. */
-            'color3'?: string | undefined | null;
-            /** Color 4. */
-            'color4'?: string | undefined | null;
-            /** Color 5. */
-            'color5'?: string | undefined | null;
-        }
-        interface StatusIndicatorColorsSchema extends SpruceSchema.Schema {
-            id: 'statusIndicatorColors';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'Status indicator colors';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Color 1. */
-                'color1': {
-                    label: 'Color 1';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Color 2. */
-                'color2': {
-                    label: 'Color 2';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Color 3. */
-                'color3': {
-                    label: 'Color 3';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Color 4. */
-                'color4': {
-                    label: 'Color 4';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Color 5. */
-                'color5': {
-                    label: 'Color 5';
-                    type: 'text';
-                    options: undefined;
-                };
-            };
-        }
-        interface StatusIndicatorColorsEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.StatusIndicatorColorsSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ThemeProps {
-            /** Card corner style. */
-            'borderRadius'?: ("rounded" | "square") | undefined | null;
-            /** Color 1. Used to color anything overlayed on the background (color1Inverse or color1InverseGradient). */
-            'color1'?: string | undefined | null;
-            /** Color 1 (inverse). Background color of the view if color1InverseGradient is not set */
-            'color1Inverse'?: string | undefined | null;
-            /** Color 1 Gradient (inverse). Background griedent applied to view. */
-            'color1InverseGradient'?: string | undefined | null;
-            /** Color 2. The color of text inside of cards and lists. */
-            'color2'?: string | undefined | null;
-            /** Color 2 (compliment). The color of headers in card bodies and lists. Defaults to color2. */
-            'color2Compliment'?: string | undefined | null;
-            /** Color 2. The color of overlays ontop of a card. */
-            'color2Transparent'?: string | undefined | null;
-            /** Color. Background color of cards. */
-            'color2Inverse'?: string | undefined | null;
-            /** Color 2 (inverse with transparency). Background color used when some transparency is needed for context. */
-            'color2InverseTransparent'?: string | undefined | null;
-            /** Color 3. Titles of cards. */
-            'color3'?: string | undefined | null;
-            /** Color 3 (compliment). Subtitles of cards. */
-            'color3Compliment'?: string | undefined | null;
-            /** Color 3 (inverse). Background for headers of cards. */
-            'color3Inverse'?: string | undefined | null;
-            /** Color 4. Foreground for buttons and menu items. */
-            'color4'?: string | undefined | null;
-            /** Color 4 (compliment). Borders for buttons and menu items. */
-            'color4Compliment'?: string | undefined | null;
-            /** Color 4 (compliment, transparent). Lighter version of borders, outlines, and highlights */
-            'color4ComplimentTransparent'?: string | undefined | null;
-            /** Color 4 (inverse). Background for buttons and menu items. */
-            'color4Inverse'?: string | undefined | null;
-            /** Color 4 (inverse, compliment). Background for buttons and menu items */
-            'color4InverseCompliment'?: string | undefined | null;
-            'controlBar'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ControlBar | undefined | null;
-            /** Tool belt color 2. The background color of the tool belts. */
-            'toolBeltColor2'?: string | undefined | null;
-            /** Success color 1. Success messages overlayed on a background colored with successColor1Inverse. */
-            'successColor1'?: string | undefined | null;
-            /** Success color 2. The background used when rendering success messages. */
-            'successColor1Inverse'?: string | undefined | null;
-            /** Error color 1. Errors overlayed on a background colored with errorColor1Inverse. */
-            'errorColor1'?: string | undefined | null;
-            /** Error color 2. The background used when rendering errors. */
-            'errorColor1Inverse'?: string | undefined | null;
-            /** Warning color 1. Warnings overlayed on a background colored with warningColor1Inverse. */
-            'warningColor1'?: string | undefined | null;
-            /** Warning color 2. The background used when rendering tarnings. */
-            'warningColor1Inverse'?: string | undefined | null;
-            'calendarEvents'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEventColors | undefined | null;
-            /** Footer Icon Url. The url of the icon to show in the footer. Must be publicly served in some way */
-            'footerIconUrl'?: string | undefined | null;
-            'statusIndicators'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.StatusIndicatorColors | undefined | null;
-            /** Talking Sprucebot Color. The color of the talking sprucebot animation that appears when Sprucebot is speaking. */
-            'talkingSprucebotColor'?: string | undefined | null;
-            'fontFamilies'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontFamily[] | undefined | null;
-            'fonts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFonts | undefined | null;
-            'cardStyles'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyles | undefined | null;
-            /** Stylesheet Url. The url of the stylesheet to apply to the theme. Must be publicly served in some way and will be loaded after the core stylesheets. */
-            'stylesheetUrl'?: string | undefined | null;
-        }
-        interface ThemePropsSchema extends SpruceSchema.Schema {
-            id: 'themeProps';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Card corner style. */
-                'borderRadius': {
-                    label: 'Card corner style';
-                    type: 'select';
-                    options: {
-                        choices: [{
-                            "value": "rounded";
-                            "label": "Rounded";
+                            "value": "add";
+                            "label": "add";
                         }, {
-                            "value": "square";
-                            "label": "Square";
-                        }];
-                    };
-                };
-                /** Color 1. Used to color anything overlayed on the background (color1Inverse or color1InverseGradient). */
-                'color1': {
-                    label: 'Color 1';
-                    type: 'text';
-                    hint: 'Used to color anything overlayed on the background (color1Inverse or color1InverseGradient).';
-                    options: undefined;
-                };
-                /** Color 1 (inverse). Background color of the view if color1InverseGradient is not set */
-                'color1Inverse': {
-                    label: 'Color 1 (inverse)';
-                    type: 'text';
-                    hint: 'Background color of the view if color1InverseGradient is not set';
-                    options: undefined;
-                };
-                /** Color 1 Gradient (inverse). Background griedent applied to view. */
-                'color1InverseGradient': {
-                    label: 'Color 1 Gradient (inverse)';
-                    type: 'text';
-                    hint: 'Background griedent applied to view.';
-                    options: undefined;
-                };
-                /** Color 2. The color of text inside of cards and lists. */
-                'color2': {
-                    label: 'Color 2';
-                    type: 'text';
-                    hint: 'The color of text inside of cards and lists.';
-                    options: undefined;
-                };
-                /** Color 2 (compliment). The color of headers in card bodies and lists. Defaults to color2. */
-                'color2Compliment': {
-                    label: 'Color 2 (compliment)';
-                    type: 'text';
-                    hint: 'The color of headers in card bodies and lists. Defaults to color2.';
-                    options: undefined;
-                };
-                /** Color 2. The color of overlays ontop of a card. */
-                'color2Transparent': {
-                    label: 'Color 2';
-                    type: 'text';
-                    hint: 'The color of overlays ontop of a card.';
-                    options: undefined;
-                };
-                /** Color. Background color of cards. */
-                'color2Inverse': {
-                    label: 'Color';
-                    type: 'text';
-                    hint: 'Background color of cards.';
-                    options: undefined;
-                };
-                /** Color 2 (inverse with transparency). Background color used when some transparency is needed for context. */
-                'color2InverseTransparent': {
-                    label: 'Color 2 (inverse with transparency)';
-                    type: 'text';
-                    hint: 'Background color used when some transparency is needed for context.';
-                    options: undefined;
-                };
-                /** Color 3. Titles of cards. */
-                'color3': {
-                    label: 'Color 3';
-                    type: 'text';
-                    hint: 'Titles of cards.';
-                    options: undefined;
-                };
-                /** Color 3 (compliment). Subtitles of cards. */
-                'color3Compliment': {
-                    label: 'Color 3 (compliment)';
-                    type: 'text';
-                    hint: 'Subtitles of cards.';
-                    options: undefined;
-                };
-                /** Color 3 (inverse). Background for headers of cards. */
-                'color3Inverse': {
-                    label: 'Color 3 (inverse)';
-                    type: 'text';
-                    hint: 'Background for headers of cards.';
-                    options: undefined;
-                };
-                /** Color 4. Foreground for buttons and menu items. */
-                'color4': {
-                    label: 'Color 4';
-                    type: 'text';
-                    hint: 'Foreground for buttons and menu items.';
-                    options: undefined;
-                };
-                /** Color 4 (compliment). Borders for buttons and menu items. */
-                'color4Compliment': {
-                    label: 'Color 4 (compliment)';
-                    type: 'text';
-                    hint: 'Borders for buttons and menu items.';
-                    options: undefined;
-                };
-                /** Color 4 (compliment, transparent). Lighter version of borders, outlines, and highlights */
-                'color4ComplimentTransparent': {
-                    label: 'Color 4 (compliment, transparent)';
-                    type: 'text';
-                    hint: 'Lighter version of borders, outlines, and highlights';
-                    options: undefined;
-                };
-                /** Color 4 (inverse). Background for buttons and menu items. */
-                'color4Inverse': {
-                    label: 'Color 4 (inverse)';
-                    type: 'text';
-                    hint: 'Background for buttons and menu items.';
-                    options: undefined;
-                };
-                /** Color 4 (inverse, compliment). Background for buttons and menu items */
-                'color4InverseCompliment': {
-                    label: 'Color 4 (inverse, compliment)';
-                    type: 'text';
-                    hint: 'Background for buttons and menu items';
-                    options: undefined;
-                };
-                /** . */
-                'controlBar': {
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ControlBarSchema;
-                    };
-                };
-                /** Tool belt color 2. The background color of the tool belts. */
-                'toolBeltColor2': {
-                    label: 'Tool belt color 2';
-                    type: 'text';
-                    hint: 'The background color of the tool belts.';
-                    options: undefined;
-                };
-                /** Success color 1. Success messages overlayed on a background colored with successColor1Inverse. */
-                'successColor1': {
-                    label: 'Success color 1';
-                    type: 'text';
-                    hint: 'Success messages overlayed on a background colored with successColor1Inverse.';
-                    options: undefined;
-                };
-                /** Success color 2. The background used when rendering success messages. */
-                'successColor1Inverse': {
-                    label: 'Success color 2';
-                    type: 'text';
-                    hint: 'The background used when rendering success messages.';
-                    options: undefined;
-                };
-                /** Error color 1. Errors overlayed on a background colored with errorColor1Inverse. */
-                'errorColor1': {
-                    label: 'Error color 1';
-                    type: 'text';
-                    hint: 'Errors overlayed on a background colored with errorColor1Inverse.';
-                    options: undefined;
-                };
-                /** Error color 2. The background used when rendering errors. */
-                'errorColor1Inverse': {
-                    label: 'Error color 2';
-                    type: 'text';
-                    hint: 'The background used when rendering errors.';
-                    options: undefined;
-                };
-                /** Warning color 1. Warnings overlayed on a background colored with warningColor1Inverse. */
-                'warningColor1': {
-                    label: 'Warning color 1';
-                    type: 'text';
-                    hint: 'Warnings overlayed on a background colored with warningColor1Inverse.';
-                    options: undefined;
-                };
-                /** Warning color 2. The background used when rendering tarnings. */
-                'warningColor1Inverse': {
-                    label: 'Warning color 2';
-                    type: 'text';
-                    hint: 'The background used when rendering tarnings.';
-                    options: undefined;
-                };
-                /** . */
-                'calendarEvents': {
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEventColorsSchema;
-                    };
-                };
-                /** Footer Icon Url. The url of the icon to show in the footer. Must be publicly served in some way */
-                'footerIconUrl': {
-                    label: 'Footer Icon Url';
-                    type: 'text';
-                    hint: 'The url of the icon to show in the footer. Must be publicly served in some way';
-                    options: undefined;
-                };
-                /** . */
-                'statusIndicators': {
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.StatusIndicatorColorsSchema;
-                    };
-                };
-                /** Talking Sprucebot Color. The color of the talking sprucebot animation that appears when Sprucebot is speaking. */
-                'talkingSprucebotColor': {
-                    label: 'Talking Sprucebot Color';
-                    type: 'text';
-                    hint: 'The color of the talking sprucebot animation that appears when Sprucebot is speaking.';
-                    options: undefined;
-                };
-                /** . */
-                'fontFamilies': {
-                    type: 'schema';
-                    isArray: true;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontFamilySchema;
-                    };
-                };
-                /** . */
-                'fonts': {
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFontsSchema;
-                    };
-                };
-                /** . */
-                'cardStyles': {
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStylesSchema;
-                    };
-                };
-                /** Stylesheet Url. The url of the stylesheet to apply to the theme. Must be publicly served in some way and will be loaded after the core stylesheets. */
-                'stylesheetUrl': {
-                    label: 'Stylesheet Url';
-                    type: 'text';
-                    hint: 'The url of the stylesheet to apply to the theme. Must be publicly served in some way and will be loaded after the core stylesheets.';
-                    options: undefined;
-                };
-            };
-        }
-        interface ThemePropsEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemePropsSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface SprucebotTypedMessage {
-            /** Sentences. Sprucebot will type out these sentences one at a time preserving what is similar between each one (in bold) */
-            'sentences': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageSentence[];
-            /** Default avatar. How should Sprucebot be rendered by default */
-            'avatar'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageAvatar | undefined | null;
-            /** Start delay. How long should I wait before starting to type? */
-            'startDelay'?: SpruceSchema.DurationFieldValue | undefined | null;
-            /** Loop. */
-            'shouldLoop'?: boolean | undefined | null;
-            /** Size. */
-            'size'?: ("small" | "medium" | "large") | undefined | null;
-            /** Playing. */
-            'isPlaying'?: boolean | undefined | null;
-        }
-        interface SprucebotTypedMessageSchema extends SpruceSchema.Schema {
-            id: 'sprucebotTypedMessage';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'Sprucebot typed message';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Sentences. Sprucebot will type out these sentences one at a time preserving what is similar between each one (in bold) */
-                'sentences': {
-                    label: 'Sentences';
-                    type: 'schema';
-                    isRequired: true;
-                    hint: 'Sprucebot will type out these sentences one at a time preserving what is similar between each one (in bold)';
-                    isArray: true;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageSentenceSchema;
-                    };
-                };
-                /** Default avatar. How should Sprucebot be rendered by default */
-                'avatar': {
-                    label: 'Default avatar';
-                    type: 'schema';
-                    hint: 'How should Sprucebot be rendered by default';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageAvatarSchema;
-                    };
-                };
-                /** Start delay. How long should I wait before starting to type? */
-                'startDelay': {
-                    label: 'Start delay';
-                    type: 'duration';
-                    hint: 'How long should I wait before starting to type?';
-                    defaultValue: {
-                        "hours": 0;
-                        "minutes": 0;
-                        "seconds": 1;
-                        "ms": 0;
-                    };
-                    options: undefined;
-                };
-                /** Loop. */
-                'shouldLoop': {
-                    label: 'Loop';
-                    type: 'boolean';
-                    options: undefined;
-                };
-                /** Size. */
-                'size': {
-                    label: 'Size';
-                    type: 'select';
-                    defaultValue: "small";
-                    options: {
-                        choices: [{
-                            "value": "small";
-                            "label": "Small";
+                            "value": "alarm";
+                            "label": "alarm";
                         }, {
-                            "value": "medium";
-                            "label": "Medium";
+                            "value": "arrow-back";
+                            "label": "arrow-back";
                         }, {
-                            "value": "large";
-                            "label": "Large";
-                        }];
-                    };
-                };
-                /** Playing. */
-                'isPlaying': {
-                    label: 'Playing';
-                    type: 'boolean';
-                    options: undefined;
-                };
-            };
-        }
-        interface SprucebotTypedMessageEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface SkillView {
-            'id'?: string | undefined | null;
-            /** Controller. */
-            'controller'?: (HeartwoodTypes.SkillViewController) | undefined | null;
-            /** Center vertically. */
-            'shouldCenterVertically'?: boolean | undefined | null;
-            /** Full screen. */
-            'isFullScreen'?: boolean | undefined | null;
-            'title'?: string | undefined | null;
-            'subtitle'?: string | undefined | null;
-            'description'?: string | undefined | null;
-            /** Width. */
-            'width'?: ("wide" | "tight" | "full") | undefined | null;
-            /** Layout. */
-            'layouts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayout[] | undefined | null;
-        }
-        interface SkillViewSchema extends SpruceSchema.Schema {
-            id: 'skillView';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'Skill view';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** . */
-                'id': {
-                    type: 'id';
-                    isPrivate: true;
-                    options: undefined;
-                };
-                /** Controller. */
-                'controller': {
-                    label: 'Controller';
-                    type: 'raw';
-                    options: {
-                        valueType: `HeartwoodTypes.SkillViewController`;
-                    };
-                };
-                /** Center vertically. */
-                'shouldCenterVertically': {
-                    label: 'Center vertically';
-                    type: 'boolean';
-                    defaultValue: false;
-                    options: undefined;
-                };
-                /** Full screen. */
-                'isFullScreen': {
-                    label: 'Full screen';
-                    type: 'boolean';
-                    options: undefined;
-                };
-                /** . */
-                'title': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** . */
-                'subtitle': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** . */
-                'description': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Width. */
-                'width': {
-                    label: 'Width';
-                    type: 'select';
-                    defaultValue: "tight";
-                    options: {
-                        choices: [{
-                            "value": "wide";
-                            "label": "Wide";
+                            "value": "arrow-down-circle";
+                            "label": "arrow-down-circle";
                         }, {
-                            "value": "tight";
-                            "label": "Tight";
-                        }, {
-                            "value": "full";
-                            "label": "Full width";
-                        }];
-                    };
-                };
-                /** Layout. */
-                'layouts': {
-                    label: 'Layout';
-                    type: 'schema';
-                    isArray: true;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayoutSchema;
-                    };
-                };
-            };
-        }
-        interface SkillViewEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface SelectInput {
-            'id'?: string | undefined | null;
-            'name': string;
-            'value'?: (any) | undefined | null;
-            /** . If you need the text input to render a value other than what is stored (a person's name vs. their id). */
-            'renderedValue'?: (any) | undefined | null;
-            /** Label. */
-            'label'?: string | undefined | null;
-            /** Hint. */
-            'hint'?: string | undefined | null;
-            /** Required. */
-            'isRequired'?: boolean | undefined | null;
-            'isInteractive'?: boolean | undefined | null;
-            /** On change handler. */
-            'onChange'?: ((value: any) => void | Promise<void | boolean> | boolean) | undefined | null;
-            /** On changed rendered value handler. */
-            'onChangeRenderedValue'?: ((value: any) => void | Promise<void | boolean> | boolean) | undefined | null;
-            /** On focus handler. */
-            'onFocus'?: (() => void | Promise<void>) | undefined | null;
-            /** On blur handler. */
-            'onBlur'?: (() => void | Promise<void>) | undefined | null;
-            'rightButtons'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.InputButton[] | undefined | null;
-            /** Placeholder. */
-            'placeholder'?: string | undefined | null;
-            'choices': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SelectInputChoice[];
-        }
-        interface SelectInputSchema extends SpruceSchema.Schema {
-            id: 'selectInput';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'Select input';
-            importsWhenRemote: ['import * as HeartwoodTypes from \'@sprucelabs/heartwood-view-controllers\''];
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** . */
-                'id': {
-                    type: 'id';
-                    options: undefined;
-                };
-                /** . */
-                'name': {
-                    type: 'text';
-                    isRequired: true;
-                    options: undefined;
-                };
-                /** . */
-                'value': {
-                    type: 'raw';
-                    options: {
-                        valueType: `any`;
-                    };
-                };
-                /** . If you need the text input to render a value other than what is stored (a person's name vs. their id). */
-                'renderedValue': {
-                    type: 'raw';
-                    hint: 'If you need the text input to render a value other than what is stored (a person\'s name vs. their id).';
-                    options: {
-                        valueType: `any`;
-                    };
-                };
-                /** Label. */
-                'label': {
-                    label: 'Label';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Hint. */
-                'hint': {
-                    label: 'Hint';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Required. */
-                'isRequired': {
-                    label: 'Required';
-                    type: 'boolean';
-                    options: undefined;
-                };
-                /** . */
-                'isInteractive': {
-                    type: 'boolean';
-                    options: undefined;
-                };
-                /** On change handler. */
-                'onChange': {
-                    label: 'On change handler';
-                    type: 'raw';
-                    options: {
-                        valueType: `(value: any) => void | Promise<void | boolean> | boolean`;
-                    };
-                };
-                /** On changed rendered value handler. */
-                'onChangeRenderedValue': {
-                    label: 'On changed rendered value handler';
-                    type: 'raw';
-                    options: {
-                        valueType: `(value: any) => void | Promise<void | boolean> | boolean`;
-                    };
-                };
-                /** On focus handler. */
-                'onFocus': {
-                    label: 'On focus handler';
-                    type: 'raw';
-                    options: {
-                        valueType: `() => void | Promise<void>`;
-                    };
-                };
-                /** On blur handler. */
-                'onBlur': {
-                    label: 'On blur handler';
-                    type: 'raw';
-                    options: {
-                        valueType: `() => void | Promise<void>`;
-                    };
-                };
-                /** . */
-                'rightButtons': {
-                    type: 'schema';
-                    isArray: true;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.InputButtonSchema;
-                    };
-                };
-                /** Placeholder. */
-                'placeholder': {
-                    label: 'Placeholder';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** . */
-                'choices': {
-                    type: 'schema';
-                    isRequired: true;
-                    isArray: true;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SelectInputChoiceSchema;
-                    };
-                };
-            };
-        }
-        interface SelectInputEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SelectInputSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ProgressNavigatorStep {
-            'id': string;
-            'label': string;
-            'isComplete'?: boolean | undefined | null;
-            'hasError'?: boolean | undefined | null;
-        }
-        interface ProgressNavigatorStepSchema extends SpruceSchema.Schema {
-            id: 'progressNavigatorStep';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** . */
-                'id': {
-                    type: 'id';
-                    isRequired: true;
-                    options: undefined;
-                };
-                /** . */
-                'label': {
-                    type: 'text';
-                    isRequired: true;
-                    options: undefined;
-                };
-                /** . */
-                'isComplete': {
-                    type: 'boolean';
-                    options: undefined;
-                };
-                /** . */
-                'hasError': {
-                    type: 'boolean';
-                    options: undefined;
-                };
-            };
-        }
-        interface ProgressNavigatorStepEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorStepSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ProgressNavigator {
-            'currentStepId'?: string | undefined | null;
-            'processLabel'?: string | undefined | null;
-            /** Line icon. */
-            'lineIcon'?: ("add-circle" | "add-square" | "add" | "alarm" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-next" | "arrow-up-circle" | "arrow-up" | "attachment" | "award-badge" | "binoculars" | "bolt" | "book-open" | "book" | "bookmark" | "bookmark-filled" | "calendar-add" | "calendar" | "camera" | "cellphone" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close-circle" | "close-square" | "close" | "code" | "coffee" | "command" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "crop" | "cube" | "delete" | "document-blank" | "document-new" | "document-text" | "download-cloud" | "download" | "edit-box" | "edit-line" | "email" | "emoji-happy" | "emoji-sad" | "external-link" | "fav-heart" | "fav-heart-filled" | "flag" | "flip-01" | "flip-02" | "folder" | "globe" | "hash-tag" | "headphones" | "help-buoy" | "help-circle" | "home" | "info" | "jump" | "layers" | "bar-graph" | "link-angle" | "link-flat" | "loader" | "location-pin" | "lock" | "logout" | "map" | "message-circle" | "message-square" | "mic-off" | "mic-on" | "minus-circle" | "minus-square" | "money-sign" | "more-horizontal" | "more-vertical" | "notification-off" | "notification-on" | "object" | "pause-circle" | "phone-unavailable" | "phone" | "photo" | "picked" | "pie-chart" | "play-circle" | "present" | "refresh-circle" | "refresh" | "repeat" | "restricted" | "rotate" | "search-no" | "search" | "selector-checked" | "selector-circle-filled" | "selector-circle" | "send" | "settings-filled" | "settings" | "share" | "shopping-bag" | "shopping-cart" | "sort-filter-down" | "sort-filter-up" | "sound-off" | "sound-on" | "sprucebot" | "star-filled" | "star" | "sun" | "tag" | "time" | "tool" | "trending-down" | "trending-up" | "triangle" | "unlock" | "upload-cloud" | "upload" | "user-add" | "user-delete" | "user" | "users" | "video-off" | "video" | "warning" | "wifi" | "zoom-in" | "zoom-out") | undefined | null;
-            'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.ProgressNavigator>) | undefined | null;
-            'steps': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorStep[];
-        }
-        interface ProgressNavigatorSchema extends SpruceSchema.Schema {
-            id: 'progressNavigator';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'Progress Navigator';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** . */
-                'currentStepId': {
-                    type: 'id';
-                    options: undefined;
-                };
-                /** . */
-                'processLabel': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Line icon. */
-                'lineIcon': {
-                    label: 'Line icon';
-                    type: 'select';
-                    options: {
-                        choices: [{
-                            "value": "add-circle";
-                            "label": "add-circle";
-                        }, {
-                            "value": "add-square";
-                            "label": "add-square";
-                        }, {
-                            "value": "add";
-                            "label": "add";
-                        }, {
-                            "value": "alarm";
-                            "label": "alarm";
-                        }, {
-                            "value": "arrow-back";
-                            "label": "arrow-back";
-                        }, {
-                            "value": "arrow-down-circle";
-                            "label": "arrow-down-circle";
-                        }, {
-                            "value": "arrow-down";
-                            "label": "arrow-down";
+                            "value": "arrow-down";
+                            "label": "arrow-down";
                         }, {
                             "value": "arrow-next";
                             "label": "arrow-next";
@@ -2467,192 +1389,1309 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                             "value": "user";
                             "label": "user";
                         }, {
-                            "value": "users";
-                            "label": "users";
+                            "value": "users";
+                            "label": "users";
+                        }, {
+                            "value": "video-off";
+                            "label": "video-off";
+                        }, {
+                            "value": "video";
+                            "label": "video";
+                        }, {
+                            "value": "warning";
+                            "label": "warning";
+                        }, {
+                            "value": "wifi";
+                            "label": "wifi";
+                        }, {
+                            "value": "zoom-in";
+                            "label": "zoom-in";
+                        }, {
+                            "value": "zoom-out";
+                            "label": "zoom-out";
+                        }];
+                    };
+                };
+                /** . */
+                'shouldRenderAllToolsAtOnce': {
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** . */
+                'onCloseToolBelt': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.ToolBeltCloseHandler`;
+                    };
+                };
+                /** . */
+                'iconLabel': {
+                    type: 'text';
+                    options: undefined;
+                };
+                /** . */
+                'renderAs': {
+                    type: 'select';
+                    options: {
+                        choices: [{
+                            "value": "default";
+                            "label": "Default";
+                        }, {
+                            "value": "icon";
+                            "label": "Icon";
+                        }];
+                    };
+                };
+                /** Tools. */
+                'tools': {
+                    label: 'Tools';
+                    type: 'schema';
+                    isRequired: true;
+                    isArray: true;
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltToolSchema;
+                    };
+                };
+            };
+        }
+        interface ToolBeltEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface ToastMessage {
+            /** Content. */
+            'content': string;
+            /** Style. */
+            'style'?: ("info" | "success" | "warning" | "critical") | undefined | null;
+            'destination'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestination | undefined | null;
+            /** Click handler. */
+            'onClick'?: (() => Promise<void> | void) | undefined | null;
+            /** Is Sticky. */
+            'isSticky'?: boolean | undefined | null;
+        }
+        interface ToastMessageSchema extends SpruceSchema.Schema {
+            id: 'toastMessage';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Toast message';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Content. */
+                'content': {
+                    label: 'Content';
+                    type: 'text';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** Style. */
+                'style': {
+                    label: 'Style';
+                    type: 'select';
+                    options: {
+                        choices: [{
+                            "value": "info";
+                            "label": "info";
+                        }, {
+                            "value": "success";
+                            "label": "success";
+                        }, {
+                            "value": "warning";
+                            "label": "warning";
+                        }, {
+                            "value": "critical";
+                            "label": "critical";
+                        }];
+                    };
+                };
+                /** . */
+                'destination': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
+                    };
+                };
+                /** Click handler. */
+                'onClick': {
+                    label: 'Click handler';
+                    type: 'raw';
+                    options: {
+                        valueType: `() => Promise<void> | void`;
+                    };
+                };
+                /** Is Sticky. */
+                'isSticky': {
+                    label: 'Is Sticky';
+                    type: 'boolean';
+                    options: undefined;
+                };
+            };
+        }
+        interface ToastMessageEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToastMessageSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface Theme {
+            'name': string;
+            'props': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeProps;
+        }
+        interface ThemeSchema extends SpruceSchema.Schema {
+            id: 'theme';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Theme';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'name': {
+                    type: 'text';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'props': {
+                    type: 'schema';
+                    isRequired: true;
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemePropsSchema;
+                    };
+                };
+            };
+        }
+        interface ThemeEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface CardStyle {
+            /** Card Background Color. The background color of the card. This color will show through any transparency in the header, body, or footer colors. It defaults to transparent. */
+            'backgroundColor'?: string | undefined | null;
+            /** Card Body Background Color. The background color of the body of the card. */
+            'bodyBackgroundColor'?: string | undefined | null;
+            /** Card Body Foreground Color. The color of the text of the body of the card. */
+            'bodyForegroundColor'?: string | undefined | null;
+            /** Header Background Color. The background color of the card's header. */
+            'headerBackgroundColor'?: string | undefined | null;
+            /** Header Foreground Color. The color of the text in the card's header. */
+            'headerForegroundColor'?: string | undefined | null;
+            /** Footer Background Color. The background color of the card's footer. */
+            'footerBackgroundColor'?: string | undefined | null;
+            /** Footer Foreground Color. The color of the text in the card's footer. */
+            'footerForegroundColor'?: string | undefined | null;
+            /** Fonts. The fonts used in the card. */
+            'fonts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFonts | undefined | null;
+        }
+        interface CardStyleSchema extends SpruceSchema.Schema {
+            id: 'cardStyle';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Card Background Color. The background color of the card. This color will show through any transparency in the header, body, or footer colors. It defaults to transparent. */
+                'backgroundColor': {
+                    label: 'Card Background Color';
+                    type: 'text';
+                    hint: 'The background color of the card. This color will show through any transparency in the header, body, or footer colors. It defaults to transparent.';
+                    options: undefined;
+                };
+                /** Card Body Background Color. The background color of the body of the card. */
+                'bodyBackgroundColor': {
+                    label: 'Card Body Background Color';
+                    type: 'text';
+                    hint: 'The background color of the body of the card.';
+                    options: undefined;
+                };
+                /** Card Body Foreground Color. The color of the text of the body of the card. */
+                'bodyForegroundColor': {
+                    label: 'Card Body Foreground Color';
+                    type: 'text';
+                    hint: 'The color of the text of the body of the card.';
+                    options: undefined;
+                };
+                /** Header Background Color. The background color of the card's header. */
+                'headerBackgroundColor': {
+                    label: 'Header Background Color';
+                    type: 'text';
+                    hint: 'The background color of the card\'s header.';
+                    options: undefined;
+                };
+                /** Header Foreground Color. The color of the text in the card's header. */
+                'headerForegroundColor': {
+                    label: 'Header Foreground Color';
+                    type: 'text';
+                    hint: 'The color of the text in the card\'s header.';
+                    options: undefined;
+                };
+                /** Footer Background Color. The background color of the card's footer. */
+                'footerBackgroundColor': {
+                    label: 'Footer Background Color';
+                    type: 'text';
+                    hint: 'The background color of the card\'s footer.';
+                    options: undefined;
+                };
+                /** Footer Foreground Color. The color of the text in the card's footer. */
+                'footerForegroundColor': {
+                    label: 'Footer Foreground Color';
+                    type: 'text';
+                    hint: 'The color of the text in the card\'s footer.';
+                    options: undefined;
+                };
+                /** Fonts. The fonts used in the card. */
+                'fonts': {
+                    label: 'Fonts';
+                    type: 'schema';
+                    hint: 'The fonts used in the card.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFontsSchema;
+                    };
+                };
+            };
+        }
+        interface CardStyleEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface CardStyles {
+            /** Informational. */
+            'informational'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyle | undefined | null;
+            /** Visual. */
+            'visual'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyle | undefined | null;
+            /** Heading. */
+            'heading'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyle | undefined | null;
+        }
+        interface CardStylesSchema extends SpruceSchema.Schema {
+            id: 'cardStyles';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Informational. */
+                'informational': {
+                    label: 'Informational';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema;
+                    };
+                };
+                /** Visual. */
+                'visual': {
+                    label: 'Visual';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema;
+                    };
+                };
+                /** Heading. */
+                'heading': {
+                    label: 'Heading';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyleSchema;
+                    };
+                };
+            };
+        }
+        interface CardStylesEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStylesSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface FontFamily {
+            /** Name. What is the name of the font family? e.g. "Arial" or "Headers". This will be the name you can apply to different parts of the theme. */
+            'name': string;
+            /** Source. The URL to the font file (otf, ttf, etc.). Must be publicly accessible. */
+            'src': string;
+        }
+        interface FontFamilySchema extends SpruceSchema.Schema {
+            id: 'fontFamily';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Name. What is the name of the font family? e.g. "Arial" or "Headers". This will be the name you can apply to different parts of the theme. */
+                'name': {
+                    label: 'Name';
+                    type: 'text';
+                    isRequired: true;
+                    hint: 'What is the name of the font family? e.g. "Arial" or "Headers". This will be the name you can apply to different parts of the theme.';
+                    options: undefined;
+                };
+                /** Source. The URL to the font file (otf, ttf, etc.). Must be publicly accessible. */
+                'src': {
+                    label: 'Source';
+                    type: 'text';
+                    isRequired: true;
+                    hint: 'The URL to the font file (otf, ttf, etc.). Must be publicly accessible.';
+                    options: undefined;
+                };
+            };
+        }
+        interface FontFamilyEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontFamilySchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface FontSetting {
+            /** Font Family. The name of the font family to use. This should match the name you set in the font families section of the theme. */
+            'fontFamily'?: string | undefined | null;
+            /** Font Size. The size of the font. e.g. "16px" or "1em". */
+            'fontSize'?: string | undefined | null;
+        }
+        interface FontSettingSchema extends SpruceSchema.Schema {
+            id: 'fontSetting';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Font Family. The name of the font family to use. This should match the name you set in the font families section of the theme. */
+                'fontFamily': {
+                    label: 'Font Family';
+                    type: 'text';
+                    hint: 'The name of the font family to use. This should match the name you set in the font families section of the theme.';
+                    options: undefined;
+                };
+                /** Font Size. The size of the font. e.g. "16px" or "1em". */
+                'fontSize': {
+                    label: 'Font Size';
+                    type: 'text';
+                    hint: 'The size of the font. e.g. "16px" or "1em".';
+                    options: undefined;
+                };
+            };
+        }
+        interface FontSettingEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface ThemeFonts {
+            /** Header One Font. The font used for the largest headers. */
+            'headerOneFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
+            /** Alternative Header Font. The font used for the alternative headers. These are rendered next to the header one font, but are usually smaller. */
+            'altHeaderFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
+            /** Header Two Font. The font used for the second largest headers. */
+            'headerTwoFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
+            /** Header Three Font. The font used for third largest headers. */
+            'headerThreeFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
+            /** Body Font. The font used for the body text on all cards, toolbelt, etc. */
+            'bodyFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
+            /** Footer Font. The font used for footers (but can be overriden by card footer styles). */
+            'footerFont'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
+        }
+        interface ThemeFontsSchema extends SpruceSchema.Schema {
+            id: 'themeFonts';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Header One Font. The font used for the largest headers. */
+                'headerOneFont': {
+                    label: 'Header One Font';
+                    type: 'schema';
+                    hint: 'The font used for the largest headers.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                    };
+                };
+                /** Alternative Header Font. The font used for the alternative headers. These are rendered next to the header one font, but are usually smaller. */
+                'altHeaderFont': {
+                    label: 'Alternative Header Font';
+                    type: 'schema';
+                    hint: 'The font used for the alternative headers. These are rendered next to the header one font, but are usually smaller.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                    };
+                };
+                /** Header Two Font. The font used for the second largest headers. */
+                'headerTwoFont': {
+                    label: 'Header Two Font';
+                    type: 'schema';
+                    hint: 'The font used for the second largest headers.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                    };
+                };
+                /** Header Three Font. The font used for third largest headers. */
+                'headerThreeFont': {
+                    label: 'Header Three Font';
+                    type: 'schema';
+                    hint: 'The font used for third largest headers.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                    };
+                };
+                /** Body Font. The font used for the body text on all cards, toolbelt, etc. */
+                'bodyFont': {
+                    label: 'Body Font';
+                    type: 'schema';
+                    hint: 'The font used for the body text on all cards, toolbelt, etc.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                    };
+                };
+                /** Footer Font. The font used for footers (but can be overriden by card footer styles). */
+                'footerFont': {
+                    label: 'Footer Font';
+                    type: 'schema';
+                    hint: 'The font used for footers (but can be overriden by card footer styles).';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                    };
+                };
+            };
+        }
+        interface ThemeFontsEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFontsSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface ControlBar {
+            /** Control bar color 1. The foreground color of the control bar. */
+            'foregroundColor'?: string | undefined | null;
+            /** Control bar color 2. The background color of the control bar. */
+            'backgroundColor'?: string | undefined | null;
+            /** Control bar font. The font used in the control bar. */
+            'font'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSetting | undefined | null;
+            /** Control bar style. Should the control bar span the full width of the screen or the width of the buttons and float in the center? */
+            'style'?: ("standard" | "floating") | undefined | null;
+            /** Control bar size. */
+            'size'?: ("medium" | "large") | undefined | null;
+        }
+        interface ControlBarSchema extends SpruceSchema.Schema {
+            id: 'controlBar';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Control bar color 1. The foreground color of the control bar. */
+                'foregroundColor': {
+                    label: 'Control bar color 1';
+                    type: 'text';
+                    hint: 'The foreground color of the control bar.';
+                    options: undefined;
+                };
+                /** Control bar color 2. The background color of the control bar. */
+                'backgroundColor': {
+                    label: 'Control bar color 2';
+                    type: 'text';
+                    hint: 'The background color of the control bar.';
+                    options: undefined;
+                };
+                /** Control bar font. The font used in the control bar. */
+                'font': {
+                    label: 'Control bar font';
+                    type: 'schema';
+                    hint: 'The font used in the control bar.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontSettingSchema;
+                    };
+                };
+                /** Control bar style. Should the control bar span the full width of the screen or the width of the buttons and float in the center? */
+                'style': {
+                    label: 'Control bar style';
+                    type: 'select';
+                    hint: 'Should the control bar span the full width of the screen or the width of the buttons and float in the center?';
+                    options: {
+                        choices: [{
+                            "value": "standard";
+                            "label": "Standard";
+                        }, {
+                            "value": "floating";
+                            "label": "Floating";
+                        }];
+                    };
+                };
+                /** Control bar size. */
+                'size': {
+                    label: 'Control bar size';
+                    type: 'select';
+                    options: {
+                        choices: [{
+                            "value": "medium";
+                            "label": "Standard";
                         }, {
-                            "value": "video-off";
-                            "label": "video-off";
+                            "value": "large";
+                            "label": "Large";
+                        }];
+                    };
+                };
+            };
+        }
+        interface ControlBarEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ControlBarSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface StatusIndicatorColors {
+            /** Color 1. */
+            'color1'?: string | undefined | null;
+            /** Color 2. */
+            'color2'?: string | undefined | null;
+            /** Color 3. */
+            'color3'?: string | undefined | null;
+            /** Color 4. */
+            'color4'?: string | undefined | null;
+            /** Color 5. */
+            'color5'?: string | undefined | null;
+        }
+        interface StatusIndicatorColorsSchema extends SpruceSchema.Schema {
+            id: 'statusIndicatorColors';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Status indicator colors';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Color 1. */
+                'color1': {
+                    label: 'Color 1';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Color 2. */
+                'color2': {
+                    label: 'Color 2';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Color 3. */
+                'color3': {
+                    label: 'Color 3';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Color 4. */
+                'color4': {
+                    label: 'Color 4';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Color 5. */
+                'color5': {
+                    label: 'Color 5';
+                    type: 'text';
+                    options: undefined;
+                };
+            };
+        }
+        interface StatusIndicatorColorsEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.StatusIndicatorColorsSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface ThemeProps {
+            /** Card corner style. */
+            'borderRadius'?: ("rounded" | "square") | undefined | null;
+            /** Color 1. Used to color anything overlayed on the background (color1Inverse or color1InverseGradient). */
+            'color1'?: string | undefined | null;
+            /** Color 1 (inverse). Background color of the view if color1InverseGradient is not set */
+            'color1Inverse'?: string | undefined | null;
+            /** Color 1 Gradient (inverse). Background griedent applied to view. */
+            'color1InverseGradient'?: string | undefined | null;
+            /** Color 2. The color of text inside of cards and lists. */
+            'color2'?: string | undefined | null;
+            /** Color 2 (compliment). The color of headers in card bodies and lists. Defaults to color2. */
+            'color2Compliment'?: string | undefined | null;
+            /** Color 2. The color of overlays ontop of a card. */
+            'color2Transparent'?: string | undefined | null;
+            /** Color. Background color of cards. */
+            'color2Inverse'?: string | undefined | null;
+            /** Color 2 (inverse with transparency). Background color used when some transparency is needed for context. */
+            'color2InverseTransparent'?: string | undefined | null;
+            /** Color 3. Titles of cards. */
+            'color3'?: string | undefined | null;
+            /** Color 3 (compliment). Subtitles of cards. */
+            'color3Compliment'?: string | undefined | null;
+            /** Color 3 (inverse). Background for headers of cards. */
+            'color3Inverse'?: string | undefined | null;
+            /** Color 4. Foreground for buttons and menu items. */
+            'color4'?: string | undefined | null;
+            /** Color 4 (compliment). Borders for buttons and menu items. */
+            'color4Compliment'?: string | undefined | null;
+            /** Color 4 (compliment, transparent). Lighter version of borders, outlines, and highlights */
+            'color4ComplimentTransparent'?: string | undefined | null;
+            /** Color 4 (inverse). Background for buttons and menu items. */
+            'color4Inverse'?: string | undefined | null;
+            /** Color 4 (inverse, compliment). Background for buttons and menu items */
+            'color4InverseCompliment'?: string | undefined | null;
+            'controlBar'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ControlBar | undefined | null;
+            /** Tool belt color 2. The background color of the tool belts. */
+            'toolBeltColor2'?: string | undefined | null;
+            /** Success color 1. Success messages overlayed on a background colored with successColor1Inverse. */
+            'successColor1'?: string | undefined | null;
+            /** Success color 2. The background used when rendering success messages. */
+            'successColor1Inverse'?: string | undefined | null;
+            /** Error color 1. Errors overlayed on a background colored with errorColor1Inverse. */
+            'errorColor1'?: string | undefined | null;
+            /** Error color 2. The background used when rendering errors. */
+            'errorColor1Inverse'?: string | undefined | null;
+            /** Warning color 1. Warnings overlayed on a background colored with warningColor1Inverse. */
+            'warningColor1'?: string | undefined | null;
+            /** Warning color 2. The background used when rendering tarnings. */
+            'warningColor1Inverse'?: string | undefined | null;
+            'calendarEvents'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEventColors | undefined | null;
+            /** Footer Icon Url. The url of the icon to show in the footer. Must be publicly served in some way */
+            'footerIconUrl'?: string | undefined | null;
+            'statusIndicators'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.StatusIndicatorColors | undefined | null;
+            /** Talking Sprucebot Color. The color of the talking sprucebot animation that appears when Sprucebot is speaking. */
+            'talkingSprucebotColor'?: string | undefined | null;
+            'fontFamilies'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontFamily[] | undefined | null;
+            'fonts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFonts | undefined | null;
+            'cardStyles'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStyles | undefined | null;
+            /** Stylesheet Url. The url of the stylesheet to apply to the theme. Must be publicly served in some way and will be loaded after the core stylesheets. */
+            'stylesheetUrl'?: string | undefined | null;
+        }
+        interface ThemePropsSchema extends SpruceSchema.Schema {
+            id: 'themeProps';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Card corner style. */
+                'borderRadius': {
+                    label: 'Card corner style';
+                    type: 'select';
+                    options: {
+                        choices: [{
+                            "value": "rounded";
+                            "label": "Rounded";
                         }, {
-                            "value": "video";
-                            "label": "video";
+                            "value": "square";
+                            "label": "Square";
+                        }];
+                    };
+                };
+                /** Color 1. Used to color anything overlayed on the background (color1Inverse or color1InverseGradient). */
+                'color1': {
+                    label: 'Color 1';
+                    type: 'text';
+                    hint: 'Used to color anything overlayed on the background (color1Inverse or color1InverseGradient).';
+                    options: undefined;
+                };
+                /** Color 1 (inverse). Background color of the view if color1InverseGradient is not set */
+                'color1Inverse': {
+                    label: 'Color 1 (inverse)';
+                    type: 'text';
+                    hint: 'Background color of the view if color1InverseGradient is not set';
+                    options: undefined;
+                };
+                /** Color 1 Gradient (inverse). Background griedent applied to view. */
+                'color1InverseGradient': {
+                    label: 'Color 1 Gradient (inverse)';
+                    type: 'text';
+                    hint: 'Background griedent applied to view.';
+                    options: undefined;
+                };
+                /** Color 2. The color of text inside of cards and lists. */
+                'color2': {
+                    label: 'Color 2';
+                    type: 'text';
+                    hint: 'The color of text inside of cards and lists.';
+                    options: undefined;
+                };
+                /** Color 2 (compliment). The color of headers in card bodies and lists. Defaults to color2. */
+                'color2Compliment': {
+                    label: 'Color 2 (compliment)';
+                    type: 'text';
+                    hint: 'The color of headers in card bodies and lists. Defaults to color2.';
+                    options: undefined;
+                };
+                /** Color 2. The color of overlays ontop of a card. */
+                'color2Transparent': {
+                    label: 'Color 2';
+                    type: 'text';
+                    hint: 'The color of overlays ontop of a card.';
+                    options: undefined;
+                };
+                /** Color. Background color of cards. */
+                'color2Inverse': {
+                    label: 'Color';
+                    type: 'text';
+                    hint: 'Background color of cards.';
+                    options: undefined;
+                };
+                /** Color 2 (inverse with transparency). Background color used when some transparency is needed for context. */
+                'color2InverseTransparent': {
+                    label: 'Color 2 (inverse with transparency)';
+                    type: 'text';
+                    hint: 'Background color used when some transparency is needed for context.';
+                    options: undefined;
+                };
+                /** Color 3. Titles of cards. */
+                'color3': {
+                    label: 'Color 3';
+                    type: 'text';
+                    hint: 'Titles of cards.';
+                    options: undefined;
+                };
+                /** Color 3 (compliment). Subtitles of cards. */
+                'color3Compliment': {
+                    label: 'Color 3 (compliment)';
+                    type: 'text';
+                    hint: 'Subtitles of cards.';
+                    options: undefined;
+                };
+                /** Color 3 (inverse). Background for headers of cards. */
+                'color3Inverse': {
+                    label: 'Color 3 (inverse)';
+                    type: 'text';
+                    hint: 'Background for headers of cards.';
+                    options: undefined;
+                };
+                /** Color 4. Foreground for buttons and menu items. */
+                'color4': {
+                    label: 'Color 4';
+                    type: 'text';
+                    hint: 'Foreground for buttons and menu items.';
+                    options: undefined;
+                };
+                /** Color 4 (compliment). Borders for buttons and menu items. */
+                'color4Compliment': {
+                    label: 'Color 4 (compliment)';
+                    type: 'text';
+                    hint: 'Borders for buttons and menu items.';
+                    options: undefined;
+                };
+                /** Color 4 (compliment, transparent). Lighter version of borders, outlines, and highlights */
+                'color4ComplimentTransparent': {
+                    label: 'Color 4 (compliment, transparent)';
+                    type: 'text';
+                    hint: 'Lighter version of borders, outlines, and highlights';
+                    options: undefined;
+                };
+                /** Color 4 (inverse). Background for buttons and menu items. */
+                'color4Inverse': {
+                    label: 'Color 4 (inverse)';
+                    type: 'text';
+                    hint: 'Background for buttons and menu items.';
+                    options: undefined;
+                };
+                /** Color 4 (inverse, compliment). Background for buttons and menu items */
+                'color4InverseCompliment': {
+                    label: 'Color 4 (inverse, compliment)';
+                    type: 'text';
+                    hint: 'Background for buttons and menu items';
+                    options: undefined;
+                };
+                /** . */
+                'controlBar': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ControlBarSchema;
+                    };
+                };
+                /** Tool belt color 2. The background color of the tool belts. */
+                'toolBeltColor2': {
+                    label: 'Tool belt color 2';
+                    type: 'text';
+                    hint: 'The background color of the tool belts.';
+                    options: undefined;
+                };
+                /** Success color 1. Success messages overlayed on a background colored with successColor1Inverse. */
+                'successColor1': {
+                    label: 'Success color 1';
+                    type: 'text';
+                    hint: 'Success messages overlayed on a background colored with successColor1Inverse.';
+                    options: undefined;
+                };
+                /** Success color 2. The background used when rendering success messages. */
+                'successColor1Inverse': {
+                    label: 'Success color 2';
+                    type: 'text';
+                    hint: 'The background used when rendering success messages.';
+                    options: undefined;
+                };
+                /** Error color 1. Errors overlayed on a background colored with errorColor1Inverse. */
+                'errorColor1': {
+                    label: 'Error color 1';
+                    type: 'text';
+                    hint: 'Errors overlayed on a background colored with errorColor1Inverse.';
+                    options: undefined;
+                };
+                /** Error color 2. The background used when rendering errors. */
+                'errorColor1Inverse': {
+                    label: 'Error color 2';
+                    type: 'text';
+                    hint: 'The background used when rendering errors.';
+                    options: undefined;
+                };
+                /** Warning color 1. Warnings overlayed on a background colored with warningColor1Inverse. */
+                'warningColor1': {
+                    label: 'Warning color 1';
+                    type: 'text';
+                    hint: 'Warnings overlayed on a background colored with warningColor1Inverse.';
+                    options: undefined;
+                };
+                /** Warning color 2. The background used when rendering tarnings. */
+                'warningColor1Inverse': {
+                    label: 'Warning color 2';
+                    type: 'text';
+                    hint: 'The background used when rendering tarnings.';
+                    options: undefined;
+                };
+                /** . */
+                'calendarEvents': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEventColorsSchema;
+                    };
+                };
+                /** Footer Icon Url. The url of the icon to show in the footer. Must be publicly served in some way */
+                'footerIconUrl': {
+                    label: 'Footer Icon Url';
+                    type: 'text';
+                    hint: 'The url of the icon to show in the footer. Must be publicly served in some way';
+                    options: undefined;
+                };
+                /** . */
+                'statusIndicators': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.StatusIndicatorColorsSchema;
+                    };
+                };
+                /** Talking Sprucebot Color. The color of the talking sprucebot animation that appears when Sprucebot is speaking. */
+                'talkingSprucebotColor': {
+                    label: 'Talking Sprucebot Color';
+                    type: 'text';
+                    hint: 'The color of the talking sprucebot animation that appears when Sprucebot is speaking.';
+                    options: undefined;
+                };
+                /** . */
+                'fontFamilies': {
+                    type: 'schema';
+                    isArray: true;
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FontFamilySchema;
+                    };
+                };
+                /** . */
+                'fonts': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeFontsSchema;
+                    };
+                };
+                /** . */
+                'cardStyles': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardStylesSchema;
+                    };
+                };
+                /** Stylesheet Url. The url of the stylesheet to apply to the theme. Must be publicly served in some way and will be loaded after the core stylesheets. */
+                'stylesheetUrl': {
+                    label: 'Stylesheet Url';
+                    type: 'text';
+                    hint: 'The url of the stylesheet to apply to the theme. Must be publicly served in some way and will be loaded after the core stylesheets.';
+                    options: undefined;
+                };
+            };
+        }
+        interface ThemePropsEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemePropsSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface SprucebotTypedMessage {
+            /** Sentences. Sprucebot will type out these sentences one at a time preserving what is similar between each one (in bold) */
+            'sentences': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageSentence[];
+            /** Default avatar. How should Sprucebot be rendered by default */
+            'avatar'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageAvatar | undefined | null;
+            /** Start delay. How long should I wait before starting to type? */
+            'startDelay'?: SpruceSchema.DurationFieldValue | undefined | null;
+            /** Loop. */
+            'shouldLoop'?: boolean | undefined | null;
+            /** Size. */
+            'size'?: ("small" | "medium" | "large") | undefined | null;
+            /** Playing. */
+            'isPlaying'?: boolean | undefined | null;
+        }
+        interface SprucebotTypedMessageSchema extends SpruceSchema.Schema {
+            id: 'sprucebotTypedMessage';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Sprucebot typed message';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Sentences. Sprucebot will type out these sentences one at a time preserving what is similar between each one (in bold) */
+                'sentences': {
+                    label: 'Sentences';
+                    type: 'schema';
+                    isRequired: true;
+                    hint: 'Sprucebot will type out these sentences one at a time preserving what is similar between each one (in bold)';
+                    isArray: true;
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageSentenceSchema;
+                    };
+                };
+                /** Default avatar. How should Sprucebot be rendered by default */
+                'avatar': {
+                    label: 'Default avatar';
+                    type: 'schema';
+                    hint: 'How should Sprucebot be rendered by default';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageAvatarSchema;
+                    };
+                };
+                /** Start delay. How long should I wait before starting to type? */
+                'startDelay': {
+                    label: 'Start delay';
+                    type: 'duration';
+                    hint: 'How long should I wait before starting to type?';
+                    defaultValue: {
+                        "hours": 0;
+                        "minutes": 0;
+                        "seconds": 1;
+                        "ms": 0;
+                    };
+                    options: undefined;
+                };
+                /** Loop. */
+                'shouldLoop': {
+                    label: 'Loop';
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** Size. */
+                'size': {
+                    label: 'Size';
+                    type: 'select';
+                    defaultValue: "small";
+                    options: {
+                        choices: [{
+                            "value": "small";
+                            "label": "Small";
                         }, {
-                            "value": "warning";
-                            "label": "warning";
+                            "value": "medium";
+                            "label": "Medium";
                         }, {
-                            "value": "wifi";
-                            "label": "wifi";
+                            "value": "large";
+                            "label": "Large";
+                        }];
+                    };
+                };
+                /** Playing. */
+                'isPlaying': {
+                    label: 'Playing';
+                    type: 'boolean';
+                    options: undefined;
+                };
+            };
+        }
+        interface SprucebotTypedMessageEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SprucebotTypedMessageSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface SkillView {
+            'id'?: string | undefined | null;
+            /** Controller. */
+            'controller'?: (HeartwoodTypes.SkillViewController) | undefined | null;
+            /** Center vertically. */
+            'shouldCenterVertically'?: boolean | undefined | null;
+            /** Full screen. */
+            'isFullScreen'?: boolean | undefined | null;
+            'title'?: string | undefined | null;
+            'subtitle'?: string | undefined | null;
+            'description'?: string | undefined | null;
+            /** Width. */
+            'width'?: ("wide" | "tight" | "full") | undefined | null;
+            /** Layout. */
+            'layouts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayout[] | undefined | null;
+        }
+        interface SkillViewSchema extends SpruceSchema.Schema {
+            id: 'skillView';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Skill view';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'id': {
+                    type: 'id';
+                    isPrivate: true;
+                    options: undefined;
+                };
+                /** Controller. */
+                'controller': {
+                    label: 'Controller';
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.SkillViewController`;
+                    };
+                };
+                /** Center vertically. */
+                'shouldCenterVertically': {
+                    label: 'Center vertically';
+                    type: 'boolean';
+                    defaultValue: false;
+                    options: undefined;
+                };
+                /** Full screen. */
+                'isFullScreen': {
+                    label: 'Full screen';
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** . */
+                'title': {
+                    type: 'text';
+                    options: undefined;
+                };
+                /** . */
+                'subtitle': {
+                    type: 'text';
+                    options: undefined;
+                };
+                /** . */
+                'description': {
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Width. */
+                'width': {
+                    label: 'Width';
+                    type: 'select';
+                    defaultValue: "tight";
+                    options: {
+                        choices: [{
+                            "value": "wide";
+                            "label": "Wide";
                         }, {
-                            "value": "zoom-in";
-                            "label": "zoom-in";
+                            "value": "tight";
+                            "label": "Tight";
                         }, {
-                            "value": "zoom-out";
-                            "label": "zoom-out";
+                            "value": "full";
+                            "label": "Full width";
                         }];
                     };
                 };
+                /** Layout. */
+                'layouts': {
+                    label: 'Layout';
+                    type: 'schema';
+                    isArray: true;
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayoutSchema;
+                    };
+                };
+            };
+        }
+        interface SkillViewEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface SelectInput {
+            'id'?: string | undefined | null;
+            'name': string;
+            'value'?: (any) | undefined | null;
+            /** . If you need the text input to render a value other than what is stored (a person's name vs. their id). */
+            'renderedValue'?: (any) | undefined | null;
+            /** Label. */
+            'label'?: string | undefined | null;
+            /** Hint. */
+            'hint'?: string | undefined | null;
+            /** Required. */
+            'isRequired'?: boolean | undefined | null;
+            'isInteractive'?: boolean | undefined | null;
+            /** On change handler. */
+            'onChange'?: ((value: any) => void | Promise<void | boolean> | boolean) | undefined | null;
+            /** On changed rendered value handler. */
+            'onChangeRenderedValue'?: ((value: any) => void | Promise<void | boolean> | boolean) | undefined | null;
+            /** On focus handler. */
+            'onFocus'?: (() => void | Promise<void>) | undefined | null;
+            /** On blur handler. */
+            'onBlur'?: (() => void | Promise<void>) | undefined | null;
+            'rightButtons'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.InputButton[] | undefined | null;
+            /** Placeholder. */
+            'placeholder'?: string | undefined | null;
+            'choices': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SelectInputChoice[];
+        }
+        interface SelectInputSchema extends SpruceSchema.Schema {
+            id: 'selectInput';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Select input';
+            importsWhenRemote: ['import * as HeartwoodTypes from \'@sprucelabs/heartwood-view-controllers\''];
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'id': {
+                    type: 'id';
+                    options: undefined;
+                };
+                /** . */
+                'name': {
+                    type: 'text';
+                    isRequired: true;
+                    options: undefined;
+                };
                 /** . */
-                'controller': {
+                'value': {
                     type: 'raw';
                     options: {
-                        valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.ProgressNavigator>`;
+                        valueType: `any`;
+                    };
+                };
+                /** . If you need the text input to render a value other than what is stored (a person's name vs. their id). */
+                'renderedValue': {
+                    type: 'raw';
+                    hint: 'If you need the text input to render a value other than what is stored (a person\'s name vs. their id).';
+                    options: {
+                        valueType: `any`;
                     };
                 };
+                /** Label. */
+                'label': {
+                    label: 'Label';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Hint. */
+                'hint': {
+                    label: 'Hint';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Required. */
+                'isRequired': {
+                    label: 'Required';
+                    type: 'boolean';
+                    options: undefined;
+                };
                 /** . */
-                'steps': {
-                    type: 'schema';
-                    isRequired: true;
-                    isArray: true;
+                'isInteractive': {
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** On change handler. */
+                'onChange': {
+                    label: 'On change handler';
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorStepSchema;
+                        valueType: `(value: any) => void | Promise<void | boolean> | boolean`;
                     };
                 };
-            };
-        }
-        interface ProgressNavigatorEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface NavigationButtonDropdown {
-            /** Position. */
-            'position'?: ("top" | "right" | "bottom" | "left") | undefined | null;
-            'items'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationDropdownButton[] | undefined | null;
-            'card'?: (HeartwoodTypes.Card) | undefined | null;
-        }
-        interface NavigationButtonDropdownSchema extends SpruceSchema.Schema {
-            id: 'navigationButtonDropdown';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Position. */
-                'position': {
-                    label: 'Position';
-                    type: 'select';
+                /** On changed rendered value handler. */
+                'onChangeRenderedValue': {
+                    label: 'On changed rendered value handler';
+                    type: 'raw';
                     options: {
-                        choices: [{
-                            "label": "Top";
-                            "value": "top";
-                        }, {
-                            "label": "Right";
-                            "value": "right";
-                        }, {
-                            "label": "Bottom";
-                            "value": "bottom";
-                        }, {
-                            "label": "Left";
-                            "value": "left";
-                        }];
+                        valueType: `(value: any) => void | Promise<void | boolean> | boolean`;
                     };
                 };
-                /** . */
-                'items': {
-                    type: 'schema';
-                    isArray: true;
+                /** On focus handler. */
+                'onFocus': {
+                    label: 'On focus handler';
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationDropdownButtonSchema;
+                        valueType: `() => void | Promise<void>`;
                     };
                 };
-                /** . */
-                'card': {
+                /** On blur handler. */
+                'onBlur': {
+                    label: 'On blur handler';
                     type: 'raw';
                     options: {
-                        valueType: `HeartwoodTypes.Card`;
+                        valueType: `() => void | Promise<void>`;
                     };
                 };
-            };
-        }
-        interface NavigationButtonDropdownEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonDropdownSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface RouterDestination {
-            'id': (HeartwoodTypes.SkillViewControllerId);
-            'args'?: (Record<string, any>) | undefined | null;
-        }
-        interface RouterDestinationSchema extends SpruceSchema.Schema {
-            id: 'routerDestination';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'router destination';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
                 /** . */
-                'id': {
-                    type: 'raw';
-                    isRequired: true;
+                'rightButtons': {
+                    type: 'schema';
+                    isArray: true;
                     options: {
-                        valueType: `HeartwoodTypes.SkillViewControllerId`;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.InputButtonSchema;
                     };
                 };
+                /** Placeholder. */
+                'placeholder': {
+                    label: 'Placeholder';
+                    type: 'text';
+                    options: undefined;
+                };
                 /** . */
-                'args': {
-                    type: 'raw';
+                'choices': {
+                    type: 'schema';
+                    isRequired: true;
+                    isArray: true;
                     options: {
-                        valueType: `Record<string, any>`;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SelectInputChoiceSchema;
                     };
                 };
             };
         }
-        interface RouterDestinationEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema> {
+        interface SelectInputEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SelectInputSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface PermissionContractReference {
-            'id'?: (MercuryTypes.PermissionContractId) | undefined | null;
+        interface ProgressNavigatorStep {
+            'id': string;
+            'label': string;
+            'isComplete'?: boolean | undefined | null;
+            'hasError'?: boolean | undefined | null;
         }
-        interface PermissionContractReferenceSchema extends SpruceSchema.Schema {
-            id: 'permissionContractReference';
+        interface ProgressNavigatorStepSchema extends SpruceSchema.Schema {
+            id: 'progressNavigatorStep';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: 'Permission contract reference';
+            name: '';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
                 /** . */
                 'id': {
-                    type: 'raw';
-                    options: {
-                        valueType: `MercuryTypes.PermissionContractId`;
-                    };
+                    type: 'id';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'label': {
+                    type: 'text';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'isComplete': {
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** . */
+                'hasError': {
+                    type: 'boolean';
+                    options: undefined;
                 };
             };
         }
-        interface PermissionContractReferenceEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema> {
+        interface ProgressNavigatorStepEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorStepSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface NavigationButton {
+        interface ProgressNavigator {
+            'currentStepId'?: string | undefined | null;
+            'processLabel'?: string | undefined | null;
             /** Line icon. */
-            'lineIcon': ("add-circle" | "add-square" | "add" | "alarm" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-next" | "arrow-up-circle" | "arrow-up" | "attachment" | "award-badge" | "binoculars" | "bolt" | "book-open" | "book" | "bookmark" | "bookmark-filled" | "calendar-add" | "calendar" | "camera" | "cellphone" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close-circle" | "close-square" | "close" | "code" | "coffee" | "command" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "crop" | "cube" | "delete" | "document-blank" | "document-new" | "document-text" | "download-cloud" | "download" | "edit-box" | "edit-line" | "email" | "emoji-happy" | "emoji-sad" | "external-link" | "fav-heart" | "fav-heart-filled" | "flag" | "flip-01" | "flip-02" | "folder" | "globe" | "hash-tag" | "headphones" | "help-buoy" | "help-circle" | "home" | "info" | "jump" | "layers" | "bar-graph" | "link-angle" | "link-flat" | "loader" | "location-pin" | "lock" | "logout" | "map" | "message-circle" | "message-square" | "mic-off" | "mic-on" | "minus-circle" | "minus-square" | "money-sign" | "more-horizontal" | "more-vertical" | "notification-off" | "notification-on" | "object" | "pause-circle" | "phone-unavailable" | "phone" | "photo" | "picked" | "pie-chart" | "play-circle" | "present" | "refresh-circle" | "refresh" | "repeat" | "restricted" | "rotate" | "search-no" | "search" | "selector-checked" | "selector-circle-filled" | "selector-circle" | "send" | "settings-filled" | "settings" | "share" | "shopping-bag" | "shopping-cart" | "sort-filter-down" | "sort-filter-up" | "sound-off" | "sound-on" | "sprucebot" | "star-filled" | "star" | "sun" | "tag" | "time" | "tool" | "trending-down" | "trending-up" | "triangle" | "unlock" | "upload-cloud" | "upload" | "user-add" | "user-delete" | "user" | "users" | "video-off" | "video" | "warning" | "wifi" | "zoom-in" | "zoom-out");
-            'id': string;
-            'viewPermissionContract'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReference | undefined | null;
-            /** Destination skill view controller. */
-            'destination'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestination | undefined | null;
-            /** Selected. */
-            'isEnabled'?: boolean | undefined | null;
-            /** Label. */
-            'label'?: string | undefined | null;
-            /** Click handler. */
-            'onClick'?: (() => Promise<any> | any) | undefined | null;
-            /** Image. */
-            'image'?: string | undefined | null;
-            /** Avatar. */
-            'avatar'?: string | undefined | null;
-            /** Dropdown. */
-            'dropdown'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonDropdown | undefined | null;
+            'lineIcon'?: ("add-circle" | "add-square" | "add" | "alarm" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-next" | "arrow-up-circle" | "arrow-up" | "attachment" | "award-badge" | "binoculars" | "bolt" | "book-open" | "book" | "bookmark" | "bookmark-filled" | "calendar-add" | "calendar" | "camera" | "cellphone" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close-circle" | "close-square" | "close" | "code" | "coffee" | "command" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "crop" | "cube" | "delete" | "document-blank" | "document-new" | "document-text" | "download-cloud" | "download" | "edit-box" | "edit-line" | "email" | "emoji-happy" | "emoji-sad" | "external-link" | "fav-heart" | "fav-heart-filled" | "flag" | "flip-01" | "flip-02" | "folder" | "globe" | "hash-tag" | "headphones" | "help-buoy" | "help-circle" | "home" | "info" | "jump" | "layers" | "bar-graph" | "link-angle" | "link-flat" | "loader" | "location-pin" | "lock" | "logout" | "map" | "message-circle" | "message-square" | "mic-off" | "mic-on" | "minus-circle" | "minus-square" | "money-sign" | "more-horizontal" | "more-vertical" | "notification-off" | "notification-on" | "object" | "pause-circle" | "phone-unavailable" | "phone" | "photo" | "picked" | "pie-chart" | "play-circle" | "present" | "refresh-circle" | "refresh" | "repeat" | "restricted" | "rotate" | "search-no" | "search" | "selector-checked" | "selector-circle-filled" | "selector-circle" | "send" | "settings-filled" | "settings" | "share" | "shopping-bag" | "shopping-cart" | "sort-filter-down" | "sort-filter-up" | "sound-off" | "sound-on" | "sprucebot" | "star-filled" | "star" | "sun" | "tag" | "time" | "tool" | "trending-down" | "trending-up" | "triangle" | "unlock" | "upload-cloud" | "upload" | "user-add" | "user-delete" | "user" | "users" | "video-off" | "video" | "warning" | "wifi" | "zoom-in" | "zoom-out") | undefined | null;
+            'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.ProgressNavigator>) | undefined | null;
+            'steps': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorStep[];
         }
-        interface NavigationButtonSchema extends SpruceSchema.Schema {
-            id: 'navigationButton';
+        interface ProgressNavigatorSchema extends SpruceSchema.Schema {
+            id: 'progressNavigator';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: 'Navigation button';
+            name: 'Progress Navigator';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
+                /** . */
+                'currentStepId': {
+                    type: 'id';
+                    options: undefined;
+                };
+                /** . */
+                'processLabel': {
+                    type: 'text';
+                    options: undefined;
+                };
                 /** Line icon. */
                 'lineIcon': {
                     label: 'Line icon';
                     type: 'select';
-                    isRequired: true;
                     options: {
                         choices: [{
                             "value": "add-circle";
@@ -3087,70 +3126,79 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
-                'id': {
-                    type: 'id';
-                    isRequired: true;
-                    options: undefined;
+                'controller': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.ProgressNavigator>`;
+                    };
                 };
                 /** . */
-                'viewPermissionContract': {
+                'steps': {
                     type: 'schema';
+                    isRequired: true;
+                    isArray: true;
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorStepSchema;
                     };
                 };
-                /** Destination skill view controller. */
-                'destination': {
-                    label: 'Destination skill view controller';
-                    type: 'schema';
+            };
+        }
+        interface ProgressNavigatorEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ProgressNavigatorSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface RouterDestination {
+            'id': (HeartwoodTypes.SkillViewControllerId);
+            'args'?: (Record<string, any>) | undefined | null;
+        }
+        interface RouterDestinationSchema extends SpruceSchema.Schema {
+            id: 'routerDestination';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'router destination';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'id': {
+                    type: 'raw';
+                    isRequired: true;
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
+                        valueType: `HeartwoodTypes.SkillViewControllerId`;
                     };
                 };
-                /** Selected. */
-                'isEnabled': {
-                    label: 'Selected';
-                    type: 'boolean';
-                    defaultValue: true;
-                    options: undefined;
-                };
-                /** Label. */
-                'label': {
-                    label: 'Label';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Click handler. */
-                'onClick': {
-                    label: 'Click handler';
+                /** . */
+                'args': {
                     type: 'raw';
                     options: {
-                        valueType: `() => Promise<any> | any`;
+                        valueType: `Record<string, any>`;
                     };
                 };
-                /** Image. */
-                'image': {
-                    label: 'Image';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Avatar. */
-                'avatar': {
-                    label: 'Avatar';
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Dropdown. */
-                'dropdown': {
-                    label: 'Dropdown';
-                    type: 'schema';
+            };
+        }
+        interface RouterDestinationEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface PermissionContractReference {
+            'id'?: (MercuryTypes.PermissionContractId) | undefined | null;
+        }
+        interface PermissionContractReferenceSchema extends SpruceSchema.Schema {
+            id: 'permissionContractReference';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Permission contract reference';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'id': {
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonDropdownSchema;
+                        valueType: `MercuryTypes.PermissionContractId`;
                     };
                 };
             };
         }
-        interface NavigationButtonEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonSchema> {
+        interface PermissionContractReferenceEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
@@ -4172,443 +4220,142 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                         choices: [{
                             "value": "left";
                             "label": "Left";
-                        }, {
-                            "value": "bottom";
-                            "label": "Bottom";
-                        }, {
-                            "value": "right";
-                            "label": "Right";
-                        }];
-                    };
-                };
-                /** Click handler. */
-                'onClick': {
-                    label: 'Click handler';
-                    type: 'raw';
-                    options: {
-                        valueType: `(dropdown: HeartwoodTypes.DropdownController ) => Promise<void> | void`;
-                    };
-                };
-                /** Style. */
-                'style': {
-                    label: 'Style';
-                    type: 'select';
-                    options: {
-                        choices: [{
-                            "value": "button";
-                            "label": "Button";
-                        }, {
-                            "value": "link";
-                            "label": "Link";
-                        }];
-                    };
-                };
-                /** . */
-                'viewPermissionContract': {
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema;
-                    };
-                };
-                /** Destination skill view controller. */
-                'destination': {
-                    label: 'Destination skill view controller';
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
-                    };
-                };
-            };
-        }
-        interface NavigationDropdownButtonEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationDropdownButtonSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface NavigationRoute {
-            'viewPermissionContract'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReference | undefined | null;
-            'destination': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestination;
-        }
-        interface NavigationRouteSchema extends SpruceSchema.Schema {
-            id: 'navigationRoute';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: '';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** . */
-                'viewPermissionContract': {
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema;
-                    };
-                };
-                /** . */
-                'destination': {
-                    type: 'schema';
-                    isRequired: true;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
-                    };
-                };
-            };
-        }
-        interface NavigationRouteEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationRouteSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface Navigation {
-            /** Render button labels. Should the button labels be rendered? */
-            'shouldRenderButtonLabels'?: boolean | undefined | null;
-            /** Is visible. Should the navigation be visible? Defaults to true. */
-            'isVisible'?: boolean | undefined | null;
-            /** Controller. */
-            'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.Navigation>) | undefined | null;
-            'buttons'?: (HeartwoodTypes.NavigationItem)[] | undefined | null;
-            /** Set refresh permissions handler. The handler you pass here will be called when the navigation asks to refresh permissions. */
-            'setRefreshPermissionsHandler': ((cb: HeartwoodTypes.RefreshNavigationPermissionsHandler) => void);
-            'additionalValidRoutes'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationRoute[] | undefined | null;
-        }
-        interface NavigationSchema extends SpruceSchema.Schema {
-            id: 'navigation';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'Navigation';
-            importsWhenRemote: ['import * as MercuryTypes from \'@sprucelabs/mercury-types\''];
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** Render button labels. Should the button labels be rendered? */
-                'shouldRenderButtonLabels': {
-                    label: 'Render button labels';
-                    type: 'boolean';
-                    hint: 'Should the button labels be rendered?';
-                    options: undefined;
-                };
-                /** Is visible. Should the navigation be visible? Defaults to true. */
-                'isVisible': {
-                    label: 'Is visible';
-                    type: 'boolean';
-                    hint: 'Should the navigation be visible? Defaults to true.';
-                    options: undefined;
-                };
-                /** Controller. */
-                'controller': {
-                    label: 'Controller';
-                    type: 'raw';
-                    options: {
-                        valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.Navigation>`;
-                    };
-                };
-                /** . */
-                'buttons': {
-                    type: 'raw';
-                    isArray: true;
-                    options: {
-                        valueType: `HeartwoodTypes.NavigationItem`;
-                    };
-                };
-                /** Set refresh permissions handler. The handler you pass here will be called when the navigation asks to refresh permissions. */
-                'setRefreshPermissionsHandler': {
-                    label: 'Set refresh permissions handler';
-                    type: 'raw';
-                    isRequired: true;
-                    hint: 'The handler you pass here will be called when the navigation asks to refresh permissions.';
-                    options: {
-                        valueType: `(cb: HeartwoodTypes.RefreshNavigationPermissionsHandler) => void`;
-                    };
-                };
-                /** . */
-                'additionalValidRoutes': {
-                    type: 'schema';
-                    isArray: true;
-                    minArrayLength: 0;
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationRouteSchema;
-                    };
-                };
-            };
-        }
-        interface NavigationEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationSchema> {
-        }
-    }
-    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface LockScreen {
-            'id'?: string | undefined | null;
-            /** Controller. */
-            'controller'?: (HeartwoodTypes.ViewController<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.LockScreen>) | undefined | null;
-            /** Center vertically. */
-            'shouldCenterVertically'?: boolean | undefined | null;
-            /** Full screen. */
-            'isFullScreen'?: boolean | undefined | null;
-            'title'?: string | undefined | null;
-            'subtitle'?: string | undefined | null;
-            'description'?: string | undefined | null;
-            /** Width. */
-            'width'?: ("wide" | "tight" | "full") | undefined | null;
-            /** Layout. */
-            'layouts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayout[] | undefined | null;
-            /** Card controller. */
-            'skillViewController'?: (HeartwoodTypes.SkillViewController) | undefined | null;
-        }
-        interface LockScreenSchema extends SpruceSchema.Schema {
-            id: 'lockScreen';
-            version: 'v2021_02_11';
-            namespace: 'HeartwoodViewControllers';
-            name: 'lock screen';
-            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
-            fields: {
-                /** . */
-                'id': {
-                    type: 'id';
-                    isPrivate: true;
-                    options: undefined;
+                        }, {
+                            "value": "bottom";
+                            "label": "Bottom";
+                        }, {
+                            "value": "right";
+                            "label": "Right";
+                        }];
+                    };
                 };
-                /** Controller. */
-                'controller': {
-                    label: 'Controller';
+                /** Click handler. */
+                'onClick': {
+                    label: 'Click handler';
                     type: 'raw';
                     options: {
-                        valueType: `HeartwoodTypes.ViewController<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.LockScreen>`;
+                        valueType: `(dropdown: HeartwoodTypes.DropdownController ) => Promise<void> | void`;
                     };
                 };
-                /** Center vertically. */
-                'shouldCenterVertically': {
-                    label: 'Center vertically';
-                    type: 'boolean';
-                    defaultValue: false;
-                    options: undefined;
-                };
-                /** Full screen. */
-                'isFullScreen': {
-                    label: 'Full screen';
-                    type: 'boolean';
-                    options: undefined;
-                };
-                /** . */
-                'title': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** . */
-                'subtitle': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** . */
-                'description': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** Width. */
-                'width': {
-                    label: 'Width';
+                /** Style. */
+                'style': {
+                    label: 'Style';
                     type: 'select';
-                    defaultValue: "tight";
                     options: {
                         choices: [{
-                            "value": "wide";
-                            "label": "Wide";
-                        }, {
-                            "value": "tight";
-                            "label": "Tight";
+                            "value": "button";
+                            "label": "Button";
                         }, {
-                            "value": "full";
-                            "label": "Full width";
+                            "value": "link";
+                            "label": "Link";
                         }];
                     };
                 };
-                /** Layout. */
-                'layouts': {
-                    label: 'Layout';
+                /** . */
+                'viewPermissionContract': {
                     type: 'schema';
-                    isArray: true;
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayoutSchema;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema;
                     };
                 };
-                /** Card controller. */
-                'skillViewController': {
-                    label: 'Card controller';
-                    type: 'raw';
+                /** Destination skill view controller. */
+                'destination': {
+                    label: 'Destination skill view controller';
+                    type: 'schema';
                     options: {
-                        valueType: `HeartwoodTypes.SkillViewController`;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
                     };
                 };
             };
         }
-        interface LockScreenEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.LockScreenSchema> {
+        interface NavigationDropdownButtonEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationDropdownButtonSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface Card {
-            'id'?: string | undefined | null;
-            'className'?: string | undefined | null;
-            /** Controller. */
-            'controller'?: (HeartwoodTypes.CardViewController) | undefined | null;
-            /** Header. */
-            'header'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardHeader | undefined | null;
-            /** Critical error. */
-            'criticalError'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CriticalError | undefined | null;
-            /** Fade in. */
-            'shouldFadeIn'?: boolean | undefined | null;
-            /** Style. */
-            'style'?: ("standard" | "informational" | "visual" | "heading") | undefined | null;
-            /** Background image. The URL of an image to use as the background of the card. */
-            'backgroundImage'?: string | undefined | null;
-            /** Background image size. */
-            'backgroundImageSize'?: ("cover" | "contain") | undefined | null;
-            /** Click handler. */
-            'onClick'?: (() => Promise<any> | any) | undefined | null;
-            /** Body. Card bodies are comprised of sections. You will want at least 1 to get started. */
-            'body'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardBody | undefined | null;
-            /** Footer. */
-            'footer'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardFooter | undefined | null;
+        interface NavigationButtonDropdown {
+            /** Position. */
+            'position'?: ("top" | "right" | "bottom" | "left") | undefined | null;
+            'items'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationDropdownButton[] | undefined | null;
+            'card'?: (HeartwoodTypes.Card) | undefined | null;
         }
-        interface CardSchema extends SpruceSchema.Schema {
-            id: 'card';
+        interface NavigationButtonDropdownSchema extends SpruceSchema.Schema {
+            id: 'navigationButtonDropdown';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: 'Card';
+            name: '';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
-                /** . */
-                'id': {
-                    type: 'id';
-                    options: undefined;
-                };
-                /** . */
-                'className': {
-                    type: 'text';
-                    isPrivate: true;
-                    options: undefined;
-                };
-                /** Controller. */
-                'controller': {
-                    label: 'Controller';
-                    type: 'raw';
-                    options: {
-                        valueType: `HeartwoodTypes.CardViewController`;
-                    };
-                };
-                /** Header. */
-                'header': {
-                    label: 'Header';
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardHeaderSchema;
-                    };
-                };
-                /** Critical error. */
-                'criticalError': {
-                    label: 'Critical error';
-                    type: 'schema';
-                    options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CriticalErrorSchema;
-                    };
-                };
-                /** Fade in. */
-                'shouldFadeIn': {
-                    label: 'Fade in';
-                    type: 'boolean';
-                    defaultValue: true;
-                    options: undefined;
-                };
-                /** Style. */
-                'style': {
-                    label: 'Style';
+                /** Position. */
+                'position': {
+                    label: 'Position';
                     type: 'select';
                     options: {
                         choices: [{
-                            "value": "standard";
-                            "label": "Standard";
-                        }, {
-                            "value": "informational";
-                            "label": "Informational";
+                            "label": "Top";
+                            "value": "top";
                         }, {
-                            "value": "visual";
-                            "label": "Visual";
+                            "label": "Right";
+                            "value": "right";
                         }, {
-                            "value": "heading";
-                            "label": "Heading";
-                        }];
-                    };
-                };
-                /** Background image. The URL of an image to use as the background of the card. */
-                'backgroundImage': {
-                    label: 'Background image';
-                    type: 'text';
-                    hint: 'The URL of an image to use as the background of the card.';
-                    options: undefined;
-                };
-                /** Background image size. */
-                'backgroundImageSize': {
-                    label: 'Background image size';
-                    type: 'select';
-                    options: {
-                        choices: [{
-                            "value": "cover";
-                            "label": "Cover";
+                            "label": "Bottom";
+                            "value": "bottom";
                         }, {
-                            "value": "contain";
-                            "label": "Contain";
+                            "label": "Left";
+                            "value": "left";
                         }];
                     };
                 };
-                /** Click handler. */
-                'onClick': {
-                    label: 'Click handler';
-                    type: 'raw';
-                    options: {
-                        valueType: `() => Promise<any> | any`;
-                    };
-                };
-                /** Body. Card bodies are comprised of sections. You will want at least 1 to get started. */
-                'body': {
-                    label: 'Body';
+                /** . */
+                'items': {
                     type: 'schema';
-                    hint: 'Card bodies are comprised of sections. You will want at least 1 to get started.';
+                    isArray: true;
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardBodySchema;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationDropdownButtonSchema;
                     };
                 };
-                /** Footer. */
-                'footer': {
-                    label: 'Footer';
-                    type: 'schema';
+                /** . */
+                'card': {
+                    type: 'raw';
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardFooterSchema;
+                        valueType: `HeartwoodTypes.Card`;
                     };
                 };
             };
         }
-        interface CardEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardSchema> {
+        interface NavigationButtonDropdownEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonDropdownSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ToolBeltTool {
-            /** Id. */
-            'id': string;
-            /** Icon. */
+        interface NavigationButton {
+            /** Line icon. */
             'lineIcon': ("add-circle" | "add-square" | "add" | "alarm" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-next" | "arrow-up-circle" | "arrow-up" | "attachment" | "award-badge" | "binoculars" | "bolt" | "book-open" | "book" | "bookmark" | "bookmark-filled" | "calendar-add" | "calendar" | "camera" | "cellphone" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close-circle" | "close-square" | "close" | "code" | "coffee" | "command" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "crop" | "cube" | "delete" | "document-blank" | "document-new" | "document-text" | "download-cloud" | "download" | "edit-box" | "edit-line" | "email" | "emoji-happy" | "emoji-sad" | "external-link" | "fav-heart" | "fav-heart-filled" | "flag" | "flip-01" | "flip-02" | "folder" | "globe" | "hash-tag" | "headphones" | "help-buoy" | "help-circle" | "home" | "info" | "jump" | "layers" | "bar-graph" | "link-angle" | "link-flat" | "loader" | "location-pin" | "lock" | "logout" | "map" | "message-circle" | "message-square" | "mic-off" | "mic-on" | "minus-circle" | "minus-square" | "money-sign" | "more-horizontal" | "more-vertical" | "notification-off" | "notification-on" | "object" | "pause-circle" | "phone-unavailable" | "phone" | "photo" | "picked" | "pie-chart" | "play-circle" | "present" | "refresh-circle" | "refresh" | "repeat" | "restricted" | "rotate" | "search-no" | "search" | "selector-checked" | "selector-circle-filled" | "selector-circle" | "send" | "settings-filled" | "settings" | "share" | "shopping-bag" | "shopping-cart" | "sort-filter-down" | "sort-filter-up" | "sound-off" | "sound-on" | "sprucebot" | "star-filled" | "star" | "sun" | "tag" | "time" | "tool" | "trending-down" | "trending-up" | "triangle" | "unlock" | "upload-cloud" | "upload" | "user-add" | "user-delete" | "user" | "users" | "video-off" | "video" | "warning" | "wifi" | "zoom-in" | "zoom-out");
-            /** Card. */
-            'card': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+            'id': string;
+            'viewPermissionContract'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReference | undefined | null;
+            /** Destination skill view controller. */
+            'destination'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestination | undefined | null;
+            /** Selected. */
+            'isEnabled'?: boolean | undefined | null;
+            /** Label. */
+            'label'?: string | undefined | null;
+            /** Click handler. */
+            'onClick'?: (() => Promise<any> | any) | undefined | null;
+            /** Image. */
+            'image'?: string | undefined | null;
+            /** Avatar. */
+            'avatar'?: string | undefined | null;
+            /** Dropdown. */
+            'dropdown'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonDropdown | undefined | null;
         }
-        interface ToolBeltToolSchema extends SpruceSchema.Schema {
-            id: 'toolBeltTool';
+        interface NavigationButtonSchema extends SpruceSchema.Schema {
+            id: 'navigationButton';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: '';
+            name: 'Navigation button';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
-                /** Id. */
-                'id': {
-                    label: 'Id';
-                    type: 'id';
-                    isRequired: true;
-                    options: undefined;
-                };
-                /** Icon. */
+                /** Line icon. */
                 'lineIcon': {
-                    label: 'Icon';
+                    label: 'Line icon';
                     type: 'select';
                     isRequired: true;
                     options: {
@@ -5036,60 +4783,469 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                             "value": "wifi";
                             "label": "wifi";
                         }, {
-                            "value": "zoom-in";
-                            "label": "zoom-in";
+                            "value": "zoom-in";
+                            "label": "zoom-in";
+                        }, {
+                            "value": "zoom-out";
+                            "label": "zoom-out";
+                        }];
+                    };
+                };
+                /** . */
+                'id': {
+                    type: 'id';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'viewPermissionContract': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema;
+                    };
+                };
+                /** Destination skill view controller. */
+                'destination': {
+                    label: 'Destination skill view controller';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
+                    };
+                };
+                /** Selected. */
+                'isEnabled': {
+                    label: 'Selected';
+                    type: 'boolean';
+                    defaultValue: true;
+                    options: undefined;
+                };
+                /** Label. */
+                'label': {
+                    label: 'Label';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Click handler. */
+                'onClick': {
+                    label: 'Click handler';
+                    type: 'raw';
+                    options: {
+                        valueType: `() => Promise<any> | any`;
+                    };
+                };
+                /** Image. */
+                'image': {
+                    label: 'Image';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Avatar. */
+                'avatar': {
+                    label: 'Avatar';
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Dropdown. */
+                'dropdown': {
+                    label: 'Dropdown';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonDropdownSchema;
+                    };
+                };
+            };
+        }
+        interface NavigationButtonEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationButtonSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface NavigationRoute {
+            'viewPermissionContract'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReference | undefined | null;
+            'destination': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestination;
+        }
+        interface NavigationRouteSchema extends SpruceSchema.Schema {
+            id: 'navigationRoute';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'viewPermissionContract': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PermissionContractReferenceSchema;
+                    };
+                };
+                /** . */
+                'destination': {
+                    type: 'schema';
+                    isRequired: true;
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.RouterDestinationSchema;
+                    };
+                };
+            };
+        }
+        interface NavigationRouteEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationRouteSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface Navigation {
+            /** Render button labels. Should the button labels be rendered? */
+            'shouldRenderButtonLabels'?: boolean | undefined | null;
+            /** Is visible. Should the navigation be visible? Defaults to true. */
+            'isVisible'?: boolean | undefined | null;
+            /** Controller. */
+            'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.Navigation>) | undefined | null;
+            'buttons'?: (HeartwoodTypes.NavigationItem)[] | undefined | null;
+            /** Set refresh permissions handler. The handler you pass here will be called when the navigation asks to refresh permissions. */
+            'setRefreshPermissionsHandler': ((cb: HeartwoodTypes.RefreshNavigationPermissionsHandler) => void);
+            'additionalValidRoutes'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationRoute[] | undefined | null;
+        }
+        interface NavigationSchema extends SpruceSchema.Schema {
+            id: 'navigation';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'Navigation';
+            importsWhenRemote: ['import * as MercuryTypes from \'@sprucelabs/mercury-types\''];
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Render button labels. Should the button labels be rendered? */
+                'shouldRenderButtonLabels': {
+                    label: 'Render button labels';
+                    type: 'boolean';
+                    hint: 'Should the button labels be rendered?';
+                    options: undefined;
+                };
+                /** Is visible. Should the navigation be visible? Defaults to true. */
+                'isVisible': {
+                    label: 'Is visible';
+                    type: 'boolean';
+                    hint: 'Should the navigation be visible? Defaults to true.';
+                    options: undefined;
+                };
+                /** Controller. */
+                'controller': {
+                    label: 'Controller';
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.Navigation>`;
+                    };
+                };
+                /** . */
+                'buttons': {
+                    type: 'raw';
+                    isArray: true;
+                    options: {
+                        valueType: `HeartwoodTypes.NavigationItem`;
+                    };
+                };
+                /** Set refresh permissions handler. The handler you pass here will be called when the navigation asks to refresh permissions. */
+                'setRefreshPermissionsHandler': {
+                    label: 'Set refresh permissions handler';
+                    type: 'raw';
+                    isRequired: true;
+                    hint: 'The handler you pass here will be called when the navigation asks to refresh permissions.';
+                    options: {
+                        valueType: `(cb: HeartwoodTypes.RefreshNavigationPermissionsHandler) => void`;
+                    };
+                };
+                /** . */
+                'additionalValidRoutes': {
+                    type: 'schema';
+                    isArray: true;
+                    minArrayLength: 0;
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationRouteSchema;
+                    };
+                };
+            };
+        }
+        interface NavigationEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.NavigationSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface LockScreen {
+            'id'?: string | undefined | null;
+            /** Controller. */
+            'controller'?: (HeartwoodTypes.ViewController<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.LockScreen>) | undefined | null;
+            /** Center vertically. */
+            'shouldCenterVertically'?: boolean | undefined | null;
+            /** Full screen. */
+            'isFullScreen'?: boolean | undefined | null;
+            'title'?: string | undefined | null;
+            'subtitle'?: string | undefined | null;
+            'description'?: string | undefined | null;
+            /** Width. */
+            'width'?: ("wide" | "tight" | "full") | undefined | null;
+            /** Layout. */
+            'layouts'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayout[] | undefined | null;
+            /** Card controller. */
+            'skillViewController'?: (HeartwoodTypes.SkillViewController) | undefined | null;
+        }
+        interface LockScreenSchema extends SpruceSchema.Schema {
+            id: 'lockScreen';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: 'lock screen';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'id': {
+                    type: 'id';
+                    isPrivate: true;
+                    options: undefined;
+                };
+                /** Controller. */
+                'controller': {
+                    label: 'Controller';
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.ViewController<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.LockScreen>`;
+                    };
+                };
+                /** Center vertically. */
+                'shouldCenterVertically': {
+                    label: 'Center vertically';
+                    type: 'boolean';
+                    defaultValue: false;
+                    options: undefined;
+                };
+                /** Full screen. */
+                'isFullScreen': {
+                    label: 'Full screen';
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** . */
+                'title': {
+                    type: 'text';
+                    options: undefined;
+                };
+                /** . */
+                'subtitle': {
+                    type: 'text';
+                    options: undefined;
+                };
+                /** . */
+                'description': {
+                    type: 'text';
+                    options: undefined;
+                };
+                /** Width. */
+                'width': {
+                    label: 'Width';
+                    type: 'select';
+                    defaultValue: "tight";
+                    options: {
+                        choices: [{
+                            "value": "wide";
+                            "label": "Wide";
+                        }, {
+                            "value": "tight";
+                            "label": "Tight";
                         }, {
-                            "value": "zoom-out";
-                            "label": "zoom-out";
+                            "value": "full";
+                            "label": "Full width";
                         }];
                     };
                 };
-                /** Card. */
-                'card': {
-                    label: 'Card';
+                /** Layout. */
+                'layouts': {
+                    label: 'Layout';
                     type: 'schema';
-                    isRequired: true;
+                    isArray: true;
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardSchema;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.SkillViewLayoutSchema;
+                    };
+                };
+                /** Card controller. */
+                'skillViewController': {
+                    label: 'Card controller';
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.SkillViewController`;
                     };
                 };
             };
         }
-        interface ToolBeltToolEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltToolSchema> {
+        interface LockScreenEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.LockScreenSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
-        interface ToolBelt {
+        interface Card {
+            'id'?: string | undefined | null;
+            'className'?: string | undefined | null;
             /** Controller. */
-            'controller'?: (HeartwoodTypes.ToolBeltViewController) | undefined | null;
-            /** Icon. */
-            'lineIcon'?: ("add-circle" | "add-square" | "add" | "alarm" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-next" | "arrow-up-circle" | "arrow-up" | "attachment" | "award-badge" | "binoculars" | "bolt" | "book-open" | "book" | "bookmark" | "bookmark-filled" | "calendar-add" | "calendar" | "camera" | "cellphone" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close-circle" | "close-square" | "close" | "code" | "coffee" | "command" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "crop" | "cube" | "delete" | "document-blank" | "document-new" | "document-text" | "download-cloud" | "download" | "edit-box" | "edit-line" | "email" | "emoji-happy" | "emoji-sad" | "external-link" | "fav-heart" | "fav-heart-filled" | "flag" | "flip-01" | "flip-02" | "folder" | "globe" | "hash-tag" | "headphones" | "help-buoy" | "help-circle" | "home" | "info" | "jump" | "layers" | "bar-graph" | "link-angle" | "link-flat" | "loader" | "location-pin" | "lock" | "logout" | "map" | "message-circle" | "message-square" | "mic-off" | "mic-on" | "minus-circle" | "minus-square" | "money-sign" | "more-horizontal" | "more-vertical" | "notification-off" | "notification-on" | "object" | "pause-circle" | "phone-unavailable" | "phone" | "photo" | "picked" | "pie-chart" | "play-circle" | "present" | "refresh-circle" | "refresh" | "repeat" | "restricted" | "rotate" | "search-no" | "search" | "selector-checked" | "selector-circle-filled" | "selector-circle" | "send" | "settings-filled" | "settings" | "share" | "shopping-bag" | "shopping-cart" | "sort-filter-down" | "sort-filter-up" | "sound-off" | "sound-on" | "sprucebot" | "star-filled" | "star" | "sun" | "tag" | "time" | "tool" | "trending-down" | "trending-up" | "triangle" | "unlock" | "upload-cloud" | "upload" | "user-add" | "user-delete" | "user" | "users" | "video-off" | "video" | "warning" | "wifi" | "zoom-in" | "zoom-out") | undefined | null;
-            'shouldRenderAllToolsAtOnce'?: boolean | undefined | null;
-            'onCloseToolBelt'?: (HeartwoodTypes.ToolBeltCloseHandler) | undefined | null;
-            'iconLabel'?: string | undefined | null;
-            'renderAs'?: ("default" | "icon") | undefined | null;
-            /** Tools. */
-            'tools': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltTool[];
+            'controller'?: (HeartwoodTypes.CardViewController) | undefined | null;
+            /** Header. */
+            'header'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardHeader | undefined | null;
+            /** Critical error. */
+            'criticalError'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CriticalError | undefined | null;
+            /** Fade in. */
+            'shouldFadeIn'?: boolean | undefined | null;
+            /** Style. */
+            'style'?: ("standard" | "informational" | "visual" | "heading") | undefined | null;
+            /** Background image. The URL of an image to use as the background of the card. */
+            'backgroundImage'?: string | undefined | null;
+            /** Background image size. */
+            'backgroundImageSize'?: ("cover" | "contain") | undefined | null;
+            /** Click handler. */
+            'onClick'?: (() => Promise<any> | any) | undefined | null;
+            /** Body. Card bodies are comprised of sections. You will want at least 1 to get started. */
+            'body'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardBody | undefined | null;
+            /** Footer. */
+            'footer'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardFooter | undefined | null;
         }
-        interface ToolBeltSchema extends SpruceSchema.Schema {
-            id: 'toolBelt';
+        interface CardSchema extends SpruceSchema.Schema {
+            id: 'card';
             version: 'v2021_02_11';
             namespace: 'HeartwoodViewControllers';
-            name: 'Tool belt';
+            name: 'Card';
             moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
             fields: {
+                /** . */
+                'id': {
+                    type: 'id';
+                    options: undefined;
+                };
+                /** . */
+                'className': {
+                    type: 'text';
+                    isPrivate: true;
+                    options: undefined;
+                };
                 /** Controller. */
                 'controller': {
                     label: 'Controller';
                     type: 'raw';
                     options: {
-                        valueType: `HeartwoodTypes.ToolBeltViewController`;
+                        valueType: `HeartwoodTypes.CardViewController`;
+                    };
+                };
+                /** Header. */
+                'header': {
+                    label: 'Header';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardHeaderSchema;
+                    };
+                };
+                /** Critical error. */
+                'criticalError': {
+                    label: 'Critical error';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CriticalErrorSchema;
+                    };
+                };
+                /** Fade in. */
+                'shouldFadeIn': {
+                    label: 'Fade in';
+                    type: 'boolean';
+                    defaultValue: true;
+                    options: undefined;
+                };
+                /** Style. */
+                'style': {
+                    label: 'Style';
+                    type: 'select';
+                    options: {
+                        choices: [{
+                            "value": "standard";
+                            "label": "Standard";
+                        }, {
+                            "value": "informational";
+                            "label": "Informational";
+                        }, {
+                            "value": "visual";
+                            "label": "Visual";
+                        }, {
+                            "value": "heading";
+                            "label": "Heading";
+                        }];
+                    };
+                };
+                /** Background image. The URL of an image to use as the background of the card. */
+                'backgroundImage': {
+                    label: 'Background image';
+                    type: 'text';
+                    hint: 'The URL of an image to use as the background of the card.';
+                    options: undefined;
+                };
+                /** Background image size. */
+                'backgroundImageSize': {
+                    label: 'Background image size';
+                    type: 'select';
+                    options: {
+                        choices: [{
+                            "value": "cover";
+                            "label": "Cover";
+                        }, {
+                            "value": "contain";
+                            "label": "Contain";
+                        }];
+                    };
+                };
+                /** Click handler. */
+                'onClick': {
+                    label: 'Click handler';
+                    type: 'raw';
+                    options: {
+                        valueType: `() => Promise<any> | any`;
+                    };
+                };
+                /** Body. Card bodies are comprised of sections. You will want at least 1 to get started. */
+                'body': {
+                    label: 'Body';
+                    type: 'schema';
+                    hint: 'Card bodies are comprised of sections. You will want at least 1 to get started.';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardBodySchema;
+                    };
+                };
+                /** Footer. */
+                'footer': {
+                    label: 'Footer';
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardFooterSchema;
                     };
                 };
+            };
+        }
+        interface CardEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardSchema> {
+        }
+    }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface ToolBeltTool {
+            /** Id. */
+            'id': string;
+            /** Icon. */
+            'lineIcon': ("add-circle" | "add-square" | "add" | "alarm" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-next" | "arrow-up-circle" | "arrow-up" | "attachment" | "award-badge" | "binoculars" | "bolt" | "book-open" | "book" | "bookmark" | "bookmark-filled" | "calendar-add" | "calendar" | "camera" | "cellphone" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close-circle" | "close-square" | "close" | "code" | "coffee" | "command" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "crop" | "cube" | "delete" | "document-blank" | "document-new" | "document-text" | "download-cloud" | "download" | "edit-box" | "edit-line" | "email" | "emoji-happy" | "emoji-sad" | "external-link" | "fav-heart" | "fav-heart-filled" | "flag" | "flip-01" | "flip-02" | "folder" | "globe" | "hash-tag" | "headphones" | "help-buoy" | "help-circle" | "home" | "info" | "jump" | "layers" | "bar-graph" | "link-angle" | "link-flat" | "loader" | "location-pin" | "lock" | "logout" | "map" | "message-circle" | "message-square" | "mic-off" | "mic-on" | "minus-circle" | "minus-square" | "money-sign" | "more-horizontal" | "more-vertical" | "notification-off" | "notification-on" | "object" | "pause-circle" | "phone-unavailable" | "phone" | "photo" | "picked" | "pie-chart" | "play-circle" | "present" | "refresh-circle" | "refresh" | "repeat" | "restricted" | "rotate" | "search-no" | "search" | "selector-checked" | "selector-circle-filled" | "selector-circle" | "send" | "settings-filled" | "settings" | "share" | "shopping-bag" | "shopping-cart" | "sort-filter-down" | "sort-filter-up" | "sound-off" | "sound-on" | "sprucebot" | "star-filled" | "star" | "sun" | "tag" | "time" | "tool" | "trending-down" | "trending-up" | "triangle" | "unlock" | "upload-cloud" | "upload" | "user-add" | "user-delete" | "user" | "users" | "video-off" | "video" | "warning" | "wifi" | "zoom-in" | "zoom-out");
+            /** Card. */
+            'card': SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+        }
+        interface ToolBeltToolSchema extends SpruceSchema.Schema {
+            id: 'toolBeltTool';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** Id. */
+                'id': {
+                    label: 'Id';
+                    type: 'id';
+                    isRequired: true;
+                    options: undefined;
+                };
                 /** Icon. */
                 'lineIcon': {
                     label: 'Icon';
                     type: 'select';
+                    isRequired: true;
                     options: {
                         choices: [{
                             "value": "add-circle";
@@ -5523,49 +5679,18 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                         }];
                     };
                 };
-                /** . */
-                'shouldRenderAllToolsAtOnce': {
-                    type: 'boolean';
-                    options: undefined;
-                };
-                /** . */
-                'onCloseToolBelt': {
-                    type: 'raw';
-                    options: {
-                        valueType: `HeartwoodTypes.ToolBeltCloseHandler`;
-                    };
-                };
-                /** . */
-                'iconLabel': {
-                    type: 'text';
-                    options: undefined;
-                };
-                /** . */
-                'renderAs': {
-                    type: 'select';
-                    options: {
-                        choices: [{
-                            "value": "default";
-                            "label": "Default";
-                        }, {
-                            "value": "icon";
-                            "label": "Icon";
-                        }];
-                    };
-                };
-                /** Tools. */
-                'tools': {
-                    label: 'Tools';
+                /** Card. */
+                'card': {
+                    label: 'Card';
                     type: 'schema';
                     isRequired: true;
-                    isArray: true;
                     options: {
-                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltToolSchema;
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CardSchema;
                     };
                 };
             };
         }
-        interface ToolBeltEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltSchema> {
+        interface ToolBeltToolEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBeltToolSchema> {
         }
     }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {