initial commit

2026-07-31 06:05:28 +00:00 · 2026-07-31 06:05:28 +00:00 · 963f6cc7ca
commit 963f6cc7ca
244 changed files with 10140 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/.npmignore
+++ b/.npmignore
@ -0,0 +1,31 @@
+/README.md
+/src
+/public
+/index.html
+/*.json
+.eslintrc.cjs
+/vite.config.ts
+/*.tgz
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
+include=dev
--- a/README.md
+++ b/README.md
@ -0,0 +1,126 @@
+# Hailer App (React + TypeScript)
+
+Built with Vite, React, TypeScript, and the Hailer App SDK.
+
+## Getting Started
+
+1. Start the dev server:
+   ```bash
+   npm run dev
+   ```
+
+2. In Hailer, create a "Local Development" app pointing to `http://localhost:3000`.
+
+3. Open the app in Hailer — changes reload automatically.
+
+## Manifest
+
+The file `public/manifest.json` identifies your app to Hailer:
+
+```json
+{
+    "appId": "65143728d2bd678b13daf289",
+    "config": {
+        "fields": {
+            "workflowId": { "type": "string" }
+        }
+    }
+}
+```
+
+| Field | Description |
+|-------|-------------|
+| `appId` | Your app's unique ID in Hailer. Set automatically by `--create`, or manually from Hailer's app settings. |
+| `config` | Defines configuration fields that workspace admins can set in app settings. |
+| `version` | Semver version string (required for `--market` publishes). |
+| `versionDescription` | Description of this version (required for `--market` publishes). |
+| `targetId` | Marketplace product ID. Written automatically after first `--market` publish — do not edit manually. |
+
+This file is copied to `dist/` during build and included in the published package.
+
+## Publishing
+
+### First time — create and publish a new app
+
+```bash
+npm run publish-production -- --create --app-name "My App" --workspace <id> --user-api-key <key> --force
+```
+
+This creates the app in Hailer, publishes it, and writes the `appId` to `public/manifest.json` for future publishes.
+
+If `--app-name` or `--workspace` are omitted, the script will prompt for them interactively.
+
+Find your workspace ID in Hailer. Generate a user API key in your Hailer user settings.
+
+### Update an existing app
+
+```bash
+npm run publish-production -- --user-api-key <key> --force
+```
+
+Or authenticate with email (will prompt for password):
+
+```bash
+npm run publish-production -- --email user@mail.com
+```
+
+### Credential resolution order
+
+1. `--user-api-key` or `--email` flags
+2. `USER_API_KEY` or `HAILER_USER_API_KEY` environment variables
+3. `HAILER_USER_API_KEY` from `~/.env` (used automatically by Hailer Studio)
+
+### Publish to marketplace
+
+Requires `version` and `versionDescription` in `public/manifest.json`:
+
+```json
+{
+    "appId": "...",
+    "version": "1.0.0",
+    "versionDescription": "Initial release"
+}
+```
+
+```bash
+npm run publish-production -- --market --user-api-key <key> --force
+```
+
+Bump the `version` (semver) for each subsequent marketplace publish.
+
+### Environments
+
+| Command | Target |
+|---------|--------|
+| `npm run publish-local` | Local (`https://api.hailer.local.gd`) |
+| `npm run publish-development` | Development (`https://testapi.hailer.biz`) |
+| `npm run publish-staging` | Staging (`https://api.hailer.biz`) |
+| `npm run publish-production` | Production (`https://api.hailer.com`) |
+
+### All options
+
+| Flag | Description |
+|------|-------------|
+| `--email <email>` | Authenticate with email (prompts for password) |
+| `--user-api-key <key>` | Authenticate with API key |
+| `--create` | Create a new app before publishing |
+| `--app-name <name>` | App name (requires `--create`) |
+| `--workspace <id>` | Target workspace (requires `--create`) |
+| `--market` | Publish to Hailer marketplace |
+| `--force` | Skip confirmation prompt |
+| `--yes` | Skip confirmation prompt (deprecated, use `--force`) |
+| `--host <url>` | Override the target host URL |
+
+## Building
+
+```bash
+npm run build-production       # Production
+npm run build-staging          # Staging
+npm run build-development      # Development (with sourcemaps)
+```
+
+## Linting
+
+```bash
+npm run lint
+```
--- a/eslint.config.js
+++ b/eslint.config.js
@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])
--- a/index.html
+++ b/index.html
@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <title>Noteboard</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
--- a/noteboard-0.0.0.tgz
+++ b/noteboard-0.0.0.tgz
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,45 @@
+{
+  "name": "noteboard",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "build-development": "NODE_TLS_REJECT_UNAUTHORIZED=0 vite build --sourcemap=true --mode development",
+    "build-staging": "vite build --mode staging",
+    "build-production": "vite build --mode production",
+    "publish-local": "npm run build-production && LOCAL=true node node_modules/@hailer/app-sdk/lib/tools/publish.cjs ./`npm pack` --local",
+    "publish-development": "npm run build-development && node node_modules/@hailer/app-sdk/lib/tools/publish.cjs ./`npm pack` --development --env-file ../../.env",
+    "publish-staging": "npm run build-staging && node node_modules/@hailer/app-sdk/lib/tools/publish.cjs ./`npm pack` --staging --env-file ../../.env",
+    "publish-production": "npm run build-production && node node_modules/@hailer/app-sdk/lib/tools/publish.cjs ./`npm pack` --production --env-file ../../.env"
+  },
+  "dependencies": {
+    "@chakra-ui/react": "^2.10.9",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@hailer/app-sdk": "latest",
+    "chart.js": "^4.5.1",
+    "framer-motion": "^12.38.0",
+    "immer": "^11.1.4",
+    "react": "^18.3.1",
+    "react-chartjs-2": "^5.3.1",
+    "react-dom": "^18.3.1",
+    "zustand": "^5.0.12"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.8"
+  }
+}
--- a/public/manifest.json
+++ b/public/manifest.json
@ -0,0 +1,11 @@
+{
+  "author": "",
+  "appId": "6a3e982a8753db0386b0f9e3",
+  "config": {
+    "fields": {
+      "workflowId": {
+        "type": "string"
+      }
+    }
+  }
+}
--- a/public/vite.svg
+++ b/public/vite.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
--- a/src/App.tsx
+++ b/src/App.tsx
--- a/src/assets/react.svg
+++ b/src/assets/react.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
--- a/src/components/ActivityField.tsx
+++ b/src/components/ActivityField.tsx
@ -0,0 +1,56 @@
+import { ActivityFieldValue, WorkflowFieldType } from "@hailer/app-sdk";
+
+export default function ActivityField(props: { type: WorkflowFieldType, value: ActivityFieldValue | undefined, user: { map: { [userId: string]: { firstname: string; lastname: string } } } }) {
+
+    switch (props.type) {
+        case 'activitylink':
+            if (typeof props.value !== 'object') {
+                return <>-</>
+            }
+
+            return <>{props.value.name}</>; // _id contains the activity-link target id
+        case 'country':
+            return <>{ JSON.stringify(props.value) }</>;
+        case 'date':
+            if (typeof props.value !== 'number') {
+                return <>-</>
+            }
+
+            return <>{props.value && new Date(props.value).toISOString().slice(0, 10)}</>;
+        case 'daterange':
+            return <>{ JSON.stringify(props.value) }</>;
+        case 'time':
+            return <>{ JSON.stringify(props.value) }</>;
+        case 'timerange':
+            return <>{ JSON.stringify(props.value) }</>;
+        case 'datetime':
+            return <>{ JSON.stringify(props.value) }</>;
+        case 'datetimerange':
+            return <>{ JSON.stringify(props.value) }</>;
+        case 'numeric':
+        case 'numericunit':
+            return <>{ props.value ?? props.value }</>;
+        case 'teams':
+            return <>{ JSON.stringify(props.value) }</>;
+        case 'text':
+        case 'textarea':
+        case 'textunit':
+        case 'textpredefinedoptions':
+            return <>{ props.value ?? props.value }</>;
+        case 'users': {
+            if (typeof props.value !== 'string') {
+                return <>-</>
+            }
+            const userDoc = props.user.map[props.value];
+
+            if (!userDoc) {
+                return <>Unknown user {props.value} {typeof props.value}</>
+            }
+
+            return <>{ userDoc.firstname + ' ' + userDoc.lastname }</>;
+        }
+        default:
+            return <>{props.type} { props.value?.toString() }</>
+    }
+    
+}
--- a/src/components/ActivityTable.tsx
+++ b/src/components/ActivityTable.tsx
@ -0,0 +1,86 @@
+import { Activity } from "@hailer/app-sdk";
+import ActivityField from "./ActivityField";
+import { IconButton, Table, TableContainer, Tbody, Td, Th, Thead, Tooltip, Tr, useDisclosure } from "@chakra-ui/react";
+import { useState } from "react";
+import { HailerInfo } from "../hailer/theme/icons/HailerInfo";
+import DeleteAlertDialog from "./DeleteAlertDialog";
+import { HailerX } from "../hailer/theme/icons/HailerX";
+import { SelectedState } from "./ActivityView";
+import { useApp } from "../hailer/use-app";
+
+export default function ActivityTable(props: { selectedState: SelectedState, activities: Activity[], open: (activityId: string) => void, remove: (activityId: string) => void, listActivities: (search?: string, skip?: number, limit?: number) => void }) {
+    const { user } = useApp();
+    const [deleteActivityId, setDeleteActivityId] = useState<string | null>(null); 
+    const { isOpen, onOpen, onClose } = useDisclosure();
+
+    const phaseFields = props.selectedState.phase.fields || [];
+
+    /** Returns phase fields in the correct order set in workflow */
+    const fieldIdsInOrder = (): string[] => {
+        return props.selectedState.workflow?.fieldsOrder?.filter((fieldId: string) => phaseFields.includes(fieldId)) || [];
+    }
+
+
+
+    return (
+      <>
+        <TableContainer>
+            <Table variant='striped' size='sm'>
+                <Thead>
+                    <Tr>
+                        <Th>
+                            Open
+                        </Th>
+                        <Th>Name</Th>
+                        {  fieldIdsInOrder().map(fieldId => {
+                            return <Th key={fieldId}>{props.selectedState.workflow.fields[fieldId].label}</Th>
+                        })}
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    { props.activities.map(activity => (
+                        <Tr key={activity._id}>
+                            <Td>
+                                <IconButton isRound={true} variant='solid' fontSize='20px' onClick={() => props.open(activity._id)} aria-label="Open activity in sidenav" icon={<HailerInfo />}></IconButton>
+
+                                <Tooltip label="Delete activity" aria-label='Delete activity' hasArrow placement='top'>
+                                  <IconButton icon={<HailerX />} size='sm' colorScheme='red' variant='ghost' aria-label='Delete activity' onClick={() => {setDeleteActivityId(activity._id); onOpen()}}/>
+                                </Tooltip>
+
+
+                                <DeleteAlertDialog 
+                                  isOpen={isOpen && deleteActivityId === activity._id}
+                                  onClose={() => {
+                                    onClose();
+                                    setDeleteActivityId(null);
+                                  }}
+                                  onDelete={() => { props.remove(activity._id); onClose() }}
+                                  title="Delete Activity?" 
+                                  bodyText={`Are you sure you want to delete "${activity.name}"?`}
+                                />
+
+
+                            </Td>
+                            <Td data-cy={`${activity._id}-name-field`} key={activity._id + 'name-field'} minW='250px'>
+                              {activity.name}
+                            </Td>
+                            { fieldIdsInOrder().map((fieldId: string) => (
+                                <Td key={activity._id + fieldId} maxW='300px' overflow="hidden" textOverflow="ellipsis">
+                                    {props.selectedState.workflow.fields[fieldId]?.functionEnabled && <span style={{ color: '#999999' }}>𝑓 </span>}
+                                    <span data-cy={`activity-field-${activity._id}-${fieldId}`}>
+                                        <ActivityField
+                                            type={props.selectedState.workflow.fields[fieldId]?.type}
+                                            value={activity.fields?.[fieldId]}
+                                            user={{ map: user.map }}
+                                        />
+                                    </span>
+                                </Td>
+                            ))}
+                        </Tr>
+                    ))}
+                </Tbody>
+            </Table>
+        </TableContainer>
+    </>
+    )
+}
--- a/src/components/ActivityView.tsx
+++ b/src/components/ActivityView.tsx
@ -0,0 +1,188 @@
+import { Activity, HailerError, Workflow, WorkflowPhase } from "@hailer/app-sdk";
+import { Button, Flex, Heading, HStack, Stack, Text, useToast } from "@chakra-ui/react";
+import { useEffect, useState } from "react";
+import WorkflowList from "./WorkflowList";
+import ActivityTable from "./ActivityTable";
+import { useApp } from "../hailer/use-app";
+
+export interface SelectedState {
+  workflow: Workflow;
+  phase: WorkflowPhase;
+}
+
+export default function ActivityView() {
+  const { hailer, event, ready, config, app } = useApp();
+  const toast = useToast();
+
+  const [activities, setActivities] = useState<Activity[]>([]);
+
+  const [selectedWorkflow, setSelectedWorkflow] = useState<Workflow>();
+  const [selectedWorkflowPhase, setSelectedWorkflowPhase] = useState<WorkflowPhase>();
+
+  useEffect(() => {
+    if (!hailer || !ready) {
+      return;
+    }
+
+    (async () => {
+      const activeWorkflowId = selectedWorkflow?._id || config?.workflowId || undefined;
+
+      const workflow = app.workflows.find(workflow => workflow._id === activeWorkflowId);
+
+      if (workflow) {
+        const activeWorkflowPhase = workflow.phases[selectedWorkflowPhase?._id || workflow.phasesOrder[0]];
+        setSelectedWorkflow(workflow);
+        setSelectedWorkflowPhase(activeWorkflowPhase)
+      }
+    })();
+
+    const activityChangeHandler = (data: { [key: string]: string | number }) => {
+      if (
+        data.workflowId === selectedWorkflow?._id ||
+        // some update signals only contain phaseId, but we can work around that by checking if it exists in the selected workflow
+        !!selectedWorkflow?.phases[data.phaseId]
+      ) {
+        void list();
+      }
+    }
+
+    event?.on('activity.create', activityChangeHandler);
+    event?.on('activity.update', activityChangeHandler);
+    event?.on('activity.remove', activityChangeHandler);
+
+    return () => {
+      event?.off('activity.create', activityChangeHandler);
+      event?.off('activity.update', activityChangeHandler);
+      event?.off('activity.remove', activityChangeHandler);
+    };
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [hailer, ready, selectedWorkflow?._id, selectedWorkflowPhase?._id]);
+
+  useEffect(() => {
+    if (selectedWorkflow) {
+      const activeWorkflowPhase = selectedWorkflow.phases[selectedWorkflowPhase?._id || selectedWorkflow.phasesOrder[0]];
+      setSelectedWorkflowPhase(activeWorkflowPhase)
+
+      void list();
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedWorkflow, selectedWorkflowPhase?._id]);
+
+  const list = async () => {
+    if (!selectedWorkflow?._id || !selectedWorkflowPhase?._id) {
+      // prevent listing if workflowId or phaseId is not set
+      return;
+    }
+
+    try {
+      const activities = await hailer?.activity.list(selectedWorkflow._id, selectedWorkflowPhase._id, { includeHistory:false, includeTeams: false, includeUsers: false });
+
+      if (!activities) {
+        return;
+      }
+
+      setActivities(activities);
+      
+    } catch (error) {
+      const hailerError = error as HailerError;
+      toast({ description: hailerError.msg, status: 'error', isClosable: true });
+    }
+  }
+
+  const remove = async (activityId: string) => {
+    try {
+      await hailer?.activity.remove([activityId]);
+    } catch (error) {
+      const hailerError = error as HailerError;
+      toast({ description: hailerError.msg, status: 'error', isClosable: true });
+    }
+  }
+
+  const createActivity = async () => {
+    if (!selectedWorkflow?._id) {
+      return;
+    }
+
+    try {
+      await hailer?.activity.create(selectedWorkflow._id, [{
+        name: 'Do some cool stuff',
+        fields: {},
+      }]);
+    } catch (error) {
+      console.log('Error creating activity:', error as HailerError);
+      toast({ description: "Activity create failed. " + (error as HailerError).msg, status: 'error', isClosable: true });
+    }
+  }
+
+  /**
+   * Open Create Activity Card in Hailer
+   * 
+   * Demonstrates prefilling fields if the fields Ids are set
+   */
+  const createActivitySidenav = async () => {
+    if (!selectedWorkflow?._id) {
+      return;
+    }
+
+    const created = await hailer?.ui.activity.create(selectedWorkflow._id, { name: 'Aloha!' });
+
+    if (created) {
+      toast({ description: "Activity created", status: 'success', isClosable: true });
+    } else {
+      toast({ description: "Activity creation failed", status: 'error', isClosable: true });
+    }
+  }
+
+  const updateWorkflow = async (workflow: Workflow) => {
+    setSelectedWorkflow(workflow);
+
+    try {
+      await hailer?.app.config.update({ workflowId: workflow._id });
+    } catch (error) {
+      const hailerError = error as HailerError;
+      toast({ description: hailerError.msg, status: 'error', isClosable: true, duration: 9000 });
+    }
+  };
+
+  return <>
+    {hailer && 
+      <>
+        <Heading fontSize="xl" padding="0px 0 12px">Workflows and Activities</Heading>
+
+        <Text fontSize={'sm'} margin={'0 10px 10px 10px'} maxWidth={'40em'}>
+          
+        </Text>
+
+        <WorkflowList workflows={app.workflows} select={updateWorkflow} />
+
+        {selectedWorkflow &&
+          <>
+            <HStack my={3}>
+              <Text fontWeight='bold'>Selected workflow:</Text>
+              <Text>{selectedWorkflow?.name} ({selectedWorkflow?._id})</Text>
+            </HStack>
+
+            <Text fontWeight='bold'>Phases:</Text>
+            {selectedWorkflow.phasesOrder.map(phaseId =>
+              <Button size={'sm'} colorScheme={phaseId === selectedWorkflowPhase?._id ? 'green' : 'gray'} key={phaseId} onClick={() => setSelectedWorkflowPhase(selectedWorkflow.phases[phaseId])}>{selectedWorkflow.phases[phaseId]?.name}</Button>
+            )}
+          </>
+        }
+
+        {selectedWorkflow && selectedWorkflowPhase &&
+          <>
+            <Heading fontSize="xl" padding="40px 0 12px">Activities</Heading>
+            <Stack flexDir='row' my={3}>
+              <Button colorScheme="blue" onClick={() => { createActivity() }}>Create example</Button>
+              <Button colorScheme="green" onClick={() => { createActivitySidenav() }}>Add custom</Button>
+            </Stack>
+
+            <Flex flexDir='column'>
+              <ActivityTable activities={activities} selectedState={{ workflow: selectedWorkflow, phase: selectedWorkflowPhase }} open={(activityId: string) => hailer.ui.activity.open(activityId)} remove={remove} listActivities={(...args) => console.log('Table asking to list activities:', args)} />
+            </Flex>
+          </>
+        }
+      </>
+    }
+  </>
+}
--- a/src/components/ChartDemo.tsx
+++ b/src/components/ChartDemo.tsx
@ -0,0 +1,59 @@
+import { useState } from "react"
+import { Line } from 'react-chartjs-2';
+import 'chart.js/auto'
+import { ChartOptions, ChartData } from 'chart.js';
+import { Box, Button, Heading, Text } from "@chakra-ui/react";
+
+const labels = ['January', 'February', 'March', 'April', 'May', 'June', 'July'];
+
+const options: ChartOptions<"line"> = {
+    responsive: true,
+    plugins: {
+        legend: {
+            position: 'top' as const,
+        },
+        title: {
+            display: true,
+            text: 'Chart.js Line Chart',
+        },
+    },
+};
+
+function generateData(): ChartData<"line"> {
+    return {
+        labels,
+        datasets: [
+            {
+                label: 'Dataset 1',
+                data: labels.map(() => Math.random() * 1000),
+                borderColor: 'rgb(255, 99, 132)',
+                backgroundColor: 'rgba(255, 99, 132, 0.5)',
+            },
+            {
+                label: 'Dataset 2',
+                data: labels.map(() => Math.random() * 1000),
+                borderColor: 'rgb(53, 162, 235)',
+                backgroundColor: 'rgba(53, 162, 235, 0.5)',
+            },
+        ],
+    };
+}
+
+export default function ChartDemo() {
+    const [data, setData] = useState<ChartData<"line">>(generateData);
+
+    return (
+        <Box p='0em'>
+            <Heading fontSize="xl" padding="0px 0 12px">Chart</Heading>
+
+            <Text fontSize={'sm'} margin={'0 10px 10px 10px'} maxWidth={'40em'}>
+                Example using third party library inside Hailer App. Any React libraries can be used to help visualize or interact data from Hailer.
+            </Text>
+            
+            <Box>
+                <Line options={options} data={data} />
+                <Button onClick={() => setData(generateData())} my={4} colorScheme="blue">Show random data</Button>
+            </Box>
+        </Box>
+    )
+}
--- a/src/components/DeleteAlertDialog.tsx
+++ b/src/components/DeleteAlertDialog.tsx
@ -0,0 +1,50 @@
+import { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, AlertDialogContent, AlertDialogOverlay, Button } from '@chakra-ui/react';
+import React, { useRef } from 'react';
+
+interface DeleteAlertDialogProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onDelete: () => void;
+  title: string;
+  bodyText?: string;
+  cancelText?: string;
+  deleteText?: string;
+}
+
+const DeleteAlertDialog: React.FC<DeleteAlertDialogProps> = ({
+  isOpen,
+  onClose,
+  onDelete,
+  title,
+  bodyText = 'Are you sure you want to delete?',
+  cancelText = 'Cancel',
+  deleteText = 'Delete' }) => {
+  const cancelRef = useRef<HTMLButtonElement | null>(null);
+
+  return (
+    <AlertDialog isOpen={isOpen} leastDestructiveRef={cancelRef} onClose={onClose} isCentered>
+      <AlertDialogOverlay>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            {title}
+          </AlertDialogHeader>
+    
+          <AlertDialogBody>
+            {bodyText}
+          </AlertDialogBody>
+
+          <AlertDialogFooter>
+            <Button ref={cancelRef} onClick={onClose}>
+              {cancelText}
+            </Button>
+            <Button colorScheme="red" onClick={onDelete}>
+              {deleteText}
+            </Button>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialogOverlay>
+    </AlertDialog>
+  );
+};
+
+export default DeleteAlertDialog;
--- a/src/components/WorkflowList.tsx
+++ b/src/components/WorkflowList.tsx
@ -0,0 +1,30 @@
+import { Box, Button, Flex } from '@chakra-ui/react';
+import { Workflow } from '@hailer/app-sdk';
+import { useState } from 'react';
+
+export default function WorkflowList(props: { workflows: Workflow[], select?: (workflow: Workflow) => void }) {
+  const [showWorkflows, setShowWorkflows] = useState<boolean>(false);
+
+  const workflows = props.workflows;
+
+  return (
+    <Box>
+      {!showWorkflows && <Button onClick={() => setShowWorkflows(true)} my={3} colorScheme='green'>Show Workflow List</Button>}
+      {showWorkflows && (
+        <>
+          <Button onClick={() => setShowWorkflows(false)} my={3}>Hide Workflow List</Button>
+          {workflows.map(
+            (workflow, index) => (
+              <Flex key={index} alignItems="center" py={1}>
+                <Button onClick={() => { props.select?.(workflow); setShowWorkflows(false); }} mr={2} size='sm' colorScheme='green'>
+                  Select
+                </Button>
+                {workflow.name}
+              </Flex>
+            )
+          )}
+        </>
+      )}
+    </Box>
+  );
+}
--- a/src/hailer/theme/customColors.ts
+++ b/src/hailer/theme/customColors.ts
@ -0,0 +1,6 @@
+export const customColors = {
+    accentGreen: '#41FF69',
+    baseBlue: '#005ABA',
+    baseBlueLight: '#A8DBFF',
+    darkModeBodyText: '#EDEFF3'
+}
--- a/src/hailer/theme/icons/HailerActivities.tsx
+++ b/src/hailer/theme/icons/HailerActivities.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerActivities = createIcon({
+    displayName: 'HailerActivities',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M16.2401 8.15357C20.0717 8.15028 23.2184 11.2675 23.2217 15.0709C23.225 18.9775 20.1467 22.1092 16.3011 22.1111C12.3898 22.1134 9.26184 19.0122 9.26231 15.1318C9.26277 11.2895 12.395 8.15732 16.2401 8.15357ZM11.5386 18.3526C11.6243 18.2889 11.6871 18.2443 11.7476 18.197C12.5389 17.5792 13.4389 17.2815 14.4396 17.2637C15.1986 17.2501 15.9246 17.4137 16.6475 17.6228C17.7762 17.9509 18.9228 18.1806 20.1064 18.1126C20.3454 18.099 20.6248 18.0512 20.8067 17.9143C21.3917 17.4747 21.7911 16.8986 21.8642 16.1411C21.882 15.9536 21.9209 15.7703 21.9359 15.5842C21.9857 15.0095 21.9417 14.4305 21.8056 13.87C21.3696 13.87 20.9557 13.9009 20.5484 13.8629C19.8017 13.7936 19.1187 13.4922 18.4348 13.2067C17.1617 12.6751 15.8946 12.1243 14.5442 11.815C13.7745 11.6392 13.0015 11.4868 12.2042 11.5965C11.862 11.6434 11.6032 11.7793 11.412 12.0962C10.6798 13.3084 10.4075 14.6073 10.609 16.0037C10.7322 16.8483 11.0505 17.6525 11.5386 18.3526ZM21.372 12.6761C19.8275 9.30529 15.5618 8.60075 13.1689 10.3792C13.3831 10.4059 13.5907 10.4261 13.7993 10.4589C15.1653 10.6656 16.4595 11.1123 17.7368 11.6251C18.5806 11.965 19.4309 12.2973 20.2882 12.6048C20.6348 12.7337 21.0114 12.7579 21.372 12.6761ZM20.0928 19.3229C19.0109 19.3459 17.9965 19.1861 16.9906 18.9526C16.2875 18.7886 15.5843 18.5776 14.8728 18.4783C13.9268 18.3479 13.0676 18.6189 12.3354 19.2568C14.322 21.2903 17.9215 21.4051 20.0928 19.3229Z" fill="currentColor"/>,
+        <path d="M7.27762 5.66544C7.27762 6.40794 7.29309 7.15044 7.2734 7.892C7.24902 8.79013 6.9134 9.54013 6.11746 10.0089C5.86983 10.1565 5.59086 10.2435 5.30324 10.2629C4.53081 10.3028 3.75686 10.3037 2.98434 10.2658C2.00606 10.2095 1.21527 9.38919 1.05309 8.33403C1.02388 8.14119 1.00915 7.94642 1.00902 7.75138C1.00527 6.31419 0.99168 4.87653 1.01231 3.43888C1.02637 2.46997 1.39715 1.66841 2.3023 1.21466C2.55074 1.09044 2.85355 1.0356 3.1348 1.02247C3.74418 0.994347 4.35355 1.03653 4.96293 1.00935C6.33965 0.947472 7.10652 2.02466 7.22652 2.97247C7.28981 3.4731 7.26824 3.9845 7.27715 4.49169C7.2809 4.8845 7.27762 5.2745 7.27762 5.66544ZM5.9984 5.6495C5.9984 4.93888 5.9984 4.22825 5.9984 3.51763C5.9986 3.39213 5.98951 3.26679 5.97121 3.14263C5.8873 2.59607 5.52824 2.2895 4.97699 2.28857C4.39949 2.28857 3.82152 2.29278 3.24262 2.28857C2.83012 2.28435 2.55168 2.492 2.41058 2.85341C2.32782 3.07968 2.28608 3.31889 2.2873 3.55982C2.27652 4.94966 2.28121 6.33997 2.28309 7.73169C2.28301 7.8645 2.29209 7.99716 2.31027 8.12872C2.38902 8.68888 2.74668 8.99778 3.30918 8.99778C3.89512 8.99778 4.48105 8.98982 5.06605 9.00107C5.41152 9.00716 5.6698 8.85669 5.80762 8.56513C5.91704 8.33447 5.9792 8.08424 5.99043 7.82919C6.01527 7.10263 5.9984 6.37653 5.9984 5.6495Z" fill="currentColor"/>,
+        <path d="M15.131 6.25888C14.5217 6.25888 13.9123 6.29732 13.3057 6.25044C12.2412 6.16794 11.2901 5.40669 11.0684 4.43357C10.5828 2.30169 11.9407 1.09325 13.6231 1.02341C14.6211 0.982159 15.6223 1.00513 16.6231 1.01919C17.8418 1.03607 18.9551 1.83294 19.1792 2.88153C19.6367 5.02466 18.3153 6.17638 16.6545 6.28091C16.1492 6.31278 15.6396 6.28606 15.132 6.28606L15.131 6.25888ZM15.1165 5.00544H16.6395C16.6709 5.00544 16.7018 5.0031 16.7332 5.00122C17.2835 4.96185 17.8114 4.62622 17.9164 4.15513C18.0617 3.49513 18.0242 3.0156 17.5554 2.63263C17.2273 2.36685 16.8448 2.29278 16.437 2.29278C15.5623 2.29278 14.6876 2.29278 13.812 2.29278C13.6708 2.29269 13.5299 2.30256 13.3901 2.32231C12.7854 2.40903 12.304 2.85763 12.2679 3.38028C12.2145 4.1481 12.3148 4.59903 13.1342 4.91638C13.3109 4.98481 13.5157 4.99747 13.7084 5.00263C14.1795 5.01388 14.6482 5.00544 15.1165 5.00544Z" fill="currentColor"/>,
+        <path d="M4.12902 18.2842C3.64621 18.2612 3.15543 18.2875 2.68293 18.2054C1.5359 18.0062 0.908241 17.0842 1.0109 15.8275C1.0934 14.8154 1.97136 14.0158 3.0434 13.9993C3.78496 13.9862 4.52746 13.9801 5.26855 14.0022C6.2998 14.0326 7.26308 14.8389 7.29262 16.0647C7.32637 17.4798 6.19434 18.2945 5.1134 18.2636C4.78527 18.2542 4.45715 18.2636 4.12902 18.2636V18.2842ZM4.13418 16.99C4.4698 16.99 4.80496 16.9942 5.14059 16.99C5.69512 16.9815 5.97637 16.6759 6.00449 16.1378C6.0359 15.5397 5.58684 15.2664 5.13402 15.2678C4.47074 15.2701 3.80746 15.2645 3.14418 15.2678C2.59293 15.2725 2.28308 15.5833 2.28215 16.1186C2.28215 16.6693 2.58824 16.9801 3.15121 16.9881C3.47887 16.9933 3.80652 16.99 4.13418 16.99Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerActivitiesFill.tsx
+++ b/src/hailer/theme/icons/HailerActivitiesFill.tsx
@ -0,0 +1,15 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerActivitiesFill = createIcon({
+    displayName: 'HailerActivitiesFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M22.9061 17.2323C22.9129 17.2239 22.9179 17.2144 22.9211 17.2042C23.1285 16.5425 23.2402 15.8386 23.2402 15.1085C23.2402 14.6376 23.1937 14.1776 23.1051 13.7327C23.0586 13.4996 22.8111 13.3757 22.5825 13.4407C22.3006 13.5208 22.0228 13.5708 21.7444 13.592C21.1523 13.6371 20.5916 13.5494 20.023 13.3869C19.4621 13.2265 18.8731 12.9868 18.2329 12.7185L17.9566 12.6025C17.3813 12.3605 16.7491 12.0946 16.0163 11.8203C15.3436 11.5684 14.0921 11.1523 12.8657 10.9563C12.2516 10.8582 11.6722 10.8201 11.1883 10.8725C10.9863 10.8944 10.8137 10.9306 10.6677 10.9783C10.5961 11.0017 10.5357 11.05 10.4926 11.1119C9.70313 12.2451 9.24023 13.6227 9.24023 15.1085C9.24023 16.3597 9.56847 17.5341 10.1435 18.5505C10.2613 18.7586 10.5371 18.7981 10.7315 18.6588C11.0706 18.4157 11.5251 18.148 12.1086 17.958C13.0774 17.6424 14.3504 17.556 15.9888 18.0494C17.4705 18.4957 18.6782 18.6715 19.5765 18.6984C20.5049 18.7261 21.028 18.5926 21.1999 18.4998C22.0451 18.0435 22.5588 17.6629 22.9061 17.2323Z" fill="currentColor"/>,
+        <path d="M20.3797 20.754C20.7113 20.5105 20.4112 19.9417 19.9999 19.9502C19.8518 19.9533 19.698 19.9526 19.5392 19.9478C18.5165 19.9173 17.1997 19.7196 15.6283 19.2463C14.2135 18.8202 13.2023 18.9164 12.4957 19.1465C12.0772 19.2828 11.7476 19.4714 11.4869 19.6555C11.2989 19.7883 11.2845 20.0576 11.4524 20.2151C12.7044 21.3894 14.3883 22.1085 16.2402 22.1085C17.789 22.1085 19.2204 21.6055 20.3797 20.754Z" fill="currentColor"/>,
+        <path d="M12.8208 8.9991C12.496 9.18126 12.6313 9.65523 12.9993 9.712C13.0206 9.71527 13.0417 9.7186 13.0629 9.72198C14.4073 9.93676 15.7472 10.3847 16.4546 10.6496C17.2126 10.9334 17.869 11.2095 18.444 11.4514L18.7159 11.5656C19.3621 11.8364 19.8867 12.0478 20.3666 12.185C20.8389 12.32 21.2462 12.3763 21.6495 12.3456C21.8157 12.3329 21.987 12.305 22.1673 12.2583C22.3916 12.2001 22.4915 11.9467 22.3799 11.7436C21.1899 9.57701 18.8866 8.10852 16.2402 8.10852C14.9983 8.10852 13.832 8.43192 12.8208 8.9991Z" fill="currentColor"/>,
+        <rect x="1" y="14.155" width="6.35315" height="4.32193" rx="2.16096" fill="currentColor"/>,
+        <rect x="10.9645" y="1.36096" width="8.05261" height="5.21051" rx="2.5" fill="currentColor"/>,
+        <rect x="7.30493" y="1.36096" width="8.70417" height="6.33068" rx="2.5" transform="rotate(89.6823 7.30493 1.36096)" fill="currentColor"/>
+    ],
+});
--- a/src/hailer/theme/icons/HailerActivity.tsx
+++ b/src/hailer/theme/icons/HailerActivity.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerActivity = createIcon({
+    displayName: 'HailerActivity',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M17.5449 18.2667C16.1069 19.6497 14.1527 20.5 12 20.5C9.83484 20.5 7.87058 19.6399 6.43026 18.2427L6.51091 18.1616C7.02691 17.7369 9.0487 16.8183 12.3419 17.8102C14.1839 18.365 15.6518 18.4822 16.7586 18.3831C17.0405 18.3579 17.303 18.3182 17.5449 18.2667ZM19.7839 14.3545C19.2616 15.4027 18.5171 16.1489 18.1326 16.4333L18.1102 16.45L18.089 16.4682C17.9853 16.5576 17.5381 16.8074 16.625 16.8891C15.7382 16.9684 14.4637 16.8827 12.7745 16.3739C9.04752 15.2514 6.45693 16.2272 5.51236 17.0416L5.49061 17.0603L5.47035 17.0807L5.45279 17.0984C4.53745 15.7975 4 14.2115 4 12.5C4 10.5006 4.73345 8.67257 5.94598 7.27019C6.13448 7.1949 6.37016 7.13813 6.65951 7.10679C7.21581 7.04653 7.88323 7.09022 8.59225 7.2035C10.008 7.42969 11.4536 7.91026 12.2309 8.2013C13.0779 8.51842 13.8085 8.82572 14.4738 9.10555L14.4749 9.10601C14.5827 9.15136 14.6888 9.19598 14.7935 9.23981C15.5338 9.55002 16.2164 9.82792 16.8669 10.0139C17.5266 10.2025 18.1784 10.3045 18.8673 10.252C19.1254 10.2324 19.3829 10.1915 19.6427 10.1285C19.8749 10.8779 20 11.6743 20 12.5C20 13.1384 19.9252 13.7593 19.7839 14.3545ZM2.5 12.5C2.5 10.2589 3.27601 8.19909 4.57398 6.57455C4.71767 6.3947 4.86776 6.22019 5.0239 6.05136C6.75935 4.17488 9.24247 3 12 3C17.2467 3 21.5 7.25329 21.5 12.5C21.5 12.7382 21.4912 12.9744 21.474 13.2082C21.4321 13.7762 21.3403 14.3303 21.203 14.8662C20.1514 18.9681 16.4298 22 12 22C6.75329 22 2.5 17.7467 2.5 12.5ZM12 4.5C10.5137 4.5 9.12203 4.90533 7.92956 5.61149C8.2305 5.63646 8.53229 5.67489 8.8289 5.72228C10.3863 5.9711 11.9379 6.4899 12.7569 6.79654C13.634 7.12495 14.3937 7.44452 15.0587 7.72424C15.1659 7.76935 15.2707 7.81343 15.3731 7.85634C16.1205 8.1695 16.7259 8.41348 17.2792 8.57165C17.8233 8.72719 18.2911 8.79155 18.7534 8.75635C18.8512 8.7489 18.9506 8.73684 19.0522 8.71961C17.7029 6.20782 15.0509 4.5 12 4.5Z" fill="currentColor"/>
+    ],
+});
--- a/src/hailer/theme/icons/HailerActivityFill.tsx
+++ b/src/hailer/theme/icons/HailerActivityFill.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerActivityFill = createIcon({
+    displayName: 'HailerActivityFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12.6116 2.5C15.5347 2.60687 18.245 4.06703 20.1477 6.97937C20.3882 7.34734 20.3015 7.55172 19.874 7.69094C18.7832 8.04625 17.6915 7.9675 16.6279 7.61922C15.3993 7.21656 14.1866 6.76328 12.9786 6.30203C11.3441 5.67859 9.69364 5.11562 7.96301 4.81703C7.71739 4.77484 7.47036 4.73641 7.22333 4.70359C7.01708 4.67688 6.86942 4.58734 6.82208 4.37547C6.77473 4.16359 6.88723 4.04406 7.05645 3.93953C8.54708 3.00391 10.2993 2.5 12.6116 2.5Z" fill="currentColor"/>,
+        <path d="M4.12438 17.1775C3.62772 16.4347 3.24681 15.6207 2.99469 14.7634C2.30469 12.4117 2.4711 10.1181 3.51735 7.9C3.71272 7.48632 3.96005 7.09612 4.20598 6.70811L4.28235 6.58751C4.35032 6.48016 4.48813 6.39485 4.61047 6.34797C5.32532 6.0761 6.06969 6.10563 6.80938 6.18251C8.86297 6.39532 10.79 7.07313 12.6983 7.8161C12.8544 7.877 13.0104 7.93831 13.1664 7.99962C14.3528 8.46589 15.5398 8.93235 16.7867 9.22235C18.072 9.52328 19.3405 9.49844 20.5892 9.03485C20.9197 8.9125 21.1128 9.01563 21.2094 9.35453C21.5691 10.5958 21.668 11.8981 21.5 13.1795C21.4827 13.3112 21.4063 13.443 21.3317 13.5583C20.6713 14.582 19.7567 15.3395 18.7663 16.0239C17.5091 16.8934 16.1108 17.0856 14.6314 16.9562C13.7756 16.8815 12.9531 16.6615 12.1297 16.4412C11.8383 16.3633 11.5467 16.2853 11.2536 16.2137C9.50422 15.7919 7.74875 15.7164 5.99985 16.2287C5.35907 16.4162 4.75438 16.6839 4.22844 17.1067C4.19515 17.1323 4.16041 17.1559 4.12438 17.1775Z" fill="currentColor"/>,
+        <path d="M11.712 17.8989C10.6822 17.5938 9.63685 17.3903 8.55498 17.3594C8.40252 17.3754 8.24964 17.389 8.09674 17.4027C7.76777 17.4319 7.43871 17.4612 7.11357 17.515C6.46342 17.6247 5.84092 17.8272 5.28545 18.1989C5.12045 18.3095 5.08248 18.4281 5.23482 18.5772C5.27575 18.6172 5.31612 18.6579 5.3565 18.6985C5.42063 18.7631 5.48479 18.8277 5.55123 18.8898C8.86201 21.9836 13.7075 22.3647 17.4575 19.8273C18.1075 19.3928 18.6935 18.8695 19.1984 18.2725C19.2701 18.1867 19.317 18.0138 19.2772 17.92C19.2373 17.8263 19.0826 17.7583 18.9664 17.7325C18.8895 17.7156 18.7901 17.7646 18.705 17.8066C18.6983 17.8099 18.6917 17.8132 18.6851 17.8164C17.8461 18.228 16.9554 18.4375 16.0269 18.4891C14.5498 18.573 13.1183 18.318 11.712 17.8989Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerAddUser.tsx
+++ b/src/hailer/theme/icons/HailerAddUser.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAddUser = createIcon({
+    displayName: 'HailerAddUser',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M10.8301 3C8.2647 3 6.18467 5.0798 6.18394 7.64571V7.64706H6.9339L6.18394 7.64438L6.18394 7.64571C6.1755 10.2041 8.24166 12.285 10.801 12.2941L10.8037 12.2941H10.8301C13.3968 12.2941 15.4772 10.2137 15.4772 7.64706C15.4772 5.08042 13.3968 3 10.8301 3ZM7.68394 7.64706C7.68394 5.90874 9.09289 4.5 10.8301 4.5C12.5684 4.5 13.9772 5.90885 13.9772 7.64706C13.9772 9.38528 12.5684 10.7941 10.8301 10.7941H10.8051C9.0743 10.7873 7.67774 9.37985 7.68393 7.64975H7.68394V7.64706ZM10.8302 13.6268C9.17463 13.6268 7.55284 13.7491 6.32193 14.1617C5.70267 14.3694 5.12665 14.6683 4.69873 15.1125C4.25301 15.5752 4 16.164 4 16.8585C4 17.5514 4.25075 18.1404 4.69389 18.6047C5.11973 19.051 5.69375 19.3528 6.31254 19.5632C7.54224 19.9812 9.16484 20.1081 10.8302 20.1081C12.4863 20.1081 14.1081 19.9856 15.3389 19.5728C15.9581 19.3651 16.534 19.0662 16.9618 18.622C17.4074 18.1594 17.6604 17.5707 17.6604 16.8764C17.6604 16.1837 17.4097 15.5948 16.9667 15.1306C16.5409 14.6844 15.967 14.3825 15.3483 14.1721C14.1187 13.7539 12.4961 13.6268 10.8302 13.6268ZM5.5 16.8585C5.5 16.5599 5.59709 16.342 5.77901 16.1532C5.97872 15.9459 6.30786 15.7485 6.79873 15.584C7.78806 15.2523 9.20638 15.1268 10.8302 15.1268C12.4617 15.1268 13.8792 15.2568 14.8653 15.5922C15.3545 15.7585 15.6824 15.9575 15.8815 16.1661C16.0633 16.3566 16.1604 16.5765 16.1604 16.8764C16.1604 17.1747 16.0634 17.3926 15.8815 17.5814C15.6818 17.7887 15.3527 17.986 14.8619 18.1507C13.8727 18.4824 12.4544 18.6081 10.8302 18.6081C9.1991 18.6081 7.7816 18.4783 6.79532 18.143C6.30611 17.9767 5.97817 17.7778 5.77904 17.5691C5.59721 17.3786 5.5 17.1586 5.5 16.8585ZM18.7873 8.0498C19.2016 8.0498 19.5373 8.38559 19.5373 8.7998V9.76023H20.5328C20.947 9.76023 21.2828 10.096 21.2828 10.5102C21.2828 10.9244 20.947 11.2602 20.5328 11.2602H19.5373V12.2208C19.5373 12.635 19.2016 12.9708 18.7873 12.9708C18.3731 12.9708 18.0373 12.635 18.0373 12.2208V11.2602H17.0436C16.6293 11.2602 16.2936 10.9244 16.2936 10.5102C16.2936 10.096 16.6293 9.76023 17.0436 9.76023H18.0373V8.7998C18.0373 8.38559 18.3731 8.0498 18.7873 8.0498Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerAddUserFill.tsx
+++ b/src/hailer/theme/icons/HailerAddUserFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAddUserFill = createIcon({
+    displayName: 'HailerAddUserFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M11.2865 12.827C10.169 12.8161 9.10086 12.3463 8.31435 11.5198C7.52783 10.6933 7.0866 9.5769 7.0866 8.4135C7.0866 7.25011 7.52783 6.13376 8.31435 5.30725C9.10086 4.48075 10.169 4.01094 11.2865 4C13.633 4 15.5402 5.97924 15.5368 8.41175C15.5347 9.58371 15.086 10.7069 14.2891 11.5347C13.4922 12.3625 12.4123 12.8273 11.2865 12.827ZM11.218 20.4374C10.0343 20.4214 8.77716 20.3757 7.54775 20.0473C6.9396 19.8846 6.36031 19.6517 5.86795 19.2332C4.69886 18.2385 4.71272 16.484 5.89792 15.5099C6.48508 15.027 7.17791 14.7953 7.89623 14.6405C9.21632 14.3561 10.5566 14.3284 11.8966 14.3541C12.9889 14.3768 14.0755 14.4583 15.1348 14.759C15.7583 14.9361 16.3541 15.1834 16.8337 15.6562C17.9346 16.7379 17.8053 18.4714 16.5591 19.3705C15.9041 19.8429 15.1554 20.0574 14.3858 20.2006C13.3628 20.3894 12.3283 20.4296 11.218 20.4374ZM17.7966 11.8231C17.9092 11.8226 18.0236 11.8222 18.1407 11.8222L18.1452 12.0898C18.1452 12.1679 18.1446 12.2459 18.144 12.3238C18.1427 12.5064 18.1413 12.6884 18.1474 12.8699C18.159 13.2265 18.4116 13.4851 18.7451 13.4827C19.0785 13.4804 19.3217 13.2249 19.333 12.8617C19.3347 12.7746 19.3341 12.6877 19.3335 12.6011C19.3333 12.5579 19.333 12.5148 19.333 12.4717V11.8234C19.4511 11.8234 19.5657 11.8239 19.6781 11.8245C19.8961 11.8256 20.1055 11.8267 20.3147 11.8234C20.707 11.8175 20.9693 11.5659 20.9693 11.2039C20.9704 10.8318 20.7066 10.5864 20.302 10.5864H19.3652C19.3585 10.572 19.3528 10.5615 19.3485 10.5534C19.3419 10.5411 19.3382 10.5343 19.3382 10.5275C19.3371 10.4087 19.3366 10.2898 19.336 10.171C19.3351 9.9657 19.3341 9.7605 19.3303 9.55545C19.3236 9.18176 19.0778 8.91651 18.7398 8.91768C18.4018 8.91885 18.1538 9.17825 18.1444 9.55311C18.1393 9.74831 18.1402 9.94473 18.1411 10.1415C18.1414 10.2176 18.1418 10.2938 18.1418 10.3699C18.1415 10.4156 18.1379 10.4612 18.1339 10.5108C18.132 10.5349 18.13 10.56 18.1283 10.5864H17.6037C17.545 10.5864 17.4865 10.5858 17.428 10.5852C17.3114 10.584 17.1952 10.5828 17.0791 10.5864C16.928 10.5899 16.7842 10.6548 16.6785 10.7672C16.5727 10.8796 16.5134 11.0306 16.5133 11.1879C16.5103 11.5569 16.767 11.8167 17.1503 11.8222C17.3634 11.8248 17.5766 11.8239 17.7966 11.8231Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerAdmin.tsx
+++ b/src/hailer/theme/icons/HailerAdmin.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAdmin = createIcon({
+    displayName: 'HailerAdmin',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12 3V21M20 11.242C20 15.61 16.843 19.704 12.52 20.928C12.182 21.024 11.818 21.024 11.48 20.928C7.157 19.705 4 15.61 4 11.242V7.214C4 6.402 4.491 5.67 5.243 5.363L10.107 3.373C11.321 2.876 12.681 2.876 13.894 3.373L18.758 5.363C19.509 5.67 20 6.402 20 7.214V11.242Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerAdminFill.tsx
+++ b/src/hailer/theme/icons/HailerAdminFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAdminFill = createIcon({
+    displayName: 'HailerAdminFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M11.2294 14.1618C11.2305 13.4279 11.2317 12.694 11.2317 11.9601C11.232 9.46636 11.2318 6.9723 11.2312 4.47793C11.2312 4.39679 11.2318 4.31579 11.2323 4.23493C11.2338 4.01818 11.2353 3.80237 11.226 3.5873C11.223 3.48187 11.196 3.37851 11.1473 3.28498C11.0985 3.19145 11.0292 3.11019 10.9445 3.0473C10.8598 2.98441 10.762 2.94153 10.6584 2.92188C10.5548 2.90224 10.448 2.90633 10.3462 2.93386C10.2481 2.95845 10.1518 2.98978 10.0579 3.02761C8.46511 3.67542 6.87292 4.32464 5.28136 4.97527C4.18964 5.42105 3.57511 6.33933 3.57511 7.52339C3.57484 7.88456 3.57253 8.2458 3.57022 8.60705C3.5644 9.51689 3.55858 10.4268 3.58542 11.3357C3.60605 12.0323 3.66323 12.7439 3.8287 13.4179C4.68886 16.9176 6.81417 19.3696 10.0846 20.8584C10.7268 21.1509 11.249 20.7557 11.2424 20.0995C11.2233 18.1203 11.2263 16.141 11.2294 14.1618ZM12.6792 3.73637V11.9226C12.6782 14.6661 12.6781 17.4111 12.6787 20.1576C12.6792 20.8186 13.1564 21.1336 13.7657 20.879C15.6613 20.0821 17.2035 18.8446 18.396 17.1759C19.5309 15.5878 20.2256 13.8253 20.3029 11.8659C20.3624 10.3556 20.3657 8.84105 20.3235 7.33027C20.2931 6.23012 19.7043 5.44309 18.6867 5.0034C18.2531 4.8156 17.8151 4.63808 17.3772 4.46056C17.2238 4.39837 17.0704 4.33618 16.9171 4.27355C16.7346 4.19902 16.5522 4.12441 16.3697 4.04979C15.5366 3.70905 14.7033 3.3683 13.867 3.03606C13.6912 2.96762 13.4892 2.90761 13.3045 2.92074C12.906 2.94933 12.6792 3.26762 12.6792 3.73637Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerApps.tsx
+++ b/src/hailer/theme/icons/HailerApps.tsx
@ -0,0 +1,15 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerApps = createIcon({
+    displayName: 'HailerApps',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12.0056 11.7514C10.3937 11.7514 8.78645 11.7514 7.1746 11.7514C4.6744 11.7514 2.60922 10.0754 2.09178 7.63936C1.48733 4.78657 3.50672 1.93836 6.39615 1.55829C6.61595 1.53082 6.83574 1.50792 7.05554 1.50792C10.3891 1.50792 13.7273 1.48503 17.0609 1.51708C19.639 1.53998 21.8049 3.63263 21.9926 6.2061C22.1941 8.9673 20.2709 11.353 17.5417 11.7148C17.3173 11.7468 17.0838 11.7514 16.8549 11.7514C15.2384 11.756 13.622 11.7514 12.0056 11.7514ZM12.001 2.9595C10.3983 2.9595 8.79561 2.95492 7.19291 2.9595C5.12315 2.96866 3.49757 4.5164 3.44262 6.52663C3.38767 8.59182 5.04531 10.2952 7.12423 10.2998C10.3296 10.3044 13.535 10.2998 16.7404 10.2998C16.9235 10.2998 17.1067 10.2907 17.2899 10.2724C19.3825 10.0663 20.8936 8.04232 20.4998 5.98172C20.1518 4.17755 18.6773 2.96866 16.8091 2.96408C15.2064 2.95492 13.6037 2.9595 12.001 2.9595Z" fill="currentColor"/>,
+        <path d="M6.63884 22.494C5.95198 22.494 5.26511 22.5078 4.57824 22.4894C3.14956 22.4528 2.00936 21.2897 1.99562 19.861C1.98188 18.5331 1.98188 17.2051 1.99562 15.8772C2.00936 14.4302 3.1404 13.2625 4.5874 13.235C5.96113 13.2076 7.33487 13.2122 8.7086 13.235C10.0961 13.2579 11.25 14.4256 11.2683 15.8131C11.2866 17.1777 11.2866 18.5468 11.2683 19.9114C11.2454 21.2897 10.1052 22.4391 8.72692 22.4849C8.02632 22.5123 7.33029 22.494 6.63884 22.494ZM6.59763 21.0424C7.23871 21.0424 7.87978 21.047 8.52086 21.0424C9.30389 21.0333 9.80759 20.525 9.80759 19.7465C9.80759 18.4964 9.80759 17.2464 9.80759 15.9917C9.80759 15.1949 9.31305 14.6866 8.5117 14.682C7.25244 14.6775 5.99319 14.6729 4.73393 14.682C3.94174 14.6866 3.44262 15.1995 3.44262 15.9963C3.44262 17.2326 3.44262 18.469 3.44262 19.7053C3.44262 20.525 3.94632 21.0333 4.76598 21.0379C5.37959 21.047 5.98861 21.0424 6.59763 21.0424Z" fill="currentColor"/>,
+        <path d="M22.0155 17.8554C22.0201 20.4151 19.9595 22.4849 17.3952 22.4986C14.8263 22.5123 12.7382 20.438 12.7382 17.8691C12.7382 15.3598 14.8492 13.235 17.3586 13.2305C19.932 13.2259 22.0155 15.2911 22.0155 17.8554ZM17.3769 21.0424C19.1032 21.0562 20.5456 19.6321 20.5594 17.8966C20.5731 16.1336 19.1719 14.7049 17.3998 14.682C15.7146 14.6592 14.2173 16.1199 14.199 17.8004C14.1806 19.6 15.5819 21.0287 17.3769 21.0424Z" fill="currentColor"/>,
+        <path d="M8.10416 4.41566C8.56665 4.43397 9.04288 4.4065 9.49621 4.48434C10.6089 4.68125 11.3553 5.69323 11.2638 6.80596C11.1722 7.90494 10.2838 8.77956 9.16651 8.81161C8.38806 8.8345 7.60962 8.84824 6.83574 8.78414C5.73218 8.69713 4.88504 7.66683 4.92625 6.55868C4.97204 5.4139 5.86955 4.48434 6.98685 4.43855C7.35776 4.42482 7.73325 4.43398 8.10874 4.43398C8.10874 4.43398 8.10416 4.42482 8.10416 4.41566ZM8.06295 7.36461C8.38348 7.36461 8.70402 7.36461 9.02456 7.36461C9.0383 7.36461 9.05662 7.36461 9.07035 7.36461C9.49163 7.34171 9.79843 7.03949 9.80759 6.63653C9.81217 6.22441 9.50995 5.89929 9.07493 5.89013C8.4247 5.8764 7.77904 5.8764 7.12881 5.89013C6.69379 5.89929 6.38241 6.21525 6.37783 6.62279C6.37325 7.03949 6.70295 7.35545 7.14712 7.36003C7.45392 7.36919 7.76073 7.36461 8.06295 7.36461Z" fill="currentColor"/>,
+        <path d="M6.17635 18.1576C6.74874 17.5852 7.28449 17.0494 7.81567 16.5183C8.03089 16.3031 8.28274 16.2069 8.58497 16.3031C9.04288 16.4496 9.23978 16.9762 8.98335 17.3791C8.9284 17.4661 8.85513 17.5486 8.77729 17.6218C8.12705 18.2766 7.47224 18.9269 6.81743 19.5817C6.38699 20.0121 6.00692 20.0076 5.5719 19.5771C5.18268 19.1879 4.7843 18.8078 4.40423 18.414C3.96921 17.9653 4.15238 17.2967 4.73393 17.1593C5.01325 17.0952 5.24679 17.1914 5.43911 17.3883C5.68638 17.6356 5.9245 17.892 6.17635 18.1576Z" fill="currentColor"/>,
+        <path d="M18.3431 17.86C18.3431 18.4049 17.9172 18.8307 17.3723 18.8261C16.8457 18.8216 16.4153 18.3911 16.4107 17.8645C16.4107 17.3379 16.8411 16.9029 17.3677 16.8983C17.9126 16.8983 18.3385 17.315 18.3431 17.86Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerAppsColour.tsx
+++ b/src/hailer/theme/icons/HailerAppsColour.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAppsColour = createIcon({
+    displayName: 'HailerAppsColour',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12.0074 11.7515C10.3963 11.7515 8.78968 11.7515 7.17854 11.7515C4.68858 11.7515 2.62888 10.09 2.10251 7.65957C1.4846 4.80345 3.49853 1.93817 6.40043 1.55827C6.62013 1.53081 6.83983 1.50792 7.05953 1.50792C10.3917 1.50792 13.7284 1.48503 17.0605 1.51707C19.6375 1.53996 21.8024 3.6317 21.9901 6.20405C22.1823 8.84047 20.4659 11.1245 17.8799 11.6554C17.5549 11.7241 17.2162 11.7469 16.882 11.7515C15.2572 11.7607 13.6323 11.7515 12.0074 11.7515ZM8.09396 8.80385C8.09396 8.813 8.09396 8.81758 8.09396 8.82674C8.42809 8.82674 8.7668 8.83131 9.10093 8.82674C10.3093 8.79927 11.2613 7.83808 11.2705 6.64802C11.2796 5.44882 10.3505 4.47389 9.13755 4.43728C8.42809 4.41897 7.71864 4.41439 7.00919 4.43728C5.8649 4.47847 4.96779 5.39847 4.91744 6.54733C4.86709 7.66415 5.70928 8.67111 6.83525 8.7947C7.25635 8.84047 7.67744 8.80385 8.09396 8.80385Z" fill="#005ABA"/>,
+        <path d="M6.63386 22.494C5.95645 22.494 5.27446 22.5077 4.59704 22.4894C3.15525 22.4528 2.01555 21.304 1.99724 19.853C1.98351 18.5257 1.98351 17.1983 1.99724 15.8709C2.01097 14.4246 3.14609 13.262 4.59246 13.2345C5.9656 13.207 7.33874 13.2116 8.71187 13.2345C10.085 13.2574 11.2384 14.42 11.2613 15.7977C11.2842 17.1708 11.2842 18.544 11.2613 19.9171C11.2384 21.2994 10.0942 22.4391 8.71645 22.4849C8.02531 22.5123 7.32958 22.494 6.63386 22.494ZM6.18073 18.1595C5.91983 17.8803 5.68182 17.6194 5.43923 17.3676C5.24699 17.1708 5.00898 17.0839 4.72978 17.1525C4.16221 17.2944 3.97913 17.9581 4.39565 18.3975C4.7847 18.8049 5.19207 19.1939 5.59485 19.5921C6.00679 19.9995 6.40043 20.0041 6.80779 19.5967C7.34331 19.0658 7.87426 18.5302 8.40978 17.9947C8.58829 17.8162 8.77596 17.6468 8.93158 17.45C9.28402 17.0152 9.05516 16.3836 8.51048 16.2691C8.23128 16.2096 8.00242 16.3149 7.81018 16.5117C7.28381 17.0472 6.75744 17.5782 6.18073 18.1595Z" fill="#20A250"/>,
+        <path d="M22.013 17.8711C22.0084 20.4252 19.9304 22.4986 17.3809 22.494C14.8086 22.4894 12.7397 20.4206 12.7443 17.8482C12.7489 15.3446 14.8818 13.2162 17.3764 13.2254C19.9533 13.2391 22.0176 15.3034 22.013 17.8711ZM17.3672 18.8323C17.9119 18.8369 18.3421 18.4158 18.3467 17.8711C18.3513 17.331 17.921 16.8962 17.3809 16.8962C16.85 16.8962 16.4197 17.3173 16.406 17.8437C16.3923 18.3792 16.8317 18.8277 17.3672 18.8323Z" fill="#E42B00"/>,
+        <path d="M8.11227 5.89738C8.43267 5.89738 8.75307 5.88822 9.07347 5.89738C9.49914 5.91111 9.80123 6.2132 9.80581 6.61599C9.81038 7.01877 9.50829 7.34375 9.0872 7.3529C8.42351 7.36663 7.75983 7.36663 7.09615 7.3529C6.68879 7.34375 6.3867 7.02335 6.38212 6.62972C6.37754 6.23151 6.68421 5.91111 7.10073 5.8928C7.44401 5.88822 7.77814 5.89738 8.11227 5.89738Z" fill="#005ABA"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerAppsFill.tsx
+++ b/src/hailer/theme/icons/HailerAppsFill.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAppsFill = createIcon({
+    displayName: 'HailerAppsFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12.0074 11.7515C10.3963 11.7515 8.78968 11.7515 7.17854 11.7515C4.68858 11.7515 2.62888 10.09 2.10251 7.65957C1.4846 4.80345 3.49853 1.93817 6.40043 1.55827C6.62013 1.53081 6.83983 1.50792 7.05953 1.50792C10.3917 1.50792 13.7284 1.48503 17.0605 1.51707C19.6375 1.53996 21.8024 3.6317 21.9901 6.20405C22.1823 8.84047 20.4659 11.1245 17.8798 11.6554C17.5549 11.7241 17.2162 11.7469 16.882 11.7515C15.2572 11.7607 13.6323 11.7515 12.0074 11.7515ZM8.09396 8.80385C8.09396 8.81301 8.09396 8.81758 8.09396 8.82674C8.42809 8.82674 8.7668 8.83131 9.10093 8.82674C10.3093 8.79927 11.2613 7.83808 11.2705 6.64803C11.2796 5.44882 10.3505 4.47389 9.13755 4.43728C8.42809 4.41897 7.71864 4.41439 7.00919 4.43728C5.8649 4.47847 4.96779 5.39847 4.91744 6.54733C4.86709 7.66415 5.70928 8.67111 6.83525 8.7947C7.25635 8.84047 7.67744 8.80385 8.09396 8.80385Z" fill="currentColor"/>,
+        <path d="M6.63386 22.494C5.95645 22.494 5.27446 22.5078 4.59704 22.4894C3.15525 22.4528 2.01555 21.304 1.99724 19.853C1.98351 18.5257 1.98351 17.1983 1.99724 15.8709C2.01097 14.4246 3.14609 13.262 4.59246 13.2345C5.9656 13.207 7.33874 13.2116 8.71187 13.2345C10.085 13.2574 11.2384 14.42 11.2613 15.7977C11.2842 17.1708 11.2842 18.544 11.2613 19.9171C11.2384 21.2994 10.0942 22.4391 8.71645 22.4849C8.02531 22.5123 7.32958 22.494 6.63386 22.494ZM6.18072 18.1595C5.91983 17.8803 5.68182 17.6194 5.43923 17.3676C5.24699 17.1708 5.00898 17.0839 4.72978 17.1525C4.16221 17.2944 3.97913 17.9581 4.39565 18.3975C4.7847 18.8049 5.19207 19.1939 5.59485 19.5921C6.00679 19.9995 6.40043 20.0041 6.80779 19.5967C7.34331 19.0658 7.87426 18.5302 8.40978 17.9947C8.58829 17.8162 8.77595 17.6468 8.93158 17.45C9.28402 17.0152 9.05516 16.3836 8.51048 16.2691C8.23128 16.2096 8.00242 16.3149 7.81018 16.5117C7.28381 17.0472 6.75744 17.5782 6.18072 18.1595Z" fill="currentColor"/>,
+        <path d="M22.013 17.8711C22.0084 20.4252 19.9304 22.4986 17.3809 22.494C14.8086 22.4894 12.7397 20.4206 12.7443 17.8482C12.7489 15.3446 14.8818 13.2162 17.3764 13.2254C19.9533 13.2391 22.0176 15.3034 22.013 17.8711ZM17.3672 18.8323C17.9119 18.8369 18.3421 18.4158 18.3467 17.8711C18.3513 17.331 17.921 16.8962 17.3809 16.8962C16.85 16.8962 16.4197 17.3173 16.406 17.8437C16.3923 18.3792 16.8317 18.8277 17.3672 18.8323Z" fill="currentColor"/>,
+        <path d="M8.11227 5.89738C8.43267 5.89738 8.75307 5.88822 9.07347 5.89738C9.49914 5.91111 9.80123 6.2132 9.80581 6.61599C9.81038 7.01877 9.50829 7.34375 9.0872 7.3529C8.42351 7.36663 7.75983 7.36663 7.09615 7.3529C6.68879 7.34375 6.3867 7.02335 6.38212 6.62972C6.37754 6.23151 6.68421 5.91111 7.10073 5.8928C7.44401 5.88822 7.77814 5.89738 8.11227 5.89738Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerAppsPlus.tsx
+++ b/src/hailer/theme/icons/HailerAppsPlus.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAppsPlus = createIcon({
+    displayName: 'HailerAppsPlus',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M17.5 15.3286V20.3286M20 17.8286H15M8 10.3286H5C3.895 10.3286 3 9.43364 3 8.32864V5.32864C3 4.22364 3.895 3.32864 5 3.32864H8C9.105 3.32864 10 4.22364 10 5.32864V8.32864C10 9.43364 9.105 10.3286 8 10.3286ZM19 10.3286H16C14.895 10.3286 14 9.43364 14 8.32864V5.32864C14 4.22364 14.895 3.32864 16 3.32864H19C20.105 3.32864 21 4.22364 21 5.32864V8.32864C21 9.43364 20.105 10.3286 19 10.3286ZM8 21.3286H5C3.895 21.3286 3 20.4336 3 19.3286V16.3286C3 15.2236 3.895 14.3286 5 14.3286H8C9.105 14.3286 10 15.2236 10 16.3286V19.3286C10 20.4336 9.105 21.3286 8 21.3286Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerAppsPlusColor.tsx
+++ b/src/hailer/theme/icons/HailerAppsPlusColor.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAppsPlusColor = createIcon({
+    displayName: 'HailerAppsPlusColor',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M20.9816 6.92269C20.9816 7.44061 20.9996 7.95853 20.9771 8.47645C20.9231 9.7735 19.8287 10.8364 18.5271 10.8544C17.5678 10.8679 16.6041 10.8679 15.6448 10.8544C14.3657 10.8409 13.2623 9.85907 13.1903 8.58454C13.1272 7.47213 13.1317 6.34622 13.1948 5.23381C13.2623 4.04935 14.3612 3.05404 15.5457 3.03152C16.568 3.00901 17.5859 3.00901 18.6082 3.03152C19.8377 3.05855 20.9141 4.1124 20.9771 5.34641C21.0041 5.87333 20.9816 6.39576 20.9816 6.92269Z" fill="#E42B00"/>,
+        <path d="M10.8033 17.1145C10.8033 17.7225 10.8709 18.335 10.7898 18.9339C10.6277 20.1139 9.55133 20.9921 8.36236 20.9966C7.40759 21.0011 6.45732 21.0011 5.50254 20.9966C4.16495 20.9921 3.03003 19.8707 3.01652 18.5331C3.00751 17.5738 3.00751 16.6101 3.01652 15.6508C3.02553 14.3132 4.15144 13.1873 5.48903 13.1738C6.44831 13.1648 7.41209 13.1648 8.37137 13.1738C9.72697 13.1918 10.8349 14.3177 10.8394 15.6733C10.8394 16.1552 10.8394 16.6326 10.8394 17.1145C10.8304 17.1145 10.8169 17.1145 10.8033 17.1145Z" fill="#FFC224"/>,
+        <path d="M6.92569 3C7.5472 3.02252 8.17771 2.9955 8.79021 3.08107C9.93864 3.23869 10.8349 4.31507 10.8439 5.47701C10.8484 6.43629 10.8484 7.40008 10.8439 8.35935C10.8394 9.71496 9.72697 10.8409 8.36686 10.8544C7.41209 10.8679 6.46182 10.8634 5.50704 10.8544C4.13793 10.8409 3.02102 9.71495 3.01652 8.34584C3.01201 7.40908 3.01201 6.46782 3.01652 5.53105C3.02553 4.16645 4.12442 3.05404 5.48452 3.02702C5.96642 3.01801 6.4438 3.02702 6.92569 3.02702C6.92569 3.01801 6.92569 3.00901 6.92569 3Z" fill="#005ABA"/>,
+        <path d="M16.3879 17.772C15.8474 17.772 15.3385 17.772 14.8296 17.772C14.5909 17.772 14.3838 17.7044 14.2351 17.5108C14.064 17.2901 14.0325 17.0469 14.1496 16.7902C14.2667 16.5335 14.4783 16.4029 14.7576 16.3984C15.2079 16.3939 15.6583 16.3984 16.1087 16.3984C16.1897 16.3984 16.2708 16.3984 16.3834 16.3984C16.3834 16.2498 16.3834 16.1192 16.3834 15.984C16.3834 15.5877 16.3789 15.1869 16.3834 14.7906C16.3924 14.3852 16.6716 14.1015 17.0544 14.0925C17.4507 14.088 17.748 14.3672 17.757 14.7816C17.766 15.304 17.7615 15.8309 17.7615 16.3939C17.8561 16.3939 17.9326 16.3939 18.0137 16.3939C18.4551 16.3939 18.9009 16.3894 19.3423 16.3939C19.7566 16.3984 20.0584 16.6821 20.0674 17.0649C20.0764 17.4612 19.7791 17.754 19.3468 17.763C18.9099 17.772 18.4776 17.763 18.0407 17.763C17.9597 17.763 17.8786 17.763 17.775 17.763C17.7705 17.8621 17.7615 17.9431 17.7615 18.0197C17.7615 18.4611 17.766 18.9069 17.7615 19.3483C17.757 19.7761 17.4553 20.0779 17.0634 20.0689C16.6761 20.0599 16.3879 19.7626 16.3834 19.3483C16.3834 18.8394 16.3879 18.3214 16.3879 17.772Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerAppsPlusFill.tsx
+++ b/src/hailer/theme/icons/HailerAppsPlusFill.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAppsPlusFill = createIcon({
+    displayName: 'HailerAppsPlusFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M20.9816 6.92269C20.9816 7.44061 20.9996 7.95853 20.9771 8.47645C20.9231 9.7735 19.8287 10.8364 18.5271 10.8544C17.5678 10.8679 16.6041 10.8679 15.6448 10.8544C14.3657 10.8409 13.2623 9.85907 13.1903 8.58454C13.1272 7.47213 13.1317 6.34622 13.1948 5.23381C13.2623 4.04935 14.3612 3.05404 15.5457 3.03152C16.568 3.00901 17.5859 3.00901 18.6082 3.03152C19.8377 3.05855 20.9141 4.1124 20.9771 5.34641C21.0041 5.87333 20.9816 6.39576 20.9816 6.92269Z" fill="currentColor"/>,
+        <path d="M10.8033 17.1145C10.8033 17.7225 10.8709 18.335 10.7898 18.9339C10.6277 20.1139 9.55133 20.9921 8.36237 20.9966C7.40759 21.0011 6.45732 21.0011 5.50254 20.9966C4.16495 20.9921 3.03003 19.8707 3.01652 18.5331C3.00751 17.5738 3.00751 16.6101 3.01652 15.6508C3.02553 14.3132 4.15144 13.1873 5.48903 13.1738C6.44831 13.1648 7.41209 13.1648 8.37137 13.1738C9.72697 13.1918 10.8349 14.3177 10.8394 15.6733C10.8394 16.1552 10.8394 16.6326 10.8394 17.1145C10.8304 17.1145 10.8169 17.1145 10.8033 17.1145Z" fill="currentColor"/>,
+        <path d="M6.92569 3C7.5472 3.02252 8.17771 2.9955 8.79021 3.08107C9.93864 3.23869 10.8349 4.31507 10.8439 5.47701C10.8484 6.43629 10.8484 7.40008 10.8439 8.35935C10.8394 9.71496 9.72697 10.8409 8.36687 10.8544C7.41209 10.8679 6.46182 10.8634 5.50704 10.8544C4.13793 10.8409 3.02102 9.71495 3.01652 8.34584C3.01201 7.40908 3.01201 6.46782 3.01652 5.53105C3.02553 4.16645 4.12442 3.05404 5.48452 3.02702C5.96642 3.01801 6.4438 3.02702 6.92569 3.02702C6.92569 3.01801 6.92569 3.00901 6.92569 3Z" fill="currentColor"/>,
+        <path d="M16.3879 17.772C15.8474 17.772 15.3385 17.772 14.8296 17.772C14.5909 17.772 14.3838 17.7044 14.2351 17.5108C14.064 17.2901 14.0325 17.0469 14.1496 16.7902C14.2667 16.5335 14.4783 16.4029 14.7576 16.3984C15.2079 16.3939 15.6583 16.3984 16.1087 16.3984C16.1897 16.3984 16.2708 16.3984 16.3834 16.3984C16.3834 16.2498 16.3834 16.1192 16.3834 15.984C16.3834 15.5877 16.3789 15.1869 16.3834 14.7906C16.3924 14.3852 16.6716 14.1015 17.0544 14.0925C17.4508 14.088 17.748 14.3672 17.757 14.7816C17.766 15.304 17.7615 15.8309 17.7615 16.3939C17.8561 16.3939 17.9326 16.3939 18.0137 16.3939C18.4551 16.3939 18.9009 16.3894 19.3423 16.3939C19.7566 16.3984 20.0584 16.6821 20.0674 17.0649C20.0764 17.4612 19.7791 17.754 19.3468 17.763C18.9099 17.772 18.4776 17.763 18.0407 17.763C17.9597 17.763 17.8786 17.763 17.775 17.763C17.7705 17.8621 17.7615 17.9431 17.7615 18.0197C17.7615 18.4611 17.766 18.9069 17.7615 19.3483C17.757 19.7761 17.4553 20.0779 17.0634 20.0689C16.6761 20.0599 16.3879 19.7626 16.3834 19.3483C16.3834 18.8394 16.3879 18.3214 16.3879 17.772Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerArrowToStart.tsx
+++ b/src/hailer/theme/icons/HailerArrowToStart.tsx
@ -0,0 +1,11 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerArrowToStart = createIcon({
+    displayName: 'HailerArrowToStart',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M15.5 8L11.5 12L15.5 16" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M8.5 16.5L8.5 7.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" fill='none'/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerArrowUp.tsx
+++ b/src/hailer/theme/icons/HailerArrowUp.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerArrowUp = createIcon({
+    displayName: 'HailerArrowUp',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M12.532 3.9694C12.3912 3.82769 12.1997 3.748 11.9999 3.748C11.8002 3.748 11.6087 3.82769 11.4679 3.9694L5.4909 9.9854C5.19896 10.2792 5.2005 10.7541 5.49435 11.0461C5.78819 11.338 6.26306 11.3364 6.555 11.0426L11.26 6.3069V19.5C11.26 19.9142 11.5958 20.25 12.01 20.25C12.4242 20.25 12.76 19.9142 12.76 19.5V6.32715L17.4449 11.0426C17.7368 11.3364 18.2117 11.338 18.5056 11.0461C18.7994 10.7541 18.8009 10.2792 18.509 9.9854L12.532 3.9694Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerAttach.tsx
+++ b/src/hailer/theme/icons/HailerAttach.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerAttach = createIcon({
+    displayName: 'HailerAttach',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M13.879 8.375L8.39297 13.861C7.56697 14.687 7.56697 16.027 8.39297 16.853V16.853C9.21897 17.679 10.559 17.679 11.385 16.853L18.617 9.621C20.132 8.106 20.132 5.65 18.617 4.135V4.135C17.102 2.62 14.646 2.62 13.131 4.135L5.89897 11.367C3.69497 13.571 3.69497 17.143 5.89897 19.347V19.347C8.10297 21.551 11.675 21.551 13.879 19.347L18.268 14.958" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerBirdsEye.tsx
+++ b/src/hailer/theme/icons/HailerBirdsEye.tsx
@ -0,0 +1,11 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerBirdsEye = createIcon({
+    displayName: 'HailerBirdsEye',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M13.8878 7.16452C14.9107 6.61913 15.9108 6.0824 16.9064 5.54566C18.5458 4.66265 20.1807 3.77531 21.8202 2.89229C21.9755 2.81005 22.149 2.73214 22.3226 2.69318C23.0943 2.53736 23.7382 3.10439 23.5601 3.83158C23.0076 6.0824 22.2312 8.2553 20.8018 10.1598C19.8793 11.3891 18.692 12.3457 17.322 13.1075C17.2489 13.1465 17.1804 13.1898 17.0891 13.2374C17.1576 13.3932 17.2124 13.5491 17.2854 13.7006C17.806 14.7437 18.0526 15.8518 18.144 16.9945C18.217 17.9381 18.2855 18.8774 18.3266 19.821C18.3677 20.756 17.8197 21.3014 16.8333 21.323C16.3858 21.3317 15.9337 21.349 15.4907 21.2971C14.4723 21.1802 13.9517 20.3275 14.3399 19.4185C14.5682 18.8774 14.8331 18.3494 15.0797 17.8169C15.2395 17.4663 15.2258 17.462 14.8513 17.2975C13.6137 16.7435 12.3625 16.2154 11.1568 15.6094C9.321 14.6874 8.29348 13.1638 7.89617 11.2723C7.7272 10.4801 7.7135 9.65341 7.65413 8.84398C7.59477 8.00425 7.41209 7.21646 6.80472 6.56719C6.33891 6.06941 5.75436 5.74477 5.11502 5.49372C4.0601 5.07819 2.95037 4.87475 1.83609 4.67131C1.53011 4.61504 1.21957 4.56742 0.918167 4.49817C0.580227 4.42891 0.39299 4.1995 0.411257 3.91382C0.438657 3.60217 0.644161 3.40738 1.0095 3.3641C1.12367 3.35111 1.23784 3.35111 1.35201 3.35111C3.23351 3.35111 5.11045 3.34679 6.99195 3.35111C7.25683 3.35111 7.4943 3.3035 7.73633 3.19096C8.33915 2.90095 8.97392 2.72348 9.6635 2.73214C10.4673 2.74512 11.1157 3.03513 11.5587 3.68008C12.2985 4.7622 13.0201 5.85731 13.7462 6.9481C13.7873 7.00869 13.833 7.07795 13.8878 7.16452ZM5.80003 4.51115C6.28411 4.77519 6.69968 5.02624 7.13809 5.23401C7.71807 5.51103 8.05144 5.97418 8.31175 6.50659C8.73645 7.38095 8.90086 8.30292 8.91456 9.25519C8.92826 10.1079 8.99676 10.952 9.29816 11.77C9.78224 13.0859 10.6225 14.1031 11.9834 14.7048C13.1525 15.2242 14.317 15.7523 15.477 16.289C16.3721 16.7045 16.6278 17.4014 16.2214 18.2671C15.9885 18.7649 15.751 19.267 15.5227 19.7691C15.3765 20.0808 15.4359 20.1673 15.8058 20.1717C16.1163 20.176 16.4314 20.1673 16.742 20.163C17.0982 20.1587 17.1256 20.1284 17.1028 19.7821C17.0571 19.1934 17.0205 18.6004 16.9703 18.0117C16.9109 17.3495 16.879 16.6872 16.7694 16.0336C16.6278 15.1809 16.3036 14.3801 15.9017 13.6097C15.6871 13.1984 15.751 12.8219 16.1072 12.5102C16.2396 12.3933 16.3995 12.3068 16.5547 12.2159C17.6508 11.5579 18.7331 10.887 19.4866 9.85252C19.9022 9.27683 20.4 8.73576 20.6968 8.10813C21.2037 7.03467 21.5827 5.90493 22.012 4.79683C22.1033 4.55877 22.1581 4.31204 22.2449 4.03069C22.1308 4.09129 22.0622 4.12159 21.9937 4.15621C20.505 4.95699 19.0208 5.75776 17.532 6.5542C16.4999 7.10825 15.4679 7.6623 14.4358 8.21635C13.9837 8.45874 13.3123 8.51501 12.915 7.87007C12.81 7.70125 12.6958 7.5411 12.5862 7.37662C11.9058 6.35942 11.2253 5.34655 10.5449 4.32935C10.3759 4.0783 10.1247 3.92248 9.80964 3.90516C9.3484 3.87919 8.89629 3.94412 8.48985 4.16487C8.11994 4.36398 7.72263 4.48951 7.29793 4.50249C6.82298 4.52414 6.34347 4.51115 5.80003 4.51115Z" fill="currentColor"/>,
+        <path d="M9.68082 5.76209C9.37782 5.76642 9.12244 5.51969 9.11811 5.22535C9.10946 4.93102 9.36051 4.67563 9.6635 4.67131C9.97948 4.66698 10.2176 4.89639 10.2219 5.20371C10.2262 5.51103 9.98381 5.75776 9.68082 5.76209Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerBirdsEyeFill.tsx
+++ b/src/hailer/theme/icons/HailerBirdsEyeFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerBirdsEyeFill = createIcon({
+    displayName: 'HailerBirdsEyeFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M17.2649 13.1104C17.4618 13.5981 17.6541 14.0671 17.837 14.536C18.1793 15.427 18.32 16.3602 18.395 17.3028C18.4701 18.2125 18.5216 19.1269 18.5685 20.0367C18.5826 20.2899 18.5873 20.5572 18.5451 20.8057C18.4513 21.331 18.0808 21.6686 17.5509 21.7061C17.0867 21.7389 16.613 21.7389 16.1441 21.7249C15.2062 21.692 14.6904 20.9183 15.0233 20.0414C15.2437 19.4646 15.5063 18.9065 15.7502 18.3391C15.7643 18.3016 15.7783 18.2688 15.7971 18.2313C15.9847 17.7717 15.9143 17.6076 15.4688 17.4059C14.6107 17.012 13.7478 16.6322 12.9037 16.2101C12.1112 15.8115 11.3046 15.4223 10.634 14.8221C9.46169 13.7763 8.78172 12.4492 8.5238 10.9205C8.37374 10.0295 8.34092 9.11972 8.28933 8.21467C8.19086 6.5171 7.32801 5.37288 5.80864 4.68354C4.7629 4.20991 3.6515 3.96606 2.53073 3.74097C2.15558 3.66594 1.78043 3.60028 1.40527 3.52056C1.09577 3.45491 0.983229 3.3283 1.00199 3.09852C1.02074 2.87811 1.1708 2.75619 1.47562 2.75619C2.87306 2.7515 4.2752 2.7515 5.67264 2.7515C6.0009 2.7515 6.32916 2.73743 6.65742 2.75619C7.35145 2.79371 8.00797 2.71867 8.64573 2.37635C9.15219 2.10436 9.72429 2.02464 10.3058 2.0856C10.9576 2.15126 11.4547 2.46076 11.8017 3.01411C12.5708 4.24273 13.3305 5.48074 14.0948 6.71405C14.1417 6.78439 14.1839 6.85943 14.2355 6.95322C14.3152 6.91101 14.3903 6.87818 14.4606 6.84067C17.1383 5.29316 19.8112 3.74566 22.4889 2.19815C22.5358 2.17001 22.5827 2.14188 22.6296 2.11843C22.9531 1.97306 23.2814 1.93085 23.5815 2.17001C23.8723 2.39979 23.9192 2.71868 23.8347 3.061C23.5065 4.43031 23.122 5.77617 22.5592 7.07045C21.9965 8.37411 21.3259 9.61211 20.3599 10.6719C19.5205 11.5957 18.5591 12.3507 17.4759 12.9697C17.4243 13.0166 17.3587 13.0588 17.2649 13.1104ZM10.0526 5.3635C10.3902 5.35881 10.6387 5.08683 10.6294 4.73043C10.62 4.40217 10.3667 4.15832 10.0432 4.16301C9.69616 4.1677 9.43824 4.435 9.44762 4.77733C9.45231 5.1009 9.7243 5.3635 10.0526 5.3635Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerBubble.tsx
+++ b/src/hailer/theme/icons/HailerBubble.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerBubble = createIcon({
+    displayName: 'HailerBubble',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M15.59 12.26C18.4232 12.26 20.72 9.96323 20.72 7.13C20.72 4.29678 18.4232 2 15.59 2C12.7567 2 10.46 4.29678 10.46 7.13C10.46 9.96323 12.7567 12.26 15.59 12.26Z" stroke="currentColor" strokeWidth="1.5" strokeMiterlimit="10" fill='none'/>,
+        <path d="M6.36002 19.44C8.06105 19.44 9.44003 18.0611 9.44003 16.36C9.44003 14.659 8.06105 13.28 6.36002 13.28C4.65898 13.28 3.28003 14.659 3.28003 16.36C3.28003 18.0611 4.65898 19.44 6.36002 19.44Z" stroke="currentColor" strokeWidth="1.5" strokeMiterlimit="10" fill='none'/>,
+        <path d="M16.6201 22C18.0339 22 19.1801 20.8539 19.1801 19.44C19.1801 18.0262 18.0339 16.88 16.6201 16.88C15.2062 16.88 14.0601 18.0262 14.0601 19.44C14.0601 20.8539 15.2062 22 16.6201 22Z" stroke="currentColor" strokeWidth="1.5" strokeMiterlimit="10" fill='none'/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerBubbleFill.tsx
+++ b/src/hailer/theme/icons/HailerBubbleFill.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerBubbleFill = createIcon({
+    displayName: 'HailerBubbleFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M15.59 1.75C12.62 1.75 10.21 4.16 10.21 7.13C10.21 10.1 12.62 12.51 15.59 12.51C18.56 12.51 20.97 10.1 20.97 7.13C20.97 4.16 18.56 1.75 15.59 1.75Z" fill="currentColor"/>,
+        <path d="M6.36003 13.03C4.53003 13.03 3.03003 14.52 3.03003 16.36C3.03003 18.2 4.52003 19.69 6.36003 19.69C8.19003 19.69 9.69003 18.2 9.69003 16.36C9.69003 14.52 8.19003 13.03 6.36003 13.03Z" fill="currentColor"/>,
+        <path d="M16.6201 16.62C15.0701 16.62 13.8101 17.88 13.8101 19.43C13.8101 20.98 15.0701 22.24 16.6201 22.24C18.1701 22.24 19.4301 20.98 19.4301 19.43C19.4301 17.88 18.1701 16.62 16.6201 16.62Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerCalendar.tsx
+++ b/src/hailer/theme/icons/HailerCalendar.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerCalendar = createIcon({
+    displayName: 'HailerCalendar',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M7.75 1C7.33579 1 7 1.33579 7 1.75L7 2.58972C4.23858 2.58972 2 4.8283 2 7.58972V9.16553V17.5C2 20.2614 4.23858 22.5 7 22.5H16.5C19.2614 22.5 21.5 20.2614 21.5 17.5V7.58972C21.5 4.84264 19.2846 2.61298 16.543 2.5899V1.75C16.543 1.33579 16.2072 1 15.793 1C15.3788 1 15.043 1.33579 15.043 1.75V2.58972H8.5V1.75C8.5 1.33579 8.16421 1 7.75 1ZM15.043 4.08972H8.5V5.04C8.5 5.45421 8.16421 5.79 7.75 5.79C7.33579 5.79 7 5.45421 7 5.04L7 4.08972C5.067 4.08972 3.5 5.65673 3.5 7.58972V8.41553H20V7.58972C20 5.67107 18.4562 4.113 16.543 4.08998V5.04C16.543 5.45421 16.2072 5.79 15.793 5.79C15.3788 5.79 15.043 5.45421 15.043 5.04V4.08972ZM3.5 17.5V9.91553H20V17.5C20 19.433 18.433 21 16.5 21H7C5.067 21 3.5 19.433 3.5 17.5ZM8.07422 16.946C8.07422 17.3603 7.73843 17.696 7.32422 17.696C6.91001 17.696 6.57422 17.3603 6.57422 16.946C6.57422 16.5318 6.91001 16.196 7.32422 16.196C7.73843 16.196 8.07422 16.5318 8.07422 16.946ZM7.3125 13.823C7.72671 13.823 8.0625 13.4872 8.0625 13.073C8.0625 12.6588 7.72671 12.323 7.3125 12.323C6.89829 12.323 6.5625 12.6588 6.5625 13.073C6.5625 13.4872 6.89829 13.823 7.3125 13.823ZM12.5 16.9487C12.5 17.3629 12.1642 17.6987 11.75 17.6987C11.3358 17.6987 11 17.3629 11 16.9487C11 16.5345 11.3358 16.1987 11.75 16.1987C12.1642 16.1987 12.5 16.5345 12.5 16.9487ZM11.7422 13.8077C12.1564 13.8077 12.4922 13.472 12.4922 13.0577C12.4922 12.6435 12.1564 12.3077 11.7422 12.3077C11.328 12.3077 10.9922 12.6435 10.9922 13.0577C10.9922 13.472 11.328 13.8077 11.7422 13.8077ZM16.9414 16.946C16.9414 17.3603 16.6056 17.696 16.1914 17.696C15.7772 17.696 15.4414 17.3603 15.4414 16.946C15.4414 16.5318 15.7772 16.196 16.1914 16.196C16.6056 16.196 16.9414 16.5318 16.9414 16.946ZM16.1992 13.819C16.6134 13.819 16.9492 13.4832 16.9492 13.069C16.9492 12.6548 16.6134 12.319 16.1992 12.319C15.785 12.319 15.4492 12.6548 15.4492 13.069C15.4492 13.4832 15.785 13.819 16.1992 13.819Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerCalendarFill.tsx
+++ b/src/hailer/theme/icons/HailerCalendarFill.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerCalendarFill = createIcon({
+    displayName: 'HailerCalendarFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M20.8256 10.7522C21.3445 10.7522 21.5016 10.9064 21.5016 11.4169C21.5016 13.4245 21.5081 15.4326 21.4992 17.4403C21.4941 18.6591 21.2241 19.8108 20.4778 20.8078C19.6664 21.892 18.548 22.4611 17.2369 22.6795C16.8597 22.7431 16.478 22.7762 16.0955 22.7784C13.1344 22.785 10.1728 22.8 7.21172 22.7709C5.77641 22.7569 4.47469 22.3148 3.43969 21.2653C2.62501 20.4375 2.21298 19.4137 2.07001 18.2766C2.02787 17.9203 2.00767 17.5618 2.00954 17.2031C2.00391 15.2812 2.00673 13.3594 2.00673 11.4375C2.00673 10.8951 2.14735 10.7531 2.68313 10.7531L20.8256 10.7522ZM7.30641 16.8553C7.20693 16.8555 7.10849 16.8755 7.01689 16.9143C6.92529 16.9531 6.84238 17.0098 6.77305 17.0812C6.70373 17.1525 6.64938 17.237 6.61322 17.3297C6.57706 17.4224 6.55981 17.5213 6.5625 17.6208C6.56858 17.8172 6.64974 18.0037 6.78928 18.142C6.92881 18.2803 7.11608 18.3599 7.3125 18.3642C7.4122 18.364 7.51088 18.3442 7.60289 18.3058C7.69491 18.2674 7.77845 18.2113 7.84872 18.1406C7.919 18.0698 7.97464 17.986 8.01245 17.8937C8.05026 17.8015 8.0695 17.7027 8.06907 17.603C8.06947 17.5034 8.04991 17.4048 8.01154 17.3129C7.97316 17.221 7.91676 17.1378 7.84566 17.068C7.77456 16.9983 7.6902 16.9436 7.59758 16.9071C7.50496 16.8705 7.40595 16.8529 7.30641 16.8553ZM11.7736 16.8553C11.6761 16.8527 11.579 16.8693 11.4879 16.9042C11.3968 16.9391 11.3135 16.9917 11.2427 17.0588C11.1719 17.1259 11.1151 17.2063 11.0754 17.2954C11.0357 17.3845 11.014 17.4806 11.0114 17.5781C11.0065 17.6785 11.0216 17.7789 11.0559 17.8733C11.0903 17.9678 11.1431 18.0544 11.2114 18.1282C11.2796 18.202 11.3619 18.2614 11.4534 18.3029C11.545 18.3445 11.6438 18.3674 11.7443 18.3702C11.8448 18.373 11.9448 18.3558 12.0385 18.3195C12.1322 18.2832 12.2178 18.2285 12.2901 18.1587C12.3624 18.0889 12.42 18.0054 12.4597 17.913C12.4993 17.8206 12.5201 17.7213 12.5208 17.6208C12.5228 17.5212 12.505 17.4223 12.4685 17.3297C12.4319 17.2371 12.3772 17.1527 12.3076 17.0814C12.2381 17.0102 12.155 16.9535 12.0634 16.9147C11.9717 16.8758 11.8732 16.8557 11.7736 16.8553ZM8.07047 13.7226C8.07184 13.625 8.0539 13.528 8.01768 13.4372C7.98147 13.3465 7.9277 13.2638 7.85946 13.1939C7.79121 13.124 7.70984 13.0683 7.62 13.0299C7.53016 12.9915 7.43363 12.9713 7.33594 12.9703C6.90188 12.9628 6.56766 13.2792 6.56063 13.7039C6.55896 13.905 6.63622 14.0988 6.77584 14.2436C6.91546 14.3884 7.10629 14.4726 7.30735 14.4783C7.40716 14.4791 7.50614 14.4601 7.5986 14.4225C7.69106 14.3849 7.77517 14.3294 7.8461 14.2592C7.91702 14.189 7.97336 14.1054 8.01186 14.0133C8.05037 13.9213 8.07029 13.8225 8.07047 13.7226ZM16.2023 12.9703C16.1025 12.9679 16.0033 12.9858 15.9106 13.0229C15.8179 13.0601 15.7337 13.1156 15.6631 13.1862C15.5925 13.2568 15.5369 13.341 15.4998 13.4337C15.4627 13.5264 15.4448 13.6256 15.4472 13.7255C15.4472 13.9265 15.527 14.1193 15.6692 14.2614C15.8113 14.4036 16.0041 14.4834 16.2052 14.4834C16.4062 14.4834 16.599 14.4036 16.7411 14.2614C16.8833 14.1193 16.9631 13.9265 16.9631 13.7255C16.9633 13.6258 16.9437 13.527 16.9055 13.4349C16.8673 13.3429 16.8111 13.2593 16.7404 13.1891C16.6696 13.1188 16.5856 13.0633 16.4933 13.0258C16.4009 12.9882 16.302 12.9694 16.2023 12.9703ZM11.7684 12.9703C11.6689 12.9677 11.5699 12.9853 11.4773 13.0219C11.3848 13.0586 11.3006 13.1137 11.2298 13.1837C11.1591 13.2538 11.1033 13.3375 11.0658 13.4297C11.0282 13.5219 11.0097 13.6208 11.0114 13.7203C11.0151 13.9174 11.0957 14.1052 11.236 14.2437C11.3763 14.3821 11.5651 14.4602 11.7622 14.4613C11.9593 14.4624 12.149 14.3864 12.2909 14.2495C12.4327 14.1127 12.5154 13.9258 12.5213 13.7287C12.5229 13.6292 12.5047 13.5302 12.4675 13.4378C12.4304 13.3454 12.3751 13.2614 12.3049 13.1907C12.2347 13.12 12.1511 13.0641 12.059 13.0262C11.9668 12.9884 11.868 12.9694 11.7684 12.9703ZM16.2009 16.8548C16.1013 16.8543 16.0026 16.8735 15.9106 16.9115C15.8185 16.9495 15.7349 17.0055 15.6647 17.0761C15.5945 17.1468 15.539 17.2307 15.5016 17.323C15.4642 17.4153 15.4455 17.5141 15.4467 17.6137C15.4472 17.8149 15.5276 18.0076 15.6702 18.1495C15.8128 18.2914 16.0059 18.3708 16.207 18.3703C16.4082 18.3698 16.6009 18.2894 16.7428 18.1468C16.8847 18.0043 16.9641 17.8111 16.9636 17.61C16.9687 17.2031 16.62 16.8553 16.2009 16.8548Z" fill="currentColor"/>,
+        <path d="M2.73563 9.24094C2.64938 9.24094 2.5636 9.24094 2.47782 9.23672C2.20407 9.21656 2.02313 9.04922 2.01235 8.77453C1.9697 7.7025 2.06954 6.65156 2.53595 5.66625C3.11954 4.43437 4.08282 3.63046 5.36438 3.19874C5.70938 3.08249 5.99157 3.29249 5.99626 3.66749C6.00282 4.26093 5.99626 4.85484 5.99626 5.44875C5.99626 6.3314 6.64267 6.99562 7.4986 7.00078C8.3447 7.005 9.00142 6.33047 9.00376 5.45109C9.00376 4.78687 9.00376 4.12312 9.00376 3.4589C9.00376 3.06187 9.19126 2.87109 9.59157 2.87015C10.8653 2.86827 12.1389 2.86827 13.4124 2.87015C13.8108 2.87015 13.995 3.05765 13.9964 3.46406C13.9988 4.14374 13.9875 4.82343 14.0002 5.50312C14.0133 6.21797 14.446 6.76875 15.1144 6.94922C15.7524 7.12359 16.4377 6.87328 16.771 6.28593C16.9071 6.03339 16.9849 5.75358 16.9988 5.46703C17.032 4.84406 17.0072 4.21781 17.01 3.59202C17.01 3.14577 17.2444 2.96109 17.6714 3.05577C19.7288 3.5114 21.1833 5.10937 21.4219 7.19531C21.4767 7.67484 21.487 8.16047 21.4992 8.64375C21.5096 9.06562 21.3239 9.24 20.9006 9.24C18.705 9.24 16.5095 9.24 14.3142 9.24L2.73563 9.24094Z" fill="currentColor"/>,
+        <path d="M16.2497 3.42187C16.2497 3.96046 16.2558 4.49999 16.2474 5.03765C16.2417 5.42015 16.0331 5.68218 15.6849 5.77781C15.5332 5.82004 15.3718 5.81074 15.2259 5.75135C15.0801 5.69197 14.9581 5.58587 14.8791 5.44968C14.8082 5.3202 14.7699 5.1754 14.7675 5.02781C14.7588 3.95062 14.7577 2.87343 14.7642 1.79624C14.7671 1.34203 15.0764 1.02656 15.4983 1.02374C15.9333 1.02093 16.245 1.33874 16.2483 1.80421C16.2544 2.34374 16.2497 2.88234 16.2497 3.42187Z" fill="currentColor"/>,
+        <path d="M6.75469 3.38671C6.75469 2.86359 6.75469 2.34046 6.75469 1.81734C6.75469 1.33499 7.06032 1.00453 7.50047 1.00124C7.9336 0.997963 8.24625 1.33593 8.24719 1.81546C8.24907 2.86984 8.24907 3.92406 8.24719 4.97812C8.24719 5.44687 7.94532 5.77499 7.51407 5.77874C7.07157 5.78437 6.7575 5.45671 6.75516 4.98187C6.75282 4.4489 6.75469 3.91781 6.75469 3.38671Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerChangeTheme.tsx
+++ b/src/hailer/theme/icons/HailerChangeTheme.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerChangeTheme = createIcon({
+    displayName: 'HailerChangeTheme',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M6.6634 6.16352C8.21127 4.61564 10.3107 3.74622 12.4998 3.74622C14.689 3.74622 16.7884 4.61564 18.3363 6.16352C19.4551 7.28232 20.2194 8.68927 20.5572 10.21C20.4359 10.2043 20.3145 10.2009 20.1931 10.1998L20.1916 10.1998C17.4274 10.1802 14.7936 11.3741 12.9865 13.4659C11.4026 15.2992 10.5934 17.6605 10.7009 20.0554C9.18362 19.7166 7.78 18.953 6.6634 17.8364C5.11552 16.2885 4.24609 14.1891 4.24609 12C4.24609 9.81084 5.11552 7.71139 6.6634 6.16352ZM11.522 21.7046C11.8455 21.7372 12.1718 21.7537 12.4998 21.7537C15.0867 21.7537 17.5677 20.7263 19.3969 18.8971C21.2262 17.0678 22.2536 14.5868 22.2536 12C22.2536 9.41311 21.2262 6.93211 19.3969 5.10286C17.5677 3.27361 15.0867 2.24622 12.4998 2.24622C9.91299 2.24622 7.43199 3.27361 5.60274 5.10286C3.77349 6.93211 2.74609 9.41311 2.74609 12C2.74609 14.5868 3.77349 17.0678 5.60274 18.8971C7.17168 20.466 9.22009 21.4451 11.4035 21.692C11.4422 21.6993 11.4818 21.7036 11.522 21.7046ZM12.2154 20.2488C12.0515 18.1462 12.7321 16.0548 14.1215 14.4465C15.6412 12.6875 17.8558 11.6835 20.1802 11.6998C20.3701 11.7015 20.5598 11.7098 20.749 11.7248C20.7521 11.8163 20.7536 11.9081 20.7536 12C20.7536 14.1891 19.8842 16.2885 18.3363 17.8364C16.7884 19.3843 14.689 20.2537 12.4998 20.2537C12.4048 20.2537 12.31 20.2521 12.2154 20.2488ZM10.4091 8.29878C10.416 8.29859 10.4229 8.2985 10.4298 8.2985C10.9763 8.2985 11.4204 8.73676 11.4298 9.28098C11.4299 9.28686 11.43 9.29276 11.43 9.29867C11.43 9.85101 10.9822 10.2988 10.4299 10.2988C9.87755 10.2988 9.42979 9.85101 9.42979 9.29867C9.42979 8.75329 9.86634 8.30986 10.4091 8.29878Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerChangeThemeFill.tsx
+++ b/src/hailer/theme/icons/HailerChangeThemeFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerChangeThemeFill = createIcon({
+    displayName: 'HailerChangeThemeFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M21.4494 8.06575C19.6522 4.31904 16.6466 2.44778 12.5464 2.25325C12.5032 2.25325 12.4597 2.25297 12.4164 2.25269C12.3112 2.25202 12.2063 2.25134 12.1044 2.25466C11.9712 2.25999 11.8379 2.27289 11.7047 2.28579L11.6825 2.28794C9.18546 2.52325 7.05171 3.54138 5.37593 5.40232C3.10671 7.92185 2.28828 10.9017 3.07203 14.2031C3.9289 17.8129 6.21734 20.1839 9.74562 21.3333C10.3522 21.5306 10.7619 21.1931 10.7839 20.5518L10.7853 20.5114C10.8054 19.9406 10.8257 19.3662 10.9086 18.8025C11.2995 16.1287 12.507 13.8806 14.5152 12.0797C16.2861 10.4911 18.3664 9.56013 20.7336 9.31919C21.4747 9.24372 21.7386 8.66903 21.4494 8.06575ZM9.90954 8.45695C10.0756 8.34749 10.2704 8.28966 10.4694 8.29075C10.7373 8.29372 10.9931 8.40272 11.1809 8.59389C11.3686 8.78506 11.473 9.04282 11.4711 9.31075C11.4686 9.50967 11.4072 9.70339 11.2948 9.86749C11.1824 10.0316 11.0238 10.1587 10.8392 10.2329C10.6546 10.307 10.4522 10.3248 10.2575 10.2841C10.0628 10.2433 9.8845 10.1458 9.74511 10.0039C9.60572 9.86198 9.51148 9.68196 9.47426 9.48654C9.43705 9.29112 9.45853 9.08906 9.53599 8.90583C9.61345 8.7226 9.74343 8.56641 9.90954 8.45695ZM20.1641 10.9214C15.6988 11.7047 12.3097 15.7406 12.2797 20.2926C12.2829 20.3657 12.2856 20.4389 12.2884 20.5121C12.2946 20.6807 12.3008 20.8493 12.3139 21.0173C12.3439 21.465 12.6805 21.7669 13.1295 21.7284C13.5336 21.7015 13.9357 21.6506 14.3337 21.5761C17.6169 20.894 19.9859 19.0322 21.4095 15.9933C22.0658 14.5851 22.3372 13.0865 22.2533 11.5308C22.2247 11.0044 21.9205 10.7367 21.3927 10.7747C20.9809 10.8027 20.5708 10.8516 20.1641 10.9214Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerChevron.tsx
+++ b/src/hailer/theme/icons/HailerChevron.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerChevron = createIcon({
+    displayName: 'HailerChevron',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M8 10L12 14L16 10" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerCloseMenu.tsx
+++ b/src/hailer/theme/icons/HailerCloseMenu.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerCloseMenu = createIcon({
+    displayName: 'HailerCloseMenu',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M21.5024 7.75C21.5024 7.33579 21.1667 7 20.7524 7H9.75244C9.33823 7 9.00244 7.33579 9.00244 7.75C9.00244 8.16421 9.33823 8.5 9.75244 8.5H20.7524C21.1667 8.5 21.5024 8.16421 21.5024 7.75Z" fill="currentColor"/>,
+        <path d="M20.7524 11.5004C21.1667 11.5004 21.5024 11.8362 21.5024 12.2504C21.5024 12.6646 21.1667 13.0004 20.7524 13.0004H9.75244C9.33823 13.0004 9.00244 12.6646 9.00244 12.2504C9.00244 11.8362 9.33823 11.5004 9.75244 11.5004H20.7524Z" fill="currentColor"/>,
+        <path d="M20.7524 16.0007C21.1667 16.0007 21.5024 16.3365 21.5024 16.7507C21.5024 17.1649 21.1667 17.5007 20.7524 17.5007H9.75244C9.33823 17.5007 9.00244 17.1649 9.00244 16.7507C9.00244 16.3365 9.33823 16.0007 9.75244 16.0007H20.7524Z" fill="currentColor"/>,
+        <path d="M6.28033 13.2213C6.57322 13.5142 6.57322 13.9891 6.28033 14.282C5.98744 14.5748 5.51256 14.5748 5.21967 14.282L2.21967 11.282C1.92678 10.9891 1.92678 10.5142 2.21967 10.2213L5.21967 7.22129C5.51256 6.9284 5.98744 6.9284 6.28033 7.22129C6.57322 7.51418 6.57322 7.98906 6.28033 8.28195L3.81066 10.7516L6.28033 13.2213Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerCollapseView.tsx
+++ b/src/hailer/theme/icons/HailerCollapseView.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerCollapseView = createIcon({
+    displayName: 'HailerCollapseView',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M19.3847 8.64741C19.7989 8.64741 20.1347 8.31162 20.1347 7.89741C20.1347 7.48319 19.7989 7.14741 19.3847 7.14741H17.7437C17.2512 7.14741 16.8527 6.74884 16.8527 6.25638V4.61536C16.8527 4.20114 16.5169 3.86536 16.1027 3.86536C15.6884 3.86536 15.3527 4.20114 15.3527 4.61536V6.25638C15.3527 7.57726 16.4228 8.64741 17.7437 8.64741H19.3847ZM7.14753 19.3846C7.14753 19.7988 7.48332 20.1346 7.89753 20.1346C8.31174 20.1346 8.64753 19.7988 8.64753 19.3846V17.7436C8.64753 16.4227 7.57738 15.3525 6.2565 15.3525H4.61548C4.20127 15.3525 3.86548 15.6883 3.86548 16.1025C3.86548 16.5168 4.20127 16.8525 4.61548 16.8525H6.2565C6.74896 16.8525 7.14753 17.2511 7.14753 17.7436V19.3846ZM8.64753 6.25638C8.64753 7.57726 7.57738 8.64741 6.2565 8.64741H4.61548C4.20127 8.64741 3.86548 8.31162 3.86548 7.89741C3.86548 7.48319 4.20127 7.14741 4.61548 7.14741H6.2565C6.74896 7.14741 7.14753 6.74884 7.14753 6.25638V4.61536C7.14753 4.20114 7.48332 3.86536 7.89753 3.86536C8.31174 3.86536 8.64753 4.20114 8.64753 4.61536V6.25638ZM15.3527 19.3846C15.3527 19.7988 15.6884 20.1346 16.1027 20.1346C16.5169 20.1346 16.8527 19.7988 16.8527 19.3846V17.7436C16.8527 17.2511 17.2512 16.8525 17.7437 16.8525H19.3847C19.7989 16.8525 20.1347 16.5168 20.1347 16.1025C20.1347 15.6883 19.7989 15.3525 19.3847 15.3525H17.7437C16.4228 15.3525 15.3527 16.4227 15.3527 17.7436V19.3846Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerCopy.tsx
+++ b/src/hailer/theme/icons/HailerCopy.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerCopy = createIcon({
+    displayName: 'HailerCopy',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M3.74622 5.9975C3.74622 4.75417 4.75413 3.74625 5.99747 3.74625H14.0008C15.2441 3.74625 16.252 4.75417 16.252 5.9975V6.24791H9.99789C7.92683 6.24791 6.24789 7.92685 6.24789 9.99791V16.2521H5.99747C4.75413 16.2521 3.74622 15.2442 3.74622 14.0008V5.9975ZM6.24789 17.7521H5.99747C3.92571 17.7521 2.24622 16.0726 2.24622 14.0008V5.9975C2.24622 3.92574 3.92571 2.24625 5.99747 2.24625H14.0008C16.0726 2.24625 17.752 3.92574 17.752 5.9975V6.24791H18.0037C20.0748 6.24791 21.7537 7.92684 21.7537 9.99791V18.0037C21.7537 20.0748 20.0748 21.7537 18.0037 21.7537H9.9979C7.92683 21.7537 6.24789 20.0748 6.24789 18.0037V17.7521ZM17.002 7.74791L9.99789 7.74791C8.75525 7.74791 7.74789 8.75527 7.74789 9.99791V18.0037C7.74789 19.2464 8.75525 20.2537 9.9979 20.2537H18.0037C19.2464 20.2537 20.2537 19.2464 20.2537 18.0037V9.99791C20.2537 8.75527 19.2464 7.74791 18.0037 7.74791L17.002 7.74791Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerCopyFill.tsx
+++ b/src/hailer/theme/icons/HailerCopyFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerCopyFill = createIcon({
+    displayName: 'HailerCopyFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M2.29506 5.60812V8.97609C2.29506 9.33048 2.29298 9.68496 2.2909 10.0395C2.28621 10.8389 2.28152 11.6385 2.30068 12.4373C2.33209 13.7447 2.95365 14.7033 4.09506 15.352C4.6885 15.6895 5.30537 15.2709 5.29272 14.617C5.27171 13.5306 5.27585 12.4435 5.27999 11.3563C5.28167 10.9152 5.28334 10.4741 5.28334 10.0331C5.28428 7.33031 7.38194 5.23218 10.0862 5.23218H14.648C15.4126 5.23218 15.7552 4.66547 15.3802 4.00312C14.7287 2.8575 13.7377 2.25515 12.4177 2.24812C10.837 2.23925 9.25611 2.24121 7.67529 2.24317C7.00264 2.24401 6.33 2.24484 5.65741 2.24484C3.75662 2.24578 2.29506 3.70687 2.29506 5.60812ZM22.0032 15.7361C22.0013 15.3145 21.9994 14.8929 21.9994 14.4712C21.9996 14.052 22.0021 13.6326 22.0047 13.2132C22.0105 12.2604 22.0163 11.3077 21.9938 10.3566C21.9469 8.47031 20.4151 6.99562 18.5251 6.99047C15.8501 6.98203 13.175 6.98203 10.5 6.99047C9.58431 6.99404 8.70701 7.35904 8.059 8.00609C7.41099 8.65314 7.04468 9.52989 7.03974 10.4456C7.03852 10.7948 7.03718 11.144 7.03583 11.4932C7.02682 13.8265 7.01782 16.1596 7.04677 18.4927C7.06552 19.9969 7.82208 21.0764 9.20302 21.6802C9.55161 21.836 9.92757 21.9214 10.3093 21.9314C13.0936 21.953 15.878 21.9684 18.6619 21.9356C20.483 21.9164 21.9601 20.407 21.9943 18.5883C22.0118 17.6377 22.0075 16.6869 22.0032 15.7361Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerCountry.tsx
+++ b/src/hailer/theme/icons/HailerCountry.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerCountry = createIcon({
+    displayName: 'HailerCountry',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M3.95092 7.96098L7.99992 11L9.00492 9.00498L12.9999 7.99998L14.1819 3.27298M14.9999 17L15.9999 15L13.0519 13.019L11.1089 12.895L9.99992 14L11.9999 17H14.9999ZM12.8129 3.03498C7.18892 2.54598 2.54592 7.18898 3.03492 12.813C3.40692 17.092 6.90692 20.592 11.1859 20.964C16.8099 21.453 21.4529 16.811 20.9639 11.186C20.5919 6.90798 17.0919 3.40798 12.8129 3.03498Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDataset.tsx
+++ b/src/hailer/theme/icons/HailerDataset.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDataset = createIcon({
+    displayName: 'HailerDataset',
+    viewBox: '0 0 33 39',
+    path: [
+        <path d="m16.5 0.0019531c-3.9042 0-7.7993 0.57997-10.883 1.8477-1.5418 0.63384-2.8934 1.4423-3.918 2.5254-1.0245 1.0831-1.6992 2.5028-1.6992 4.0645v22.121c0 1.5617 0.6747 2.9814 1.6992 4.0645 1.0245 1.0831 2.3762 1.8916 3.918 2.5254 3.0835 1.2677 6.9786 1.8477 10.883 1.8477s7.7993-0.57998 10.883-1.8477c1.5418-0.63384 2.8934-1.4423 3.918-2.5254s1.6992-2.5028 1.6992-4.0645v-22.121c0-1.5617-0.6747-2.9814-1.6992-4.0645s-2.3762-1.8915-3.918-2.5254c-3.0835-1.2677-6.9786-1.8477-10.883-1.8477zm0 3c3.5958 0 7.2007 0.57823 9.7422 1.623 1.2707 0.52241 2.2628 1.1592 2.8789 1.8105 0.6161 0.65131 0.87891 1.2531 0.87891 2.0039s-0.2628 1.3545-0.87891 2.0059c-0.6161 0.65131-1.6082 1.2881-2.8789 1.8105-2.5415 1.0448-6.1464 1.6211-9.7422 1.6211s-7.2007-0.57628-9.7422-1.6211c-1.2707-0.52241-2.2628-1.1592-2.8789-1.8105-0.6161-0.65131-0.87891-1.255-0.87891-2.0059s0.2628-1.3526 0.87891-2.0039c0.6161-0.65131 1.6082-1.2881 2.8789-1.8105 2.5415-1.0448 6.1464-1.623 9.7422-1.623zm-13.5 10.559c0.78757 0.56464 1.6433 1.0703 2.6172 1.4707 3.0835 1.2677 6.9786 1.8457 10.883 1.8457s7.7993-0.57802 10.883-1.8457c0.97385-0.40036 1.8296-0.90606 2.6172-1.4707v2.2285c0 0.75084-0.2628 1.3546-0.87891 2.0059s-1.6082 1.2881-2.8789 1.8105c-2.5415 1.0448-6.1464 1.6211-9.7422 1.6211s-7.2007-0.57628-9.7422-1.6211c-1.2707-0.52241-2.2628-1.1592-2.8789-1.8105-0.6161-0.65131-0.87891-1.255-0.87891-2.0059v-2.2285zm0 7.3945c0.78067 0.55573 1.6552 1.0303 2.6172 1.4258 3.0835 1.2677 6.9786 1.8457 10.883 1.8457s7.7993-0.57802 10.883-1.8457c0.96198-0.39548 1.8365-0.87005 2.6172-1.4258v2.1855c0 0.75084-0.2628 1.3526-0.87891 2.0039s-1.6082 1.2881-2.8789 1.8105c-2.5415 1.0448-6.1464 1.623-9.7422 1.623s-7.2007-0.57823-9.7422-1.623c-1.2707-0.52241-2.2628-1.1592-2.8789-1.8105-0.6161-0.65131-0.87891-1.2531-0.87891-2.0039v-2.1855zm0 7.3496c0.78067 0.55573 1.6552 1.0303 2.6172 1.4258 3.0835 1.2677 6.9786 1.8477 10.883 1.8477s7.7993-0.57998 10.883-1.8477c0.96198-0.39548 1.8365-0.87005 2.6172-1.4258v2.2559c0 0.75084-0.2628 1.3526-0.87891 2.0039s-1.6082 1.2881-2.8789 1.8105c-2.5415 1.0448-6.1464 1.623-9.7422 1.623s-7.2007-0.57823-9.7422-1.623c-1.2707-0.52241-2.2628-1.1592-2.8789-1.8105-0.6161-0.65131-0.87891-1.2531-0.87891-2.0039v-2.2559z" fill='currentColor'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDev.tsx
+++ b/src/hailer/theme/icons/HailerDev.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDev = createIcon({
+    displayName: 'HailerDev',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M13.5 14.6216L6.69995 21.4216C5.79995 22.3216 4.39995 22.3216 3.49995 21.4216V21.4216C2.59995 20.5216 2.59995 19.1216 3.49995 18.2216L10.3 11.4216C9.49995 9.42157 9.99995 7.12157 11.6 5.52157C13.3 3.82157 15.8 3.52157 17.8 4.32157C17.9 4.32157 17.9 4.42157 17.8 4.52157L14.2 8.12157L15.5 9.42157L16.8 10.7216V10.7216L20.5 7.12157C20.5 7.12157 20.6 7.12157 20.7 7.12157C21.7 9.12157 21.2 11.6216 19.5 13.3216C17.8 14.9216 15.5 15.3216 13.5 14.6216Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDevFill.tsx
+++ b/src/hailer/theme/icons/HailerDevFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDevFill = createIcon({
+    displayName: 'HailerDevFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M13.5 14.6216L6.69995 21.4216C5.79995 22.3216 4.39995 22.3216 3.49995 21.4216C2.59995 20.5216 2.59995 19.1216 3.49995 18.2216L10.3 11.4216C9.49995 9.42157 9.99995 7.12157 11.6 5.52157C13.3 3.82157 15.8 3.52157 17.8 4.32157C17.9 4.32157 17.9 4.42157 17.8 4.52157L14.2 8.12157L15.5 9.42157L16.8 10.7216L20.5 7.12157C20.5 7.12157 20.6 7.12157 20.7 7.12157C21.7 9.12157 21.2 11.6216 19.5 13.3216C17.8 14.9216 15.5 15.3216 13.5 14.6216Z" fill="currentColor" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDiscussion.tsx
+++ b/src/hailer/theme/icons/HailerDiscussion.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDiscussion = createIcon({
+    displayName: 'HailerDiscussion',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M11.7462 2C16.5008 2.02016 20.5587 5.44391 21.3476 10.1389C21.3963 10.4652 21.5518 10.7663 21.7897 10.9948C23.4866 12.7198 23.9741 15.4864 22.9747 17.7411C22.7872 18.163 22.7469 18.5408 22.917 18.9744C23.0366 19.2706 23.1019 19.5859 23.1097 19.9053C23.1148 20.7725 22.3681 21.3083 21.4691 21.1062C21.1972 21.037 20.9291 20.9541 20.6656 20.8578C20.5597 20.8192 20.4472 20.8019 20.3345 20.807C20.2219 20.8121 20.1114 20.8394 20.0094 20.8873C19.3662 21.177 18.7016 21.3927 17.9937 21.4719C16.9815 21.5906 15.9555 21.4666 15.0008 21.11C14.8723 21.0651 14.7334 21.0597 14.6019 21.0945C12.2703 21.7783 9.99093 21.6377 7.76374 20.6727C7.70656 20.6478 7.64656 20.6258 7.59124 20.5995C7.00109 20.2887 6.41046 20.2864 5.78702 20.525C5.35296 20.6909 4.8964 20.8395 4.43749 20.8892C3.19765 21.0228 2.38531 20.1059 2.64124 18.8825C2.74296 18.3964 2.90984 17.9225 3.0664 17.4491C3.20702 17.0211 3.20421 16.6105 3.02187 16.1956C2.61921 15.2797 2.26484 14.3455 2.12093 13.3489C1.68687 10.3428 2.41484 7.65734 4.40937 5.35484C5.99609 3.52391 8.01874 2.4575 10.415 2.11156C10.8561 2.04688 11.3028 2.03516 11.7462 2ZM13.0442 19.9531C10.903 17.6736 10.3934 15.1719 11.7139 12.3594C13.5889 9.26891 16.287 8.44391 19.663 9.45312C19.6484 9.40016 19.6334 9.33969 19.6161 9.28063C19.1736 7.88938 18.4109 6.7025 17.3459 5.70453C14.8709 3.38375 11.0426 2.84516 8.01781 4.39672C4.0414 6.44 2.39281 11.1495 4.24109 15.2183C4.69062 16.2064 4.80359 17.187 4.39249 18.208C4.2772 18.5044 4.18459 18.8092 4.11546 19.1197C4.04562 19.4192 4.09671 19.4736 4.39062 19.3972C4.81999 19.2861 5.24234 19.1459 5.66421 19.0077C6.34952 18.7831 7.02827 18.7761 7.70327 19.0442C7.90624 19.1248 8.11296 19.197 8.31265 19.2866C9.36685 19.7687 10.512 20.0194 11.6712 20.022C12.117 20.0216 12.5642 19.977 13.0442 19.9531ZM21.553 19.5716C21.5061 19.4277 21.4798 19.3302 21.4442 19.2359C21.328 18.9448 21.2733 18.6328 21.2837 18.3196C21.294 18.0063 21.3691 17.6986 21.5042 17.4158C21.5511 17.3164 21.5895 17.2147 21.6317 17.1139C21.9536 16.363 22.0708 15.5403 21.9716 14.7294C21.5773 11.4481 18.1278 9.5661 15.1466 11.0014C12.1653 12.4367 11.5569 16.5556 14.0253 18.7592C15.5591 20.1284 17.3155 20.3877 19.2064 19.5969C19.9025 19.3058 20.5784 19.1961 21.29 19.4947C21.3575 19.5237 21.4334 19.5378 21.553 19.5716Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDiscussionFill.tsx
+++ b/src/hailer/theme/icons/HailerDiscussionFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDiscussionFill = createIcon({
+    displayName: 'HailerDiscussionFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M19.5729 6.45223C17.6763 3.55817 14.9801 2.09801 11.5357 2.00426C11.4659 2.00426 11.396 2.00319 11.3263 2.00212C11.1699 1.99973 11.0142 1.99735 10.8611 2.00707C10.6202 2.02207 10.3797 2.05395 10.1402 2.08957C7.90099 2.42051 5.97489 3.39504 4.49786 5.10036C1.82224 8.19129 1.3127 11.6704 2.88958 15.4391C3.18255 16.1446 3.28708 16.8149 2.98333 17.54C2.83422 17.9089 2.72317 18.2919 2.65193 18.6833C2.44193 19.7666 3.23318 20.5522 4.31693 20.3394C4.6999 20.2658 5.07525 20.1569 5.43817 20.0141C6.12442 19.7399 6.77786 19.7469 7.44911 20.0718C8.18752 20.427 8.97175 20.6779 9.77927 20.8171C9.78848 20.8187 9.79773 20.8204 9.80701 20.822C9.95739 20.8489 10.1166 20.8773 10.2658 20.8588C11.0027 20.766 11.3233 19.9794 10.9418 19.2716C9.53927 16.6691 9.50083 14.0389 10.9193 11.4435C12.3752 8.77957 15.3527 7.27629 18.4713 8.01082C18.9274 8.11864 19.3549 7.95879 19.6038 7.58895C19.8616 7.20692 19.8194 6.82723 19.5729 6.45223ZM23.2937 17.6371C23.6444 16.8936 23.7841 16.0954 23.7958 15.2732C23.7915 15.1989 23.7878 15.1245 23.784 15.0501C23.7803 14.9765 23.7765 14.9029 23.7723 14.8293C23.5342 11.3853 20.3898 8.83956 16.9755 9.32285C12.7497 9.91957 10.4491 14.5869 12.6161 18.2633C13.9028 20.4468 15.888 21.4119 18.423 21.2244C19.1495 21.1705 19.8292 20.9361 20.4855 20.6432C20.6132 20.5853 20.7512 20.5532 20.8914 20.5487C21.0316 20.5442 21.1713 20.5674 21.3025 20.6169C21.3377 20.6289 21.373 20.641 21.4083 20.6531C21.6462 20.7348 21.8854 20.817 22.1303 20.8668C22.9426 21.0322 23.5366 20.4505 23.3959 19.6344C23.3684 19.4335 23.3153 19.2369 23.238 19.0494C23.0125 18.5633 23.0702 18.1124 23.2937 17.6371Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDislike.tsx
+++ b/src/hailer/theme/icons/HailerDislike.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDislike = createIcon({
+    displayName: 'HailerDislike',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M18.797 6.379C17.946 5.546 16.817 5 15.494 5C13.775 5 12.651 5.853 12 6.603C11.348 5.853 10.224 5 8.506 5C5.512 5 3.5 7.794 3.5 10.4C3.5 12.792 5.217 14.983 7.106 16.669M20.302 8.967C20.431 9.439 20.5 9.922 20.5 10.4C20.5 15.678 12.151 20 12 20C11.948 20 10.903 19.472 9.571 18.574M3.5 20L21.5 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDislikeFill.tsx
+++ b/src/hailer/theme/icons/HailerDislikeFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDislikeFill = createIcon({
+    displayName: 'HailerDislikeFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M21.9558 5.46235C22.1452 5.29313 22.2591 5.09157 22.2474 4.70297C22.2338 4.50563 22.0903 4.26094 21.7889 4.12219C21.4655 3.9736 21.1721 4.04344 20.9147 4.27078C20.1769 4.92703 19.4397 5.58328 18.7032 6.23953L5.53832 17.9827C4.68488 18.7452 3.83082 19.507 2.97613 20.2683C2.73426 20.4839 2.61379 20.7445 2.69113 21.0684C2.83879 21.6863 3.52879 21.8897 4.01816 21.4552C5.63004 20.0227 7.24051 18.5891 8.84957 17.1544C12.0496 14.3013 15.2491 11.4475 18.4482 8.59313C19.6169 7.54907 20.7861 6.50547 21.9558 5.46235ZM11.9779 5.49092C12.51 5.03858 13.0926 4.68561 13.7526 4.47092C14.8687 4.10811 15.9867 4.10998 17.107 4.4578C17.4042 4.55155 17.6226 4.72358 17.6915 5.03436C17.7614 5.35264 17.6367 5.60155 17.3925 5.81811C13.6931 9.10311 9.99573 12.3906 6.30042 15.6806C5.81808 16.1095 5.42058 16.0837 5.00433 15.5897C4.02979 14.4333 3.24557 13.1742 2.90479 11.6765C2.24854 8.79514 3.87323 5.58842 6.58073 4.56186C8.44401 3.85545 10.2084 4.13108 11.804 5.35498C11.8492 5.38906 11.8934 5.42407 11.9434 5.4636L11.9434 5.4636L11.9779 5.49092ZM21.1997 10.3575C21.1838 11.7933 20.6911 13.0725 19.9284 14.2594C18.7908 16.0298 17.2716 17.4347 15.5719 18.6399C14.8916 19.1226 14.1772 19.5571 13.4627 19.9917L13.4626 19.9918C13.1461 20.1843 12.8296 20.3768 12.5161 20.5734C12.1481 20.8045 11.782 20.7853 11.4141 20.5683C11.2077 20.4465 11.0003 20.3263 10.7929 20.2061L10.7929 20.2061L10.7928 20.206C10.3943 19.9751 9.99587 19.7442 9.6047 19.5019C9.0422 19.1541 9.0136 18.6174 9.51095 18.1734C10.7813 17.0428 12.0514 15.915 13.3214 14.79C15.4814 12.8694 17.6409 10.9475 19.8 9.02437C20.047 8.80453 20.3156 8.69953 20.6344 8.81859C20.9531 8.93765 21.1031 9.18656 21.127 9.52171C21.1396 9.6868 21.1546 9.85206 21.1696 10.0176L21.1696 10.0178L21.1696 10.0179C21.1799 10.131 21.1902 10.2442 21.1997 10.3575Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocArchive.tsx
+++ b/src/hailer/theme/icons/HailerDocArchive.tsx
@ -0,0 +1,9 @@
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocArchive = createIcon({
+    displayName: 'HailerDocArchive',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 4.48315V11.6888C3.99937 14.1141 3.99937 16.54 4.00188 18.9666C4.00188 20.4122 5.01203 21.4528 6.43938 21.4566C10.0034 21.4647 13.5667 21.4647 17.1292 21.4566C18.5519 21.4533 19.5705 20.4474 19.5752 19.028C19.5831 16.5801 19.5815 14.1324 19.5798 11.6847C19.5791 10.67 19.5784 9.65525 19.5784 8.64049C19.5784 8.32596 19.5203 8.27111 19.2086 8.27111C18.8025 8.27081 18.3966 8.27095 17.9908 8.27108H17.9908H17.9907H17.9907H17.9907H17.9907H17.9906H17.9906H17.9906H17.9906H17.9905C17.1342 8.27137 16.2779 8.27165 15.4192 8.26783C15.2246 8.26861 15.0305 8.2461 14.8413 8.2008C13.8977 7.96221 13.3136 7.17377 13.3098 6.1383C13.308 5.30136 13.3086 4.46442 13.3092 3.62763V3.62677V3.62667V3.62657V3.62646V3.62636V3.62626V3.62616V3.62605V3.62595V3.62585V3.62574C13.3095 3.2076 13.3098 2.78949 13.3098 2.37143C13.3098 2.05268 13.2583 2.00158 12.9447 2.00158C10.7534 1.99877 8.56235 1.99971 6.37141 2.0044C6.17692 2.00554 5.9833 2.03041 5.79484 2.07846C4.69094 2.35971 4.00188 3.28362 4.00188 4.48315ZM15.4403 6.76174H17.2169C17.401 6.76174 17.5852 6.76207 17.7694 6.7624H17.7696H17.7697H17.7699H17.77H17.7702H17.7703H17.7704H17.7706H17.7707H17.7709C18.2098 6.76318 18.649 6.76396 19.0891 6.76033C19.3849 6.75565 19.4964 6.58737 19.3478 6.33377C19.2088 6.08278 19.0389 5.85019 18.842 5.64143C18.0114 4.80768 17.1717 3.98377 16.323 3.16971C15.9999 2.85579 15.6553 2.56477 15.2917 2.29877C15.0053 2.09299 14.823 2.21392 14.823 2.57111C14.8202 3.7633 14.8202 4.95565 14.823 6.14815C14.8239 6.57424 15.0147 6.76174 15.4403 6.76174ZM7 8.75C7 8.40482 7.27982 8.125 7.625 8.125H9V6.875H7.625C7.27982 6.875 7 6.59518 7 6.25C7 5.90482 7.27982 5.625 7.625 5.625H9V4.25H8C7.44772 4.25 7 3.80228 7 3.25V3H9H9.5H10V4.375H11.375C11.7202 4.375 12 4.65482 12 5C12 5.34518 11.7202 5.625 11.375 5.625H10V6.875H11.375C11.7202 6.875 12 7.15482 12 7.5C12 7.84518 11.7202 8.125 11.375 8.125H10.125C10.0827 8.125 10.0409 8.12237 10 8.11726V9H11.25C11.5952 9 11.875 9.27982 11.875 9.625C11.875 9.97018 11.5952 10.25 11.25 10.25H10C9.49005 10.25 9.06925 9.86829 9.00774 9.375H7.625C7.27982 9.375 7 9.09518 7 8.75ZM10.5 13.9112C10.5 14.4435 10.0523 14.875 9.5 14.875C8.94772 14.875 8.5 14.4435 8.5 13.9112C8.5 13.79 8.52324 13.6739 8.56566 13.567H8.55261L8.875 12.6027V11.875C8.875 11.5298 9.15482 11.25 9.5 11.25C9.84518 11.25 10.125 11.5298 10.125 11.875V12.67L10.2251 12.9647L10.4129 13.5171C10.4689 13.6374 10.5 13.7708 10.5 13.9112ZM9.0614 13.9284C9.0614 13.8464 9.08474 13.7699 9.12526 13.7047H9.87474C9.91525 13.7699 9.93859 13.8464 9.93859 13.9284C9.93859 14.166 9.74223 14.3586 9.5 14.3586C9.25777 14.3586 9.0614 14.166 9.0614 13.9284Z" fill="#B8BBC2"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocCode.tsx
+++ b/src/hailer/theme/icons/HailerDocCode.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocCode = createIcon({
+    displayName: 'HailerDocCode',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 11.6888V4.48315C4.00188 3.28362 4.69094 2.35971 5.79484 2.07846C5.9833 2.03041 6.17692 2.00554 6.37141 2.0044C8.56235 1.99971 10.7534 1.99877 12.9447 2.00158C13.2583 2.00158 13.3098 2.05268 13.3098 2.37143C13.3098 2.78979 13.3095 3.20821 13.3092 3.62667V3.62677V3.62763C13.3086 4.46442 13.308 5.30136 13.3098 6.1383C13.3136 7.17377 13.8977 7.96221 14.8413 8.2008C15.0305 8.2461 15.2246 8.26861 15.4192 8.26783C16.2779 8.27165 17.1343 8.27137 17.9908 8.27108H17.9908C18.3966 8.27095 18.8025 8.27081 19.2086 8.27111C19.5203 8.27111 19.5784 8.32596 19.5784 8.64049C19.5784 9.65525 19.5791 10.67 19.5798 11.6847C19.5815 14.1324 19.5831 16.5801 19.5752 19.028C19.5705 20.4474 18.5519 21.4533 17.1292 21.4566C13.5667 21.4647 10.0034 21.4647 6.43938 21.4566C5.01203 21.4528 4.00188 20.4122 4.00188 18.9666C3.99938 16.54 3.99938 14.1141 4.00188 11.6888ZM17.2169 6.76174H15.4403C15.0147 6.76174 14.8239 6.57424 14.823 6.14815C14.8202 4.95565 14.8202 3.7633 14.823 2.57111C14.823 2.21392 15.0053 2.09299 15.2917 2.29877C15.6553 2.56477 15.9999 2.85579 16.323 3.16971C17.1717 3.98377 18.0114 4.80768 18.842 5.64143C19.0389 5.85019 19.2088 6.08278 19.3478 6.33377C19.4964 6.58737 19.3849 6.75565 19.0891 6.76033C18.649 6.76396 18.2098 6.76318 17.7709 6.7624H17.7707C17.5861 6.76207 17.4015 6.76174 17.2169 6.76174ZM6.91522 13.3008V13.8121L9.34419 14.9343V14.304L7.63787 13.5719V13.541L9.34419 12.8089V12.1786L6.91522 13.3008ZM11.6955 15.5469L12.8674 11.1932H12.3045L11.1326 15.5469H11.6955ZM14.6545 14.9343L17.0835 13.8121V13.3008L14.6545 12.1786V12.8089L16.3608 13.541V13.5719L14.6545 14.304V14.9343Z" fill="#4C71A0"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocDocument.tsx
+++ b/src/hailer/theme/icons/HailerDocDocument.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocDocument = createIcon({
+    displayName: 'HailerDocDocument',
+    viewBox: '0 0 24 24',
+    path: [
+      <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 11.6888V4.48315C4.00188 3.28362 4.69094 2.35971 5.79484 2.07846C5.9833 2.03041 6.17692 2.00554 6.37141 2.0044C8.56235 1.99971 10.7534 1.99877 12.9447 2.00158C13.2583 2.00158 13.3098 2.05268 13.3098 2.37143C13.3098 2.78979 13.3095 3.20821 13.3092 3.62667V3.62677V3.62763C13.3086 4.46442 13.308 5.30136 13.3098 6.1383C13.3136 7.17377 13.8977 7.96221 14.8413 8.2008C15.0305 8.2461 15.2246 8.26861 15.4192 8.26783C16.2779 8.27165 17.1343 8.27137 17.9908 8.27108H17.9908C18.3966 8.27095 18.8025 8.27081 19.2086 8.27111C19.5203 8.27111 19.5784 8.32596 19.5784 8.64049C19.5784 9.65525 19.5791 10.67 19.5798 11.6847C19.5815 14.1324 19.5831 16.5801 19.5752 19.028C19.5705 20.4474 18.5519 21.4533 17.1292 21.4566C13.5667 21.4647 10.0034 21.4647 6.43938 21.4566C5.01203 21.4528 4.00188 20.4122 4.00188 18.9666C3.99938 16.54 3.99938 14.1141 4.00188 11.6888ZM17.2169 6.76174H15.4403C15.0147 6.76174 14.8239 6.57424 14.823 6.14815C14.8202 4.95565 14.8202 3.7633 14.823 2.57111C14.823 2.21392 15.0053 2.09299 15.2917 2.29877C15.6553 2.56477 15.9999 2.85579 16.323 3.16971C17.1717 3.98377 18.0114 4.80768 18.842 5.64143C19.0389 5.85019 19.2088 6.08278 19.3478 6.33377C19.4964 6.58737 19.3849 6.75565 19.0891 6.76033C18.649 6.76396 18.2098 6.76318 17.7709 6.7624H17.7707C17.5861 6.76207 17.4015 6.76174 17.2169 6.76174ZM7.3333 10.5016C7.19523 10.5016 7.0833 10.6136 7.0833 10.7516C7.0833 10.8897 7.19523 11.0016 7.3333 11.0016H14.3362C14.4743 11.0016 14.5862 10.8897 14.5862 10.7516C14.5862 10.6136 14.4743 10.5016 14.3362 10.5016H7.3333ZM7.91859 11.999C7.45835 11.999 7.08526 12.3721 7.08526 12.8323V13.9999C7.08526 14.4602 7.45835 14.8333 7.91859 14.8333H16.0891C16.5494 14.8333 16.9225 14.4602 16.9225 13.9999V12.8323C16.9225 12.3721 16.5494 11.999 16.0891 11.999H7.91859ZM7.58526 12.8323C7.58526 12.6482 7.7345 12.499 7.91859 12.499H16.0891C16.2732 12.499 16.4225 12.6482 16.4225 12.8323V13.9999C16.4225 14.184 16.2732 14.3333 16.0891 14.3333H7.91859C7.7345 14.3333 7.58526 14.184 7.58526 13.9999V12.8323ZM7.3333 16.0317C7.19523 16.0317 7.0833 16.1437 7.0833 16.2817C7.0833 16.4198 7.19523 16.5317 7.3333 16.5317H16.0869C16.225 16.5317 16.3369 16.4198 16.3369 16.2817C16.3369 16.1437 16.225 16.0317 16.0869 16.0317H7.3333ZM7.33526 17.9554C7.19719 17.9554 7.08526 18.0673 7.08526 18.2054C7.08526 18.3434 7.19719 18.4554 7.33526 18.4554H11.4203C11.5584 18.4554 11.6703 18.3434 11.6703 18.2054C11.6703 18.0673 11.5584 17.9554 11.4203 17.9554H7.33526Z" fill="#005ABA"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocImage.tsx
+++ b/src/hailer/theme/icons/HailerDocImage.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocImage = createIcon({
+    displayName: 'HailerDocImage',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 11.6888V4.48315C4.00188 3.28362 4.69094 2.35971 5.79484 2.07846C5.9833 2.03041 6.17692 2.00554 6.37141 2.0044C8.56235 1.99971 10.7534 1.99877 12.9447 2.00158C13.2583 2.00158 13.3098 2.05268 13.3098 2.37143C13.3098 2.78979 13.3095 3.20821 13.3092 3.62667V3.62677V3.62763C13.3086 4.46442 13.308 5.30136 13.3098 6.1383C13.3136 7.17377 13.8977 7.96221 14.8413 8.2008C15.0305 8.2461 15.2246 8.26861 15.4192 8.26783C16.2779 8.27165 17.1343 8.27137 17.9908 8.27108H17.9908C18.3966 8.27095 18.8025 8.27081 19.2086 8.27111C19.5203 8.27111 19.5784 8.32596 19.5784 8.64049C19.5784 9.65525 19.5791 10.67 19.5798 11.6847C19.5815 14.1324 19.5831 16.5801 19.5752 19.028C19.5705 20.4474 18.5519 21.4533 17.1292 21.4566C13.5667 21.4647 10.0034 21.4647 6.43938 21.4566C5.01203 21.4528 4.00188 20.4122 4.00188 18.9666C3.99938 16.54 3.99938 14.1141 4.00188 11.6888ZM17.2169 6.76174H15.4403C15.0147 6.76174 14.8239 6.57424 14.823 6.14815C14.8202 4.95565 14.8202 3.7633 14.823 2.57111C14.823 2.21392 15.0053 2.09299 15.2917 2.29877C15.6553 2.56477 15.9999 2.85579 16.323 3.16971C17.1717 3.98377 18.0114 4.80768 18.842 5.64143C19.0389 5.85019 19.2088 6.08278 19.3478 6.33377C19.4964 6.58737 19.3849 6.75565 19.0891 6.76033C18.649 6.76396 18.2098 6.76318 17.7709 6.7624H17.7707C17.5861 6.76207 17.4015 6.76174 17.2169 6.76174ZM9.5 11.8333C9.5 11.511 9.76099 11.25 10.0833 11.25H15.5C15.8223 11.25 16.0833 11.511 16.0833 11.8333V14.9936L15.0787 14.1898L15.0787 14.1898C14.7912 13.9597 14.3715 14.0065 14.1415 14.2938L14.1414 14.2938L13.0698 15.6334L13.0698 15.6334C13.0123 15.7051 12.9075 15.717 12.8352 15.6592L12.2941 15.2264L12.2941 15.2264C12.0108 14.9998 11.598 15.0411 11.3654 15.3204L11.3654 15.3204L9.97463 16.9899C9.70429 16.939 9.5 16.7019 9.5 16.4167V11.8333ZM16.5833 11.8333V15.5118V15.516V16.4167C16.5833 17.0152 16.0985 17.5 15.5 17.5H10.0833C9.48485 17.5 9 17.0152 9 16.4167V11.8333C9 11.2348 9.48485 10.75 10.0833 10.75H15.5C16.0985 10.75 16.5833 11.2348 16.5833 11.8333ZM14.7663 14.5802L16.0833 15.6339V16.4167C16.0833 16.739 15.8223 17 15.5 17H10.617L11.7496 15.6404L11.7496 15.6404C11.8078 15.5705 11.9109 15.5602 11.9817 15.6169L11.9818 15.6169L12.523 16.0498L12.5232 16.0499C12.8108 16.2797 13.2301 16.2332 13.4602 15.9458L13.4602 15.9458L14.5318 14.6062L14.5319 14.6062C14.5894 14.5344 14.6946 14.5228 14.7663 14.5802L14.7663 14.5802ZM11.0885 12.769C11.2622 12.5953 11.5436 12.5953 11.7173 12.769C11.8909 12.9426 11.8909 13.2241 11.7173 13.3977C11.5436 13.5713 11.2621 13.5713 11.0885 13.3977C10.9149 13.2241 10.9149 12.9426 11.0885 12.769ZM12.0708 12.4154C11.7019 12.0465 11.1039 12.0465 10.735 12.4154C10.3661 12.7843 10.3661 13.3824 10.735 13.7513C11.1039 14.1201 11.7019 14.1201 12.0708 13.7513C12.4397 13.3824 12.4397 12.7843 12.0708 12.4154ZM8.25 13.2496C8.25 13.1115 8.13807 12.9996 8 12.9996C7.86193 12.9996 7.75 13.1115 7.75 13.2496V17.6667C7.75 18.2652 8.23485 18.75 8.83333 18.75H13.8317C13.9697 18.75 14.0817 18.6381 14.0817 18.5C14.0817 18.3619 13.9697 18.25 13.8317 18.25H8.83333C8.51099 18.25 8.25 17.989 8.25 17.6667V13.2496Z" fill="#E33C64"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocMusic.tsx
+++ b/src/hailer/theme/icons/HailerDocMusic.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocMusic = createIcon({
+    displayName: 'HailerDocMusic',
+    viewBox: '0 0 24 24',
+    path: [
+      <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 11.6888V4.48315C4.00188 3.28362 4.69094 2.35971 5.79484 2.07846C5.9833 2.03041 6.17692 2.00554 6.37141 2.0044C8.56235 1.99971 10.7534 1.99877 12.9447 2.00158C13.2583 2.00158 13.3098 2.05268 13.3098 2.37143C13.3098 2.78979 13.3095 3.20821 13.3092 3.62667V3.62677V3.62763C13.3086 4.46442 13.308 5.30136 13.3098 6.1383C13.3136 7.17377 13.8977 7.96221 14.8413 8.2008C15.0305 8.2461 15.2246 8.26861 15.4192 8.26783C16.2779 8.27165 17.1343 8.27137 17.9908 8.27108H17.9908C18.3966 8.27095 18.8025 8.27081 19.2086 8.27111C19.5203 8.27111 19.5784 8.32596 19.5784 8.64049C19.5784 9.65525 19.5791 10.67 19.5798 11.6847C19.5815 14.1324 19.5831 16.5801 19.5752 19.028C19.5705 20.4474 18.5519 21.4533 17.1292 21.4566C13.5667 21.4647 10.0034 21.4647 6.43938 21.4566C5.01203 21.4528 4.00188 20.4122 4.00188 18.9666C3.99938 16.54 3.99938 14.1141 4.00188 11.6888ZM17.2169 6.76174H15.4403C15.0147 6.76174 14.8239 6.57424 14.823 6.14815C14.8202 4.95565 14.8202 3.7633 14.823 2.57111C14.823 2.21392 15.0053 2.09299 15.2917 2.29877C15.6553 2.56477 15.9999 2.85579 16.323 3.16971C17.1717 3.98377 18.0114 4.80768 18.842 5.64143C19.0389 5.85019 19.2088 6.08278 19.3478 6.33377C19.4964 6.58737 19.3849 6.75565 19.0891 6.76033C18.649 6.76396 18.2098 6.76318 17.7709 6.7624H17.7707C17.5861 6.76207 17.4015 6.76174 17.2169 6.76174ZM9.85404 11.259L9.8 16.5795C9.79142 16.6437 9.82671 16.6621 9.84576 16.672C9.85009 16.6743 9.85359 16.6761 9.85553 16.6779C9.85965 16.6818 9.86376 16.6841 9.86833 16.6867C9.87545 16.6908 9.88368 16.6954 9.89474 16.7074C10.0675 16.9441 10.1579 17.216 10.1579 17.5241C10.1579 18.3392 9.45098 19 8.57895 19C7.70692 19 7 18.3392 7 17.5241C7 16.7194 7.69079 16.0648 8.54737 16.0482L8.58489 16.0482C8.62699 16.0482 8.7112 16.0285 8.72173 15.9596L8.70526 10.3611C8.70526 10.263 8.9105 10.2137 9.03603 10.205L15.3393 9.00614C15.5328 8.96933 15.7139 9.10257 15.7243 9.28393C15.7256 9.29249 15.7263 9.30086 15.7263 9.30895L15.6677 15.0832C15.6597 15.1428 15.6925 15.1599 15.7102 15.1691C15.7142 15.1712 15.7174 15.1729 15.7192 15.1746C15.7231 15.1782 15.7269 15.1803 15.7311 15.1828C15.7377 15.1865 15.7454 15.1909 15.7556 15.202C15.9161 15.4218 16 15.6742 16 15.9603C16 16.7172 15.3436 17.3308 14.5338 17.3308C13.7241 17.3308 13.0677 16.7172 13.0677 15.9603C13.0677 15.2132 13.7091 14.6053 14.5045 14.5899L14.5394 14.5899C14.5785 14.5899 14.6566 14.5716 14.6664 14.5076L14.6541 10.3344L9.85404 11.259Z" fill="#E33C64"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocPdf.tsx
+++ b/src/hailer/theme/icons/HailerDocPdf.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocPdf = createIcon({
+    displayName: 'HailerDocPdf',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 11.6888V4.48315C4.00188 3.28362 4.69094 2.35971 5.79484 2.07846C5.9833 2.03041 6.17692 2.00554 6.37141 2.0044C8.56235 1.99971 10.7534 1.99877 12.9447 2.00158C13.2583 2.00158 13.3098 2.05268 13.3098 2.37143C13.3098 2.78979 13.3095 3.20821 13.3092 3.62667V3.62677V3.62763C13.3086 4.46442 13.308 5.30136 13.3098 6.1383C13.3136 7.17377 13.8977 7.96221 14.8413 8.2008C15.0305 8.2461 15.2246 8.26861 15.4192 8.26783C16.2779 8.27165 17.1343 8.27137 17.9908 8.27108H17.9908C18.3966 8.27095 18.8025 8.27081 19.2086 8.27111C19.5203 8.27111 19.5784 8.32596 19.5784 8.64049C19.5784 9.65525 19.5791 10.67 19.5798 11.6847C19.5815 14.1324 19.5831 16.5801 19.5752 19.028C19.5705 20.4474 18.5519 21.4533 17.1292 21.4566C13.5667 21.4647 10.0034 21.4647 6.43938 21.4566C5.01203 21.4528 4.00188 20.4122 4.00188 18.9666C3.99938 16.54 3.99938 14.1141 4.00188 11.6888ZM17.2169 6.76174H15.4403C15.0147 6.76174 14.8239 6.57424 14.823 6.14815C14.8202 4.95565 14.8202 3.7633 14.823 2.57111C14.823 2.21392 15.0053 2.09299 15.2917 2.29877C15.6553 2.56477 15.9999 2.85579 16.323 3.16971C17.1717 3.98377 18.0114 4.80768 18.842 5.64143C19.0389 5.85019 19.2088 6.08278 19.3478 6.33377C19.4964 6.58737 19.3849 6.75565 19.0891 6.76033C18.649 6.76396 18.2098 6.76318 17.7709 6.7624H17.7707C17.5861 6.76207 17.4015 6.76174 17.2169 6.76174ZM10.2841 9.411C10.2501 9.14278 10.0766 8.85222 10.0446 8.82029C9.96481 8.74047 9.81793 8.74366 9.7413 8.82029C9.67318 8.88841 9.55291 9.0438 9.62955 9.55468C9.6442 9.65323 9.6622 9.7668 9.68193 9.89121L9.68196 9.89145L9.68198 9.89156L9.68199 9.8916C9.78837 10.5625 9.94469 11.5485 9.89442 12.1948C9.78373 13.6295 9.51553 14.7151 9.01742 15.7497C8.70663 16.401 8.58543 16.5628 8.17673 16.6948C6.61429 17.1886 6.30882 17.4095 5.81391 18.1279C5.81391 18.1279 5.62232 18.4153 5.81391 18.7346C5.9576 18.9261 6.51638 19.0858 6.8197 18.99C7.42638 18.6867 7.716 18.4732 8.59182 17.3137C8.67643 17.2098 8.73788 17.1264 8.78777 17.0586C8.94499 16.8451 8.98746 16.7874 9.27832 16.7389C9.38675 16.7209 9.54122 16.6934 9.72457 16.6608L9.72486 16.6607C10.4323 16.5349 11.5693 16.3327 12.1508 16.2989C12.8831 16.2563 13.3866 16.6304 13.9401 17.154C15.6803 18.99 17.4132 18.4588 17.2129 17.3775C17.1389 16.9777 16.8038 16.8251 16.2842 16.5885C16.2437 16.57 16.202 16.551 16.1592 16.5314C16.0267 16.4933 15.8971 16.4548 15.7682 16.4164L15.7682 16.4164L15.7682 16.4164C15.1091 16.2203 14.4685 16.0297 13.5569 15.9407C13.4037 15.9237 13.2015 15.847 13.1418 15.813C13.0226 15.7534 12.6404 15.4644 12.287 15.0046C11.2823 13.7147 10.5523 11.4673 10.2841 9.411ZM10.5737 13.036C10.8997 13.8868 11.493 14.9153 12.0144 15.5422C12.0206 15.5496 12.0261 15.5573 12.031 15.5656C12.0972 15.6758 12.0334 15.8182 11.9072 15.8422L11.832 15.8565C11.4195 15.8831 10.2288 16.0755 9.72807 16.1583C9.61577 16.1769 9.51722 16.0816 9.53226 15.9688C9.53335 15.9607 9.53503 15.9526 9.53728 15.9447L9.67082 15.4773C9.70725 15.3498 9.74735 15.2239 9.7889 15.098C9.93319 14.6606 10.2777 13.5588 10.3313 12.8551C10.3374 12.7753 10.4431 12.7593 10.475 12.8072L10.4812 12.8164C10.486 12.8236 10.4893 12.8284 10.4921 12.8334C10.4979 12.8435 10.5021 12.8544 10.5148 12.8871C10.5259 12.9156 10.5433 12.9607 10.5737 13.036ZM13.8446 16.4776C13.8446 16.4427 13.8446 16.3694 13.8947 16.336C13.9823 16.2743 14.0137 16.2807 14.2123 16.3212C14.2742 16.3338 14.3523 16.3497 14.4534 16.3679C15.505 16.6591 16.2043 16.8847 16.6545 17.17C16.8461 17.3137 16.878 17.5052 16.7822 17.717C16.5438 18.0491 16.0499 18.0704 15.4411 17.7766C14.8451 17.4871 13.8446 16.667 13.8446 16.4797V16.4776ZM8.25911 17.207C8.04135 17.5451 7.79951 17.807 7.44775 18.1411C6.9871 18.5775 6.75894 18.7024 6.50349 18.7024C6.33179 18.7024 6.10444 18.6004 6.08769 18.4825C6.03743 18.1759 6.79446 17.5712 7.95027 17.0719C8.35035 16.8991 8.30518 17.1362 8.25911 17.207Z" fill="#E42B00"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocPresentation.tsx
+++ b/src/hailer/theme/icons/HailerDocPresentation.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocPresentation = createIcon({
+    displayName: 'HailerDocPresentation',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 4.48315V11.6888C3.99938 14.1141 3.99938 16.54 4.00188 18.9666C4.00188 20.4122 5.01203 21.4528 6.43938 21.4566C10.0034 21.4647 13.5667 21.4647 17.1292 21.4566C18.5519 21.4533 19.5705 20.4474 19.5752 19.028C19.5831 16.5801 19.5815 14.1324 19.5798 11.6847C19.5791 10.67 19.5784 9.65525 19.5784 8.64049C19.5784 8.32596 19.5203 8.27111 19.2086 8.27111C18.8025 8.27081 18.3966 8.27095 17.9908 8.27108H17.9908H17.9907C17.1343 8.27137 16.2779 8.27165 15.4192 8.26783C15.2246 8.26861 15.0305 8.2461 14.8413 8.2008C13.8977 7.96221 13.3136 7.17377 13.3098 6.1383C13.308 5.30136 13.3086 4.46442 13.3092 3.62763V3.62677V3.62667V3.62657C13.3095 3.20815 13.3098 2.78976 13.3098 2.37143C13.3098 2.05268 13.2583 2.00158 12.9447 2.00158C10.7534 1.99877 8.56235 1.99971 6.37141 2.0044C6.17692 2.00554 5.9833 2.03041 5.79484 2.07846C4.69094 2.35971 4.00188 3.28362 4.00188 4.48315ZM15.4403 6.76174H17.2169C17.4014 6.76174 17.586 6.76207 17.7706 6.7624H17.7707H17.7709C18.2098 6.76318 18.649 6.76396 19.0891 6.76033C19.3849 6.75565 19.4964 6.58737 19.3478 6.33377C19.2088 6.08278 19.0389 5.85019 18.842 5.64143C18.0114 4.80768 17.1717 3.98377 16.323 3.16971C15.9999 2.85579 15.6553 2.56477 15.2917 2.29877C15.0053 2.09299 14.823 2.21392 14.823 2.57111C14.8202 3.7633 14.8202 4.95565 14.823 6.14815C14.8239 6.57424 15.0147 6.76174 15.4403 6.76174ZM15.2569 13.6238C15.2569 14.4819 14.9895 15.3186 14.492 16.0177C13.9944 16.7168 13.2914 17.2435 12.4807 17.5245C11.6699 17.8056 10.7918 17.827 9.9683 17.5859C9.14481 17.3448 8.41692 16.853 7.88582 16.1791C7.35473 15.5051 7.04682 14.6824 7.00493 13.8254C6.96303 12.9684 7.18921 12.1196 7.65203 11.397C8.11485 10.6745 8.79131 10.1141 9.58735 9.79379C10.3834 9.47349 11.2595 9.40918 12.0937 9.60981L11.1284 13.6238H15.2569ZM15.1142 10.5732C15.688 11.3013 16 12.2014 16 13.1284H11.8716L12.8368 9.11444C13.7382 9.33119 14.5404 9.84502 15.1142 10.5732Z" fill="#FFC224"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocSpreadsheet.tsx
+++ b/src/hailer/theme/icons/HailerDocSpreadsheet.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocSpreadsheet = createIcon({
+    displayName: 'HailerDocSpreadsheet',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 4.48315V11.6888C3.99938 14.1141 3.99938 16.54 4.00188 18.9666C4.00188 20.4122 5.01203 21.4528 6.43938 21.4566C10.0034 21.4647 13.5667 21.4647 17.1292 21.4566C18.5519 21.4533 19.5705 20.4474 19.5752 19.028C19.5831 16.5801 19.5815 14.1324 19.5798 11.6847C19.5791 10.67 19.5784 9.65525 19.5784 8.64049C19.5784 8.32596 19.5203 8.27111 19.2086 8.27111C18.8025 8.27081 18.3966 8.27095 17.9908 8.27108H17.9908H17.9907H17.9907H17.9907H17.9907H17.9906C17.1342 8.27137 16.2779 8.27165 15.4192 8.26783C15.2246 8.26861 15.0305 8.2461 14.8413 8.2008C13.8977 7.96221 13.3136 7.17377 13.3098 6.1383C13.308 5.30136 13.3086 4.46442 13.3092 3.62763V3.62677V3.62667V3.62657V3.62646V3.62636V3.62626V3.62616C13.3095 3.20787 13.3098 2.78962 13.3098 2.37143C13.3098 2.05268 13.2583 2.00158 12.9447 2.00158C10.7534 1.99877 8.56235 1.99971 6.37141 2.0044C6.17692 2.00554 5.9833 2.03041 5.79484 2.07846C4.69094 2.35971 4.00188 3.28362 4.00188 4.48315ZM15.4403 6.76174H17.2169C17.4012 6.76174 17.5856 6.76207 17.77 6.7624H17.7702H17.7703H17.7704H17.7706H17.7707H17.7709C18.2098 6.76318 18.649 6.76396 19.0891 6.76033C19.3849 6.75565 19.4964 6.58737 19.3478 6.33377C19.2088 6.08278 19.0389 5.85019 18.842 5.64143C18.0114 4.80768 17.1717 3.98377 16.323 3.16971C15.9999 2.85579 15.6553 2.56477 15.2917 2.29877C15.0053 2.09299 14.823 2.21392 14.823 2.57111C14.8202 3.7633 14.8202 4.95565 14.823 6.14815C14.8239 6.57424 15.0147 6.76174 15.4403 6.76174ZM7 10.3175C7 10.1421 7.14213 10 7.31746 10H10.1429H16.6825C16.8579 10 17 10.1421 17 10.3175V17.2063V17.2698C17 17.3222 16.9873 17.3716 16.9649 17.4151C16.8785 17.6632 16.6426 17.8413 16.3651 17.8413H7.63492C7.35741 17.8413 7.12148 17.6632 7.03513 17.4151C7.01268 17.3716 7 17.3222 7 17.2698V17.2063V10.3175ZM16.3651 15.4762V17.2063H10.4603V15.4762H16.3651ZM16.3651 14.8413V13.0794H10.4603V14.8413H16.3651ZM9.8254 14.8413L9.8254 13.0794H7.63492V14.8413H9.8254ZM7.63492 15.4762V17.2063H9.8254V15.4762H7.63492ZM7.63492 12.4444H9.8254V10.6349H7.63492V12.4444ZM10.4603 12.4444H16.3651V10.6349H10.4603V12.4444Z" fill="#36BA5F"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDocVideo.tsx
+++ b/src/hailer/theme/icons/HailerDocVideo.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDocVideo = createIcon({
+    displayName: 'HailerDocVideo',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.00188 11.6888V4.48315C4.00188 3.28362 4.69094 2.35971 5.79484 2.07846C5.9833 2.03041 6.17692 2.00554 6.37141 2.0044C8.56235 1.99971 10.7534 1.99877 12.9447 2.00158C13.2583 2.00158 13.3098 2.05268 13.3098 2.37143C13.3098 2.78979 13.3095 3.20821 13.3092 3.62667V3.62677V3.62763C13.3086 4.46442 13.308 5.30136 13.3098 6.1383C13.3136 7.17377 13.8977 7.96221 14.8413 8.2008C15.0305 8.2461 15.2246 8.26861 15.4192 8.26783C16.2779 8.27165 17.1343 8.27137 17.9908 8.27108H17.9908C18.3966 8.27095 18.8025 8.27081 19.2086 8.27111C19.5203 8.27111 19.5784 8.32596 19.5784 8.64049C19.5784 9.65525 19.5791 10.67 19.5798 11.6847C19.5815 14.1324 19.5831 16.5801 19.5752 19.028C19.5705 20.4474 18.5519 21.4533 17.1292 21.4566C13.5667 21.4647 10.0034 21.4647 6.43938 21.4566C5.01203 21.4528 4.00188 20.4122 4.00188 18.9666C3.99938 16.54 3.99938 14.1141 4.00188 11.6888ZM17.2169 6.76174H15.4403C15.0147 6.76174 14.8239 6.57424 14.823 6.14815C14.8202 4.95565 14.8202 3.7633 14.823 2.57111C14.823 2.21392 15.0053 2.09299 15.2917 2.29877C15.6553 2.56477 15.9999 2.85579 16.323 3.16971C17.1717 3.98377 18.0114 4.80768 18.842 5.64143C19.0389 5.85019 19.2088 6.08278 19.3478 6.33377C19.4964 6.58737 19.3849 6.75565 19.0891 6.76033C18.649 6.76396 18.2098 6.76318 17.7709 6.7624H17.7707C17.5861 6.76207 17.4015 6.76174 17.2169 6.76174ZM10.8594 10.3131C10.2 9.91588 9.35787 10.3815 9.34361 11.1512L9.24734 16.3464C9.23308 17.1161 10.0574 17.6126 10.731 17.2401L15.2784 14.7258C15.9521 14.3533 15.9699 13.3913 15.3105 12.9941L10.8594 10.3131Z" fill="#E33C64"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDownload.tsx
+++ b/src/hailer/theme/icons/HailerDownload.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDownload = createIcon({
+    displayName: 'HailerDownload',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M12 3.24673C12.4142 3.24673 12.75 3.58252 12.75 3.99673V12.8575L15.0271 10.5804C15.32 10.2875 15.7948 10.2875 16.0877 10.5804C16.3806 10.8733 16.3806 11.3481 16.0877 11.641L12.5353 15.1934C12.5163 15.2128 12.4963 15.2312 12.4753 15.2484C12.3459 15.3545 12.1804 15.4182 12 15.4182C11.9007 15.4182 11.8059 15.3989 11.7192 15.3639C11.6284 15.3272 11.5432 15.2721 11.4696 15.1985L7.91211 11.641C7.61922 11.3481 7.61922 10.8733 7.91211 10.5804C8.20501 10.2875 8.67988 10.2875 8.97277 10.5804L11.25 12.8575V3.99673C11.25 3.58252 11.5858 3.24673 12 3.24673ZM4.74658 16.4458C4.74658 16.0316 4.4108 15.6958 3.99658 15.6958C3.58237 15.6958 3.24658 16.0316 3.24658 16.4458C3.24658 18.8248 5.17511 20.7533 7.55406 20.7533H16.4458C18.8247 20.7533 20.7532 18.8248 20.7532 16.4458C20.7532 16.0316 20.4175 15.6958 20.0032 15.6958C19.589 15.6958 19.2532 16.0316 19.2532 16.4458C19.2532 17.9963 17.9963 19.2533 16.4458 19.2533H7.55406C6.00353 19.2533 4.74658 17.9963 4.74658 16.4458Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDownloadAll.tsx
+++ b/src/hailer/theme/icons/HailerDownloadAll.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDownloadAll = createIcon({
+    displayName: 'HailerDownloadAll',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M12.7499 4.83826C12.7499 4.42404 12.4141 4.08826 11.9999 4.08826C11.5857 4.08826 11.2499 4.42404 11.2499 4.83826V11.5665L8.95824 9.27436C8.66538 8.98143 8.1905 8.98139 7.89758 9.27425C7.60466 9.56711 7.60461 10.042 7.89747 10.3349L11.4689 13.9071C11.6096 14.0477 11.8003 14.1268 11.9992 14.1268C12.1982 14.1268 12.389 14.0478 12.5296 13.9071L16.1018 10.335C16.3947 10.0421 16.3947 9.5672 16.1018 9.2743C15.8089 8.98141 15.334 8.98141 15.0411 9.2743L12.7499 11.5655V4.83826ZM6.28571 15.4832C5.8715 15.4832 5.53571 15.819 5.53571 16.2332C5.53571 16.6474 5.8715 16.9832 6.28571 16.9832H17.7143C18.1285 16.9832 18.4643 16.6474 18.4643 16.2332C18.4643 15.819 18.1285 15.4832 17.7143 15.4832H6.28571ZM5.53564 18.8047C5.53564 18.3905 5.87143 18.0547 6.28564 18.0547H17.7142C18.1284 18.0547 18.4642 18.3905 18.4642 18.8047C18.4642 19.2189 18.1284 19.5547 17.7142 19.5547H6.28564C5.87143 19.5547 5.53564 19.2189 5.53564 18.8047Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDownloadCloud.tsx
+++ b/src/hailer/theme/icons/HailerDownloadCloud.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDownloadCloud = createIcon({
+    displayName: 'HailerDownloadCloud',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M6.27366 8.40427C7.29026 5.96724 9.69057 4.25 12.5 4.25C15.993 4.25 18.8659 6.90253 19.2145 10.3034C21.4988 10.648 23.25 12.6196 23.25 15C23.25 17.6232 21.1232 19.75 18.5 19.75H7.5C4.32479 19.75 1.75 17.1752 1.75 14C1.75 11.2423 3.6937 8.9661 6.27366 8.40427ZM12.5 5.75C10.195 5.75 8.23911 7.23814 7.534 9.30967C7.44247 9.57856 7.20689 9.77268 6.92546 9.81111C4.8475 10.0948 3.25 11.8555 3.25 14C3.25 16.3468 5.15321 18.25 7.5 18.25H18.5C20.2948 18.25 21.75 16.7948 21.75 15C21.75 13.2052 20.2948 11.75 18.5 11.75C18.0858 11.75 17.75 11.4142 17.75 11C17.75 8.10021 15.3998 5.75 12.5 5.75ZM9.80268 12.8027C10.0956 12.5098 10.5704 12.5098 10.8633 12.8027L11.75 13.6893V10.5C11.75 10.0858 12.0858 9.75 12.5 9.75C12.9142 9.75 13.25 10.0858 13.25 10.5V13.6893L14.1367 12.8027C14.4296 12.5098 14.9044 12.5098 15.1973 12.8027C15.4902 13.0956 15.4902 13.5704 15.1973 13.8633L13.0303 16.0303C12.8839 16.1768 12.6919 16.25 12.5 16.25C12.397 16.25 12.2989 16.2292 12.2096 16.1917C12.1293 16.158 12.0537 16.1097 11.9868 16.0469C11.9803 16.0408 11.974 16.0347 11.9677 16.0284L9.80268 13.8633C9.50978 13.5704 9.50978 13.0956 9.80268 12.8027Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDownloadCloudFill.tsx
+++ b/src/hailer/theme/icons/HailerDownloadCloudFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDownloadCloudFill = createIcon({
+    displayName: 'HailerDownloadCloudFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M18.9545 10.9416C19.6281 10.9532 20.2904 11.1176 20.8913 11.4223C22.9401 12.4607 23.8482 15.1205 22.8315 17.1852C22.0142 18.846 20.6682 19.706 18.8102 19.7094C14.9325 19.7161 11.0536 19.7161 7.17352 19.7094C5.79955 19.7121 4.47599 19.192 3.47145 18.2546C2.46692 17.3172 1.85665 16.0327 1.76448 14.6619C1.56883 11.8199 3.372 9.43646 6.16257 8.86585C6.35005 8.82739 6.41927 8.73894 6.48465 8.57742C7.37542 6.37333 8.95698 4.948 11.3034 4.48218C14.1396 3.91878 16.9427 5.35372 18.2401 7.95921C18.6599 8.80644 18.8969 9.73246 18.9357 10.6772C18.9396 10.7589 18.9468 10.8373 18.9545 10.9416ZM11.375 13.6817L11.3207 13.7072C11.0409 13.425 10.764 13.139 10.4794 12.8611C10.1583 12.5482 9.69104 12.551 9.38338 12.8611C9.31188 12.9313 9.25509 13.0151 9.21633 13.1075C9.17756 13.1999 9.15759 13.2991 9.15759 13.3993C9.15759 13.4995 9.17756 13.5987 9.21633 13.6911C9.25509 13.7835 9.31188 13.8672 9.38338 13.9374C10.1256 14.688 10.872 15.4341 11.6226 16.1756C11.7584 16.3153 11.9439 16.3956 12.1387 16.3992C12.3335 16.4028 12.5219 16.3294 12.6628 16.1949C13.432 15.4397 14.2011 14.6821 14.9501 13.9033C15.3525 13.4841 15.1155 12.7938 14.5497 12.6534C14.2612 12.5818 14.0146 12.6717 13.8074 12.8779C13.5276 13.1553 13.2493 13.4346 12.9224 13.761V13.4307C12.9224 12.4554 12.9267 11.48 12.9195 10.5051C12.9219 10.4028 12.9035 10.301 12.8653 10.206C12.8271 10.111 12.7701 10.0248 12.6975 9.95251C12.625 9.88026 12.5386 9.8235 12.4434 9.7857C12.3483 9.74789 12.2465 9.72982 12.1441 9.73258C11.7283 9.73258 11.3976 10.0628 11.3779 10.4969C11.3736 10.5844 11.3779 10.6724 11.3779 10.7604L11.375 13.6817Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerDragReorder.tsx
+++ b/src/hailer/theme/icons/HailerDragReorder.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerDragReorder = createIcon({
+    displayName: 'HailerDragReorder',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M5.49792 9.71365H18.503" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M5.49792 13.5059H18.503" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path fillRule="evenodd" clipRule="evenodd" d="M8.86333 5.28325L11.5292 2.61661C11.7896 2.3568 12.2112 2.3568 12.4717 2.61661L15.1375 5.28325C15.3278 5.47406 15.3847 5.76065 15.2816 6.00969C15.1786 6.25872 14.9358 6.42128 14.6663 6.42175H9.33458C9.06505 6.42128 8.82228 6.25872 8.7192 6.00969C8.61613 5.76065 8.67299 5.47406 8.86333 5.28325Z" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path fillRule="evenodd" clipRule="evenodd" d="M15.1376 17.9365L12.4718 20.6032C12.2114 20.863 11.7898 20.863 11.5293 20.6032L8.86347 17.9365C8.67313 17.7457 8.61627 17.4591 8.71935 17.2101C8.82242 16.9611 9.0652 16.7985 9.33472 16.798H14.6664C14.9359 16.7985 15.1787 16.9611 15.2818 17.2101C15.3849 17.4591 15.328 17.7457 15.1376 17.9365Z" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerEdit.tsx
+++ b/src/hailer/theme/icons/HailerEdit.tsx
@ -0,0 +1,11 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerEdit = createIcon({
+    displayName: 'HailerEdit',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M9.0025 14.9997L12.1538 14.6106C12.3752 14.5834 12.5812 14.4831 12.7391 14.3254L20.3732 6.69627C21.2186 5.85052 21.2186 4.47974 20.3732 3.63399C19.5275 2.78867 18.1567 2.78867 17.311 3.63399L9.74781 11.1971C9.59463 11.3503 9.49528 11.549 9.46469 11.7634L9.0025 14.9997Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path fillRule="evenodd" clipRule="evenodd" d="M11.5035 21.0022C16.1999 21.0022 20.0071 17.1951 20.0071 12.4987C20.0071 7.80231 16.1999 3.99514 11.5035 3.99514C6.80717 3.99514 3 7.80231 3 12.4987C3 17.1951 6.80717 21.0022 11.5035 21.0022Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerEditFill.tsx
+++ b/src/hailer/theme/icons/HailerEditFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerEditFill = createIcon({
+    displayName: 'HailerEditFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M20.2813 7.38227C20.7513 6.88384 20.9886 6.29048 20.9934 5.42654C20.9506 4.51987 20.4664 3.69866 19.4743 3.25244C18.487 2.80623 17.5423 2.95813 16.7069 3.65593C16.4429 3.87443 16.3342 3.98728 16.1081 4.22221C16.0984 4.23227 16.0885 4.24256 16.0784 4.25309C15.841 4.50467 15.9647 4.78508 16.2685 4.97021C17.4125 5.6775 18.3382 6.5984 19.0455 7.74241C19.2448 8.0652 19.4672 8.18573 19.7378 7.92465L19.7684 7.89532C19.9715 7.70088 20.0822 7.59493 20.2813 7.38227ZM11.6942 3.47091C11.888 3.49011 12.0729 3.50739 12.2522 3.52416L12.2522 3.52416C12.5605 3.55299 12.8527 3.5803 13.1468 3.61331C13.5693 3.66078 13.8209 3.94085 13.8066 4.31111C13.7876 4.70511 13.4696 5.03265 13.0661 5.03265C12.9263 5.03265 12.7866 5.018 12.6468 5.00334C12.535 4.99162 12.4232 4.9799 12.3113 4.97568C9.49641 4.82853 7.24637 5.90133 5.68463 8.23207C2.85546 12.4521 5.16247 18.1959 10.1088 19.3589C14.2386 20.3272 18.3637 17.5266 18.9808 13.335C19.09 12.5945 19.0757 11.854 18.976 11.1135C18.9048 10.5865 19.3131 10.1593 19.8162 10.2163C20.1343 10.2543 20.3384 10.4774 20.4001 10.8666C20.5995 12.1673 20.5568 13.4632 20.1485 14.7164C18.9855 18.2623 16.5456 20.3937 12.8525 20.9159C8.24797 21.5662 3.98048 18.3763 3.14502 13.7812C2.29532 9.09601 5.44728 4.52947 10.1278 3.66553C10.5071 3.59168 10.8911 3.55344 11.2548 3.51723C11.4053 3.50224 11.5524 3.48759 11.6942 3.47091ZM8.86982 15.6372C8.55177 15.642 8.32392 15.4141 8.36665 15.0913C8.39252 14.9061 8.41812 14.7209 8.44372 14.5355C8.56844 13.6327 8.6933 12.7289 8.85083 11.8349C8.89355 11.5881 9.0502 11.3222 9.22584 11.1419L9.60178 10.7608C11.183 9.15777 12.6174 7.70356 14.2325 6.08846C14.4651 5.85586 14.6905 5.75405 14.9706 5.9012C16.3092 6.60849 17.3346 7.62908 18.0466 8.96297C18.2175 9.28101 18.0128 9.60682 17.7612 9.86315C17.0912 10.5332 16.4696 11.1618 15.8586 11.7797L15.8586 11.7798C14.8595 12.7902 13.8888 13.7718 12.7813 14.8587C12.5867 15.0486 12.2876 15.1957 12.017 15.2385C11.2925 15.353 10.5633 15.4389 9.83261 15.5249L9.83257 15.5249L9.83231 15.525C9.53378 15.5601 9.23503 15.5953 8.93628 15.6325C8.92731 15.6325 8.91729 15.6335 8.90671 15.6346C8.89488 15.6359 8.88235 15.6372 8.86982 15.6372Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerExpandView.tsx
+++ b/src/hailer/theme/icons/HailerExpandView.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerExpandView = createIcon({
+    displayName: 'HailerExpandView',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M16.1027 3.86536C15.6884 3.86536 15.3527 4.20114 15.3527 4.61536C15.3527 5.02957 15.6884 5.36536 16.1027 5.36536H17.7437C18.2361 5.36536 18.6347 5.76393 18.6347 6.25638V7.89741C18.6347 8.31162 18.9705 8.64741 19.3847 8.64741C19.7989 8.64741 20.1347 8.31162 20.1347 7.89741V6.25638C20.1347 4.9355 19.0646 3.86536 17.7437 3.86536H16.1027ZM5.36548 16.1025C5.36548 15.6883 5.02969 15.3525 4.61548 15.3525C4.20126 15.3525 3.86548 15.6883 3.86548 16.1025V17.7436C3.86548 19.0644 4.93562 20.1346 6.2565 20.1346H7.89753C8.31174 20.1346 8.64753 19.7988 8.64753 19.3846C8.64753 18.9704 8.31174 18.6346 7.89753 18.6346H6.2565C5.76405 18.6346 5.36548 18.236 5.36548 17.7436V16.1025ZM3.86548 6.25638C3.86548 4.9355 4.93562 3.86536 6.2565 3.86536H7.89753C8.31174 3.86536 8.64753 4.20114 8.64753 4.61536C8.64753 5.02957 8.31174 5.36536 7.89753 5.36536H6.2565C5.76405 5.36536 5.36548 5.76393 5.36548 6.25638V7.89741C5.36548 8.31162 5.02969 8.64741 4.61548 8.64741C4.20126 8.64741 3.86548 8.31162 3.86548 7.89741V6.25638ZM20.1347 16.1025C20.1347 15.6883 19.7989 15.3525 19.3847 15.3525C18.9705 15.3525 18.6347 15.6883 18.6347 16.1025V17.7436C18.6347 18.236 18.2361 18.6346 17.7437 18.6346H16.1027C15.6884 18.6346 15.3527 18.9704 15.3527 19.3846C15.3527 19.7988 15.6884 20.1346 16.1027 20.1346H17.7437C19.0646 20.1346 20.1347 19.0644 20.1347 17.7436V16.1025Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFacebook.tsx
+++ b/src/hailer/theme/icons/HailerFacebook.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFacebook = createIcon({
+    displayName: 'HailerFacebook',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M7.5 3H16.504C18.987 3 21 5.013 21 7.496V16.505C21 18.987 18.987 21 16.504 21H7.496C5.013 21 3 18.987 3 16.504V7.5C3 5.015 5.015 3 7.5 3V3Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M11.1 12.9H16.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M16.5 8.4H15.555C14.089 8.4 12.9 9.589 12.9 11.055V12V21" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFeed.tsx
+++ b/src/hailer/theme/icons/HailerFeed.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFeed = createIcon({
+    displayName: 'HailerFeed',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12.0206 2.01234C13.5281 2.01234 15.0361 1.99359 16.5431 2.01656C19.4494 2.05968 21.6525 4.10203 21.9337 7.00218C21.9689 7.3589 21.9876 7.7189 21.9881 8.0775C21.9909 10.8347 22.005 13.5923 21.9778 16.3495C21.9633 17.8495 21.4964 19.2047 20.4562 20.3222C19.5853 21.2597 18.4912 21.765 17.2359 21.9309C16.8795 21.974 16.5206 21.9939 16.1616 21.9905C13.2478 21.9933 10.3341 22.0111 7.42031 21.9811C4.65797 21.953 2.52 20.0536 2.1075 17.3123C2.04631 16.927 2.01357 16.5377 2.00953 16.1475C2.00296 13.312 1.97953 10.4756 2.02078 7.64109C2.04796 5.75812 2.74078 4.15078 4.30687 3.01265C5.31515 2.27999 6.47203 2.00343 7.70625 2.00624C9.14343 2.00953 10.5806 2.00624 12.0187 2.00624L12.0206 2.01234ZM11.9827 20.4923V20.5041C13.4117 20.5041 14.8411 20.5041 16.2708 20.5041C17.1305 20.5041 17.9508 20.3489 18.6811 19.8727C19.8802 19.0908 20.4347 17.9189 20.4727 16.5445C20.5331 14.3512 20.4998 12.1556 20.5027 9.96046C20.5027 9.13265 20.5298 8.30296 20.4816 7.47609C20.3442 5.15859 18.8545 3.52546 16.4812 3.50531C13.7944 3.48234 11.1075 3.49546 8.41874 3.49453C8.02828 3.49453 7.6364 3.48562 7.24687 3.51374C6.15046 3.59343 5.20124 3.99703 4.48546 4.85812C3.80859 5.67281 3.51187 6.63515 3.50578 7.67671C3.4889 10.4962 3.49406 13.3158 3.49499 16.1358C3.49499 17.0081 3.66515 17.8453 4.11046 18.6052C4.83187 19.8347 5.94702 20.4403 7.34062 20.4802C8.8889 20.5261 10.4362 20.4923 11.9827 20.4923Z" fill="currentColor"/>,
+        <path d="M11.9958 13.2572C13.6352 13.2572 15.2743 13.2572 16.913 13.2572C17.3818 13.2572 17.6851 13.5023 17.7385 13.9134C17.7601 14.0894 17.7175 14.2672 17.6186 14.4143C17.5197 14.5613 17.371 14.6678 17.1999 14.7141C17.1166 14.7345 17.0311 14.7444 16.9454 14.7436C13.6516 14.7436 10.3577 14.7436 7.06365 14.7436C6.8349 14.7436 6.62865 14.6878 6.46927 14.5191C6.2574 14.295 6.19599 14.0264 6.30474 13.7395C6.41349 13.4527 6.62677 13.283 6.93849 13.2614C7.10959 13.2497 7.28162 13.2544 7.45412 13.2544C8.96787 13.2556 10.4818 13.2566 11.9958 13.2572Z" fill="currentColor"/>,
+        <path d="M12.0001 17.7459C10.3535 17.7459 8.70661 17.7459 7.05942 17.7459C6.50489 17.7459 6.15052 17.309 6.2827 16.8084C6.3204 16.6637 6.40161 16.534 6.51537 16.437C6.62913 16.3399 6.76995 16.2801 6.9188 16.2656C6.97316 16.2603 7.02777 16.2578 7.08239 16.2581C10.3608 16.2581 13.6391 16.2581 16.9172 16.2581C17.3147 16.2581 17.5815 16.4264 17.6963 16.7367C17.8838 17.2406 17.5271 17.7384 16.9646 17.7445C16.2615 17.752 15.5583 17.7445 14.8552 17.7445L12.0001 17.7459Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerFeedFill.tsx
+++ b/src/hailer/theme/icons/HailerFeedFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFeedFill = createIcon({
+    displayName: 'HailerFeedFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12 21.9923C10.5 21.9923 9.00003 21.9923 7.50003 21.9923C6.77787 21.9947 6.06239 21.854 5.39486 21.5785C4.72733 21.3029 4.12097 20.8979 3.61076 20.3868C3.10055 19.8758 2.69658 19.2687 2.42216 18.6007C2.14775 17.9327 2.00832 17.217 2.01191 16.4948V7.51968C2.01191 4.49343 4.35847 2.05265 7.38941 2.01327C10.5061 1.97249 13.6238 1.98046 16.7414 2.01655C19.3421 2.04702 21.6164 4.14468 21.9446 6.73218C21.9756 6.95637 21.9927 7.18227 21.9957 7.40858C21.9957 10.5098 22.02 13.6111 21.9853 16.7119C21.9572 19.3331 19.8703 21.6094 17.2711 21.9375C17.0079 21.971 16.7429 21.9883 16.4775 21.9895C14.985 21.9947 13.493 21.9923 12 21.9923ZM11.9813 14.7834C13.5985 14.7834 15.2157 14.7834 16.8328 14.7834C16.9267 14.7862 17.0206 14.7831 17.1141 14.7741C17.2168 14.7602 17.3155 14.725 17.4038 14.6708C17.4921 14.6165 17.5681 14.5445 17.627 14.4592C17.6858 14.3739 17.7263 14.2773 17.7456 14.1754C17.765 14.0736 17.7629 13.9689 17.7394 13.868C17.6489 13.478 17.3541 13.2726 16.8779 13.2726C13.6278 13.2726 10.3778 13.2726 7.12785 13.2726C7.01867 13.2707 6.90969 13.2825 6.80347 13.3078C6.6934 13.3363 6.59132 13.3896 6.50506 13.4637C6.4188 13.5378 6.35065 13.6306 6.30585 13.7351C6.26104 13.8396 6.24077 13.953 6.24659 14.0665C6.25241 14.1801 6.28416 14.2908 6.33941 14.3901C6.50207 14.6747 6.75753 14.7862 7.08332 14.7853C8.71597 14.7806 10.3486 14.7834 11.9813 14.7834ZM12.0244 17.7834H16.8282C16.9139 17.7834 17.0007 17.7858 17.0855 17.7773C17.1926 17.7667 17.2961 17.7329 17.3889 17.6784C17.4817 17.6239 17.5616 17.55 17.6231 17.4616C17.6846 17.3733 17.7262 17.2727 17.7451 17.1667C17.7639 17.0607 17.7596 16.9519 17.7324 16.8478C17.6386 16.4728 17.3447 16.2722 16.8797 16.2722C13.6297 16.2722 10.3797 16.2722 7.12972 16.2722C7.02073 16.2696 6.91187 16.2811 6.80582 16.3064C6.53816 16.3786 6.353 16.5487 6.278 16.8192C6.13738 17.3325 6.4941 17.7797 7.05519 17.7806C8.71269 17.7862 10.3683 17.7834 12.0244 17.7834Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFile.tsx
+++ b/src/hailer/theme/icons/HailerFile.tsx
@ -0,0 +1,11 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFile = createIcon({
+    displayName: 'HailerFile',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fill="none" fillRule="evenodd" clipRule="evenodd" d="M18.414 6.414L15.586 3.586C15.211 3.211 14.702 3 14.172 3H7C5.895 3 5 3.895 5 5V19C5 20.105 5.895 21 7 21H17C18.105 21 19 20.105 19 19V7.828C19 7.298 18.789 6.789 18.414 6.414V6.414Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>,
+        <path fill="none" d="M19 8H15C14.448 8 14 7.552 14 7V3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFileFill.tsx
+++ b/src/hailer/theme/icons/HailerFileFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFileFill = createIcon({
+    displayName: 'HailerFileFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.27312 4.72172V11.9273C4.27062 14.3527 4.27062 16.7786 4.27312 19.2052C4.27312 20.6508 5.28327 21.6914 6.71062 21.6952C10.2747 21.7033 13.838 21.7033 17.4005 21.6952C18.8231 21.6919 19.8417 20.6859 19.8464 19.2666C19.8544 16.8187 19.8527 14.371 19.851 11.9232C19.8504 10.9085 19.8497 9.89382 19.8497 8.87906C19.8497 8.56453 19.7916 8.50968 19.4798 8.50968C19.0737 8.50938 18.6678 8.50952 18.262 8.50965C17.4055 8.50994 16.5492 8.51022 15.6905 8.50641C15.4958 8.50718 15.3018 8.48468 15.1125 8.43937C14.1689 8.20078 13.5848 7.41234 13.5811 6.37687C13.5792 5.53965 13.5798 4.70243 13.5805 3.86534C13.5808 3.44685 13.5811 3.0284 13.5811 2.61C13.5811 2.29125 13.5295 2.24015 13.2159 2.24015C11.0247 2.23734 8.83359 2.23828 6.64265 2.24297C6.44816 2.24411 6.25454 2.26898 6.06608 2.31703C4.96218 2.59828 4.27312 3.52219 4.27312 4.72172ZM15.7116 7.00031H17.4881C17.6728 7.00031 17.8574 7.00064 18.0421 7.00097C18.481 7.00175 18.9202 7.00254 19.3603 6.99891C19.6561 6.99422 19.7677 6.82594 19.6191 6.57234C19.48 6.32135 19.3101 6.08876 19.1133 5.88C18.2827 5.04625 17.443 4.22234 16.5942 3.40828C16.2711 3.09436 15.9265 2.80334 15.563 2.53734C15.2766 2.33156 15.0942 2.45249 15.0942 2.80968C15.0914 4.00187 15.0914 5.19422 15.0942 6.38672C15.0952 6.81282 15.2859 7.00031 15.7116 7.00031Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFiles.tsx
+++ b/src/hailer/theme/icons/HailerFiles.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFiles = createIcon({
+    displayName: 'HailerFiles',
+    viewBox: '0 0 24 24',
+    path: [
+        <rect x="3.9967" y="8.99878" width="16.0067" height="12.005" rx="2" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M6.49768 5.99752H17.5023" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M8.49854 2.9963H16.5019" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerFilesCloud.tsx
+++ b/src/hailer/theme/icons/HailerFilesCloud.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFilesCloud = createIcon({
+    displayName: 'HailerFilesCloud',
+    viewBox: '0 0 24 24',
+    path: [
+       <path fillRule="evenodd" clipRule="evenodd" d="M6.824 9.068C4.385 9.401 2.5 11.47 2.5 14C2.5 16.761 4.739 19 7.5 19H18.5C20.709 19 22.5 17.209 22.5 15C22.5 12.791 20.709 11 18.5 11C18.5 7.686 15.814 5 12.5 5C9.863 5 7.629 6.703 6.824 9.068Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFilesCloudFill.tsx
+++ b/src/hailer/theme/icons/HailerFilesCloudFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFilesCloudFill = createIcon({
+    displayName: 'HailerFilesCloudFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12.9668 19.6982C11.0759 19.6982 9.18495 19.7222 7.29495 19.6926C4.5898 19.65 2.22495 17.542 1.83261 14.8678C1.39667 11.8978 3.17229 9.20716 6.08417 8.43653C6.147 8.42434 6.20574 8.39646 6.25491 8.35548C6.30408 8.31451 6.34209 8.26176 6.36542 8.20216C8.2437 4.05606 13.6198 2.9245 17.0131 5.96857C18.2239 7.05419 18.9518 8.41404 19.1778 10.0289C19.2045 10.2192 19.2715 10.2993 19.4646 10.3378C21.6631 10.7747 23.2517 12.7214 23.2531 14.9662C23.2545 17.2111 21.6715 19.1615 19.4726 19.6012C19.1202 19.6685 18.7622 19.7019 18.4034 19.7011C16.5912 19.7109 14.7785 19.7058 12.9659 19.7058L12.9668 19.6982Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFilesFill.tsx
+++ b/src/hailer/theme/icons/HailerFilesFill.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFilesFill = createIcon({
+    displayName: 'HailerFilesFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M12.0028 21.7462C10.0413 21.7462 8.0797 21.7462 6.11814 21.7462C4.42548 21.7462 3.24986 20.5654 3.24939 18.8672C3.24939 16.2812 3.24939 13.695 3.24939 11.1084C3.24939 9.43451 4.4372 8.25232 6.1172 8.25232H17.9334C19.5478 8.25232 20.753 9.44623 20.7558 11.0606C20.7602 13.6934 20.7602 16.3265 20.7558 18.96C20.7558 20.5434 19.5478 21.7415 17.9583 21.7448C15.9731 21.75 13.988 21.7462 12.0028 21.7462Z" fill="currentColor"/>,
+        <path d="M12.0267 5.25C13.8392 5.25 15.6517 5.25 17.4642 5.25C17.9466 5.25 18.2686 5.58281 18.2438 6.04688C18.2246 6.4111 17.948 6.69422 17.5683 6.73453C17.4903 6.74065 17.4121 6.74252 17.3339 6.74016H6.67222C6.59405 6.74252 6.51581 6.74065 6.43784 6.73453C6.0244 6.69141 5.74643 6.36844 5.76237 5.95219C5.76886 5.76261 5.84951 5.58316 5.98697 5.45245C6.12443 5.32174 6.30771 5.25022 6.49737 5.25328C7.25487 5.24766 8.01237 5.25328 8.76987 5.25328L12.0267 5.25Z" fill="currentColor"/>,
+        <path d="M12.5207 2.25C13.8403 2.25 15.1598 2.24625 16.4793 2.25C17.0254 2.25234 17.3831 2.75156 17.2045 3.24375C17.0957 3.54375 16.8248 3.73172 16.4784 3.73406C15.8536 3.73781 15.2292 3.73406 14.6034 3.73406C12.5893 3.73406 10.5751 3.73406 8.56075 3.73406C8.23262 3.73406 7.98325 3.60797 7.83559 3.31218C7.69497 3.03515 7.73341 2.76468 7.92278 2.52234C8.08262 2.3175 8.30434 2.24109 8.56169 2.24109C9.882 2.24703 11.2017 2.25 12.5207 2.25Z" fill="currentColor"/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerFilesTab.tsx
+++ b/src/hailer/theme/icons/HailerFilesTab.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFilesTab = createIcon({
+    displayName: 'HailerFilesTab',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M13.8791 8.37503L8.39309 13.861C7.56709 14.687 7.56709 16.027 8.39309 16.853V16.853C9.21909 17.679 10.5591 17.679 11.3851 16.853L18.6171 9.62103C20.1321 8.10603 20.1321 5.65003 18.6171 4.13503V4.13503C17.1021 2.62003 14.6461 2.62003 13.1311 4.13503L5.89909 11.367C3.69509 13.571 3.69509 17.143 5.89909 19.347V19.347C8.10309 21.551 11.6751 21.551 13.8791 19.347L18.2681 14.958" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFilter.tsx
+++ b/src/hailer/theme/icons/HailerFilter.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFilter = createIcon({
+    displayName: 'HailerFilter',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M4.56517 3C3.70108 3 3 3.71286 3 4.5904V5.52644C3 6.17647 3.24719 6.80158 3.68936 7.27177L8.5351 12.4243L8.53723 12.4211C9.47271 13.3788 9.99905 14.6734 9.99905 16.0233V20.5952C9.99905 20.9007 10.3187 21.0957 10.584 20.9516L13.3436 19.4479C13.7602 19.2204 14.0201 18.7784 14.0201 18.2984V16.0114C14.0201 14.6691 14.539 13.3799 15.466 12.4243L20.3117 7.27177C20.7528 6.80158 21 6.17647 21 5.52644V4.5904C21 3.71286 20.3 3 19.4359 3H4.56517Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFilterFill.tsx
+++ b/src/hailer/theme/icons/HailerFilterFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFilterFill = createIcon({
+    displayName: 'HailerFilterFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M11.9884 2.29593H19.3089C20.6926 2.29593 21.7056 3.30046 21.6995 4.68093C21.6995 5.17874 21.7051 5.68218 21.6362 6.17296C21.535 6.89859 21.1375 7.48218 20.6373 8.00906C19.0867 9.64218 17.5492 11.288 16.0019 12.9244C15.1712 13.8023 14.7404 14.8378 14.7362 16.0472C14.733 16.7878 14.7395 17.5289 14.7362 18.269C14.7306 19.0959 14.3678 19.7222 13.644 20.123C12.7867 20.5992 11.9031 21.0323 11.0659 21.5428C10.2048 22.0683 9.20546 21.5006 9.2228 20.4647C9.24858 18.9759 9.22889 17.4867 9.22983 15.9975C9.22983 15.2072 9.04608 14.4581 8.61296 13.8014C8.31483 13.3505 7.94967 12.938 7.58171 12.5405C6.10045 10.9467 4.60233 9.37312 3.11733 7.78453C2.55155 7.17937 2.26842 6.44718 2.25529 5.62031C2.24779 5.16187 2.23421 4.6964 2.29749 4.24453C2.45639 3.11156 3.42248 2.30016 4.57654 2.29875C7.04623 2.29437 9.51686 2.29343 11.9884 2.29593Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFilterPosts.tsx
+++ b/src/hailer/theme/icons/HailerFilterPosts.tsx
@ -0,0 +1,12 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFilterPosts = createIcon({
+    displayName: 'HailerFilterPosts',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M18.5 12.75H5.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M21 6.75L3 6.75" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M14 18.25H10" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFolder.tsx
+++ b/src/hailer/theme/icons/HailerFolder.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFolder = createIcon({
+    displayName: 'HailerFolder',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M19 6.94H12.529C12.198 6.94 11.888 6.776 11.702 6.502L10.297 4.437C10.111 4.164 9.802 4 9.471 4H5C3.895 4 3 4.895 3 6V18C3 19.105 3.895 20 5 20H19C20.105 20 21 19.105 21 18V8.94C21 7.836 20.105 6.94 19 6.94Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFolders.tsx
+++ b/src/hailer/theme/icons/HailerFolders.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFolders = createIcon({
+    displayName: 'HailerFolders',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M19 5.94H14.529C14.198 5.94 13.888 5.776 13.702 5.502L12.297 3.437C12.111 3.164 11.802 3 11.471 3H5M19 9H12.529C12.198 9 11.888 8.836 11.702 8.562L10.297 6.497C10.111 6.224 9.802 6.06 9.471 6.06H5C3.895 6.06 3 6.955 3 8.06V19C3 20.105 3.895 21 5 21H19C20.105 21 21 20.105 21 19V11C21 9.896 20.105 9 19 9Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerFoldersFill.tsx
+++ b/src/hailer/theme/icons/HailerFoldersFill.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerFoldersFill = createIcon({
+    displayName: 'HailerFoldersFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M19 9H12.529C12.198 9 11.888 8.836 11.702 8.562L10.297 6.497C10.111 6.224 9.802 6.06 9.471 6.06H5C3.895 6.06 3 6.955 3 8.06V19C3 20.105 3.895 21 5 21H19C20.105 21 21 20.105 21 19V11C21 9.896 20.105 9 19 9Z" fill="currentColor"/>,
+        <path fillRule="evenodd" clipRule="evenodd" d="M21 19V11C21 9.896 20.105 9 19 9H12.529C12.198 9 11.888 8.836 11.702 8.562L10.297 6.497C10.111 6.224 9.802 6.06 9.471 6.06H5C3.895 6.06 3 6.955 3 8.06V19" fill="currentColor"/>,
+        <path d="M19 9H12.529C12.198 9 11.888 8.836 11.702 8.562L10.297 6.497C10.111 6.224 9.802 6.06 9.471 6.06H5C3.895 6.06 3 6.955 3 8.06V19C3 20.105 3.895 21 5 21H19C20.105 21 21 20.105 21 19V11C21 9.896 20.105 9 19 9Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M19 5.94H14.529C14.198 5.94 13.888 5.776 13.702 5.502L12.297 3.437C12.111 3.164 11.802 3 11.471 3H5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerForward.tsx
+++ b/src/hailer/theme/icons/HailerForward.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerForward = createIcon({
+    displayName: 'HailerForward',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M13 14.329C8.406 14.329 4.501 16.692 3 20V18.993C3 12.977 7.421 8.07 13 7.702V3L21 11L13 19V14.333" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerForwardFill.tsx
+++ b/src/hailer/theme/icons/HailerForwardFill.tsx
@ -0,0 +1,11 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerForwardFill = createIcon({
+    displayName: 'HailerForwardFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M13 14.329C8.406 14.329 4.501 16.692 3 20V18.993C3 12.977 7.421 8.07 13 7.702V3L21 11L13 19V14.333" fill="currentColor"/>,
+        <path d="M13 14.329C8.406 14.329 4.501 16.692 3 20V18.993C3 12.977 7.421 8.07 13 7.702V3L21 11L13 19V14.333" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerGroup.tsx
+++ b/src/hailer/theme/icons/HailerGroup.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerGroup = createIcon({
+    displayName: 'HailerGroup',
+    viewBox: '0 0 24 24',
+    path: [
+         <path fillRule="evenodd" clipRule="evenodd" d="M5.73997 8.0776C5.73997 6.32975 7.15736 4.91281 8.90565 4.91281C10.6529 4.91281 12.0704 6.32964 12.0704 8.0776L12.0704 8.0804C12.0769 9.81963 10.6716 11.2352 8.93186 11.2424H8.90565C7.15736 11.2424 5.73997 9.82545 5.73997 8.0776ZM8.90565 3.41281C6.32938 3.41281 4.23997 5.50088 4.23997 8.0776C4.23997 10.6543 6.32938 12.7424 8.90565 12.7424H8.93333L8.93613 12.7424C11.5038 12.7328 13.5793 10.6443 13.5704 8.07606C13.5696 5.50016 11.4806 3.41281 8.90565 3.41281ZM3.54724 17.3481C3.54724 17.0459 3.64519 16.8242 3.82835 16.6322C4.0288 16.4222 4.35869 16.2222 4.85038 16.0551C5.84162 15.7181 7.26614 15.5876 8.90556 15.5876C10.5363 15.5876 11.9617 15.714 12.9563 16.0475C13.4499 16.2129 13.7813 16.4115 13.9826 16.6203C14.1661 16.8106 14.2639 17.0301 14.2639 17.3303C14.2639 17.632 14.166 17.8533 13.983 18.0448C13.7826 18.2545 13.4527 18.4542 12.9609 18.621C11.9694 18.9573 10.5447 19.0871 8.90556 19.0871C7.27398 19.0871 5.84853 18.9619 4.85389 18.6293C4.36036 18.4642 4.02922 18.2661 3.82819 18.0577C3.64504 17.8679 3.54724 17.6486 3.54724 17.3481ZM8.90556 14.0876C7.23192 14.0876 5.60228 14.2152 4.36763 14.6349C3.74637 14.846 3.17038 15.149 2.74319 15.5967C2.2987 16.0624 2.04724 16.6531 2.04724 17.3481C2.04724 18.0448 2.3012 18.6353 2.74862 19.0991C3.17816 19.5444 3.75641 19.8439 4.37818 20.0518C5.61412 20.4651 7.24282 20.5871 8.90556 20.5871C10.5785 20.5871 12.2081 20.4603 13.4427 20.0415C14.0639 19.8308 14.6401 19.5284 15.0675 19.0811C15.5122 18.6157 15.7639 18.0252 15.7639 17.3303C15.7639 16.6336 15.5098 16.0432 15.0625 15.5792C14.6331 15.1338 14.055 14.8337 13.4332 14.6253C12.197 14.2108 10.5683 14.0876 8.90556 14.0876ZM14.385 5.0358C14.4521 4.62705 14.8378 4.35004 15.2465 4.41708C17.0021 4.705 18.341 6.22746 18.341 8.06404L18.341 8.06539C18.3376 9.92871 16.9564 11.4669 15.1625 11.719C14.7524 11.7766 14.3731 11.4908 14.3155 11.0806C14.2578 10.6704 14.5436 10.2912 14.9538 10.2335C16.0184 10.0839 16.8386 9.16909 16.841 8.06335C16.8406 6.97374 16.0459 6.06822 15.0037 5.8973C14.595 5.83026 14.318 5.44456 14.385 5.0358ZM17.0545 13.6721C16.6448 13.6111 16.2632 13.8938 16.2022 14.3035C16.1412 14.7132 16.4239 15.0948 16.8335 15.1558C17.4852 15.2528 17.9469 15.4051 18.2276 15.5893C18.4707 15.7488 18.5456 15.9024 18.5456 16.1058C18.5456 16.2669 18.4987 16.3738 18.4143 16.4692C18.316 16.5803 18.138 16.7049 17.8383 16.8188C17.4511 16.9659 17.2564 17.399 17.4035 17.7862C17.5506 18.1734 17.9837 18.3681 18.371 18.221C18.8069 18.0554 19.2244 17.8172 19.5377 17.4632C19.8648 17.0934 20.0456 16.633 20.0456 16.1058C20.0456 15.3092 19.637 14.72 19.0505 14.3352C18.5016 13.975 17.7875 13.7813 17.0545 13.6721Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerGroupFill.tsx
+++ b/src/hailer/theme/icons/HailerGroupFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerGroupFill = createIcon({
+    displayName: 'HailerGroupFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M8.08604 11.8928C8.62202 12.1145 9.1965 12.2283 9.77654 12.2275C12.2071 12.2292 14.181 10.2818 14.1859 7.87632C14.1895 5.39129 12.2374 3.41086 9.78139 3.41086C7.35045 3.41086 5.3692 5.38322 5.36355 7.81093C5.36233 8.39096 5.47561 8.96554 5.69691 9.5017C5.9182 10.0379 6.24316 10.5251 6.65314 10.9354C7.06312 11.3457 7.55006 11.6711 8.08604 11.8928ZM5.9756 19.4287C7.22417 19.7339 8.49817 19.7751 10.1399 19.7977C10.2398 19.7915 10.3584 19.7845 10.4912 19.7767C10.9452 19.75 11.5667 19.7135 12.1866 19.6633C12.5204 19.6315 12.8522 19.5801 13.18 19.5095C13.9417 19.3597 14.6768 19.1344 15.3106 18.6617C16.6411 17.6711 16.6383 15.794 15.3062 14.805C14.722 14.3719 14.0519 14.1341 13.3495 14.0009C11.0995 13.5754 8.83887 13.5879 6.57829 13.9295C5.77901 14.0502 5.00961 14.2867 4.33022 14.7538C2.9008 15.7359 2.87779 17.6937 4.28541 18.7061C4.79525 19.0727 5.37332 19.2818 5.9756 19.4287ZM18.9203 8.14195C18.892 9.74898 17.7609 11.0634 16.1729 11.3209C15.6554 11.4053 15.2949 11.2046 15.2279 10.7594C15.2026 10.5887 15.2301 10.4143 15.3066 10.2596C16.0841 8.84233 16.0897 7.4339 15.2945 6.02588C15.1423 5.75582 15.1548 5.48415 15.3251 5.22701C15.4955 4.96987 15.7535 4.90407 16.0477 4.93353C17.4352 5.07321 18.6252 6.18493 18.8565 7.56308C18.8785 7.6946 18.8907 7.82804 18.9029 7.96141L18.9029 7.96154C18.9084 8.02175 18.9139 8.08195 18.9203 8.14195ZM19.741 13.8705C19.1577 13.5379 18.5171 13.4047 17.9354 13.3486C17.4784 13.3276 17.2124 13.485 17.0884 13.7999C16.9645 14.1147 17.0582 14.409 17.3306 14.6686C17.4701 14.7941 17.5862 14.9433 17.6734 15.1094C17.9507 15.6878 17.9753 16.2671 17.6237 16.8355C17.5382 16.9699 17.4989 17.1286 17.5117 17.2874C17.5245 17.4462 17.5888 17.5965 17.6948 17.7155C17.8889 17.9424 18.2212 18.0384 18.5001 17.9173C19.1634 17.6259 19.7737 17.2517 20.2468 16.6898C21.084 15.6947 20.8713 14.5164 19.741 13.8705Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerGroups.tsx
+++ b/src/hailer/theme/icons/HailerGroups.tsx
@ -0,0 +1,15 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerGroups = createIcon({
+    displayName: 'HailerGroups',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M19.0001 7.16C18.9401 7.15 18.8701 7.15 18.8101 7.16C17.4301 7.11 16.3301 5.98 16.3301 4.58C16.3301 3.15 17.4801 2 18.9101 2C20.3401 2 21.4901 3.16 21.4901 4.58C21.4801 5.98 20.3801 7.11 19.0001 7.16Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M17.9702 14.44C19.3402 14.67 20.8502 14.43 21.9102 13.72C23.3202 12.78 23.3202 11.24 21.9102 10.3C20.8402 9.59004 19.3102 9.35003 17.9402 9.59003" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M6.96998 7.16C7.02998 7.15 7.09998 7.15 7.15998 7.16C8.53998 7.11 9.63998 5.98 9.63998 4.58C9.63998 3.15 8.48998 2 7.05998 2C5.62998 2 4.47998 3.16 4.47998 4.58C4.48998 5.98 5.58998 7.11 6.96998 7.16Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M7.99994 14.44C6.62994 14.67 5.11994 14.43 4.05994 13.72C2.64994 12.78 2.64994 11.24 4.05994 10.3C5.12994 9.59004 6.65994 9.35003 8.02994 9.59003" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M13 14.63C12.94 14.62 12.87 14.62 12.81 14.63C11.43 14.58 10.33 13.45 10.33 12.05C10.33 10.62 11.48 9.46997 12.91 9.46997C14.34 9.46997 15.49 10.63 15.49 12.05C15.48 13.45 14.38 14.59 13 14.63Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M10.09 17.78C8.67997 18.72 8.67997 20.26 10.09 21.2C11.69 22.27 14.31 22.27 15.91 21.2C17.32 20.26 17.32 18.72 15.91 17.78C14.32 16.72 11.69 16.72 10.09 17.78Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerGroupsFill.tsx
+++ b/src/hailer/theme/icons/HailerGroupsFill.tsx
@ -0,0 +1,17 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerGroupsFill = createIcon({
+    displayName: 'HailerGroupsFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M20.5382 14.2016C21.2428 13.6767 21.7787 13.0634 21.8036 12.3059C21.8119 11.5251 21.4669 10.9724 20.8812 10.5301C19.8972 9.78557 18.6974 9.46556 17.4354 9.28744C16.9935 9.22451 16.6664 9.36522 16.4804 9.6692C16.2944 9.97318 16.3193 10.3181 16.6353 10.5669C17.6864 11.3915 17.9215 13.1935 16.9258 14.2621C16.8107 14.3926 16.7477 14.5516 16.7462 14.7153C16.7447 14.879 16.8048 15.0387 16.9175 15.1707C17.0302 15.3028 17.1895 15.4001 17.3718 15.4482C17.554 15.4963 17.7495 15.4926 17.9291 15.4377C18.8786 15.1515 19.7727 14.7715 20.5382 14.2016Z" fill="currentColor"/>,
+        <path d="M20.5382 14.2016C21.2428 13.6767 21.7787 13.0634 21.8036 12.3059C21.8119 11.5251 21.4669 10.9724 20.8812 10.5301C19.8972 9.78557 18.6974 9.46556 17.4354 9.28744C16.9935 9.22451 16.6664 9.36522 16.4804 9.6692C16.2944 9.97318 16.3193 10.3181 16.6353 10.5669C17.6864 11.3915 17.9215 13.1935 16.9258 14.2621C16.8107 14.3926 16.7477 14.5516 16.7462 14.7153C16.7447 14.879 16.8048 15.0387 16.9175 15.1707C17.0302 15.3028 17.1895 15.4001 17.3718 15.4482C17.554 15.4963 17.7495 15.4926 17.9291 15.4377C18.8786 15.1515 19.7727 14.7715 20.5382 14.2016Z" fill="currentColor"/>,
+        <path d="M3.44741 14.2016C2.74277 13.6767 2.20686 13.0634 2.18197 12.3059C2.17367 11.5251 2.51872 10.9724 3.10442 10.5301C4.08844 9.78557 5.2882 9.46556 6.55019 9.28744C6.99207 9.22451 7.31915 9.36522 7.50517 9.6692C7.69118 9.97318 7.66627 10.3181 7.35025 10.5669C6.29916 11.3915 6.06407 13.1935 7.05984 14.2621C7.17493 14.3926 7.23788 14.5516 7.23937 14.7153C7.24085 14.879 7.18078 15.0387 7.06808 15.1707C6.95537 15.3028 6.79606 15.4001 6.61381 15.4482C6.43155 15.4963 6.23607 15.4926 6.05645 15.4377C5.10701 15.1515 4.21291 14.7715 3.44741 14.2016Z" fill="currentColor"/>,
+        <path d="M3.44741 14.2016C2.74277 13.6767 2.20686 13.0634 2.18197 12.3059C2.17367 11.5251 2.51872 10.9724 3.10442 10.5301C4.08844 9.78557 5.2882 9.46556 6.55019 9.28744C6.99207 9.22451 7.31915 9.36522 7.50517 9.6692C7.69118 9.97318 7.66627 10.3181 7.35025 10.5669C6.29916 11.3915 6.06407 13.1935 7.05984 14.2621C7.17493 14.3926 7.23788 14.5516 7.23937 14.7153C7.24085 14.879 7.18078 15.0387 7.06808 15.1707C6.95537 15.3028 6.79606 15.4001 6.61381 15.4482C6.43155 15.4963 6.23607 15.4926 6.05645 15.4377C5.10701 15.1515 4.21291 14.7715 3.44741 14.2016Z" fill="currentColor"/>,
+        <path d="M17.53 7.77C17.46 7.76 17.39 7.76 17.32 7.77C15.77 7.72 14.54 6.45 14.54 4.89C14.54 3.3 15.83 2 17.43 2C19.02 2 20.32 3.29 20.32 4.89C20.31 6.45 19.08 7.72 17.53 7.77Z" fill="currentColor"/>,
+        <path d="M6.44003 7.77C6.51003 7.76 6.58003 7.76 6.65003 7.77C8.20003 7.72 9.43004 6.45 9.43004 4.89C9.43004 3.29 8.14003 2 6.54003 2C4.95003 2 3.66003 3.29 3.66003 4.89C3.66003 6.45 4.89003 7.72 6.44003 7.77Z" fill="currentColor"/>,
+        <path d="M12.12 15.87C12.04 15.86 11.95 15.86 11.86 15.87C10.02 15.81 8.55005 14.3 8.55005 12.44C8.56005 10.54 10.09 9 12 9C13.9 9 15.44 10.54 15.44 12.44C15.43 14.3 13.97 15.81 12.12 15.87Z" fill="currentColor"/>,
+        <path d="M8.87005 17.9399C7.36005 18.9499 7.36005 20.6099 8.87005 21.6099C10.59 22.7599 13.41 22.7599 15.13 21.6099C16.64 20.5999 16.64 18.9399 15.13 17.9399C13.42 16.7899 10.6 16.7899 8.87005 17.9399Z" fill="currentColor"/>, 
+    ]
+});
--- a/src/hailer/theme/icons/HailerHelp.tsx
+++ b/src/hailer/theme/icons/HailerHelp.tsx
@ -0,0 +1,13 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerHelp = createIcon({
+    displayName: 'HailerHelp',
+    viewBox: '0 0 24 24',
+    path: [
+        <path d="M9.68469 9.6847C9.92172 8.66314 10.8522 7.95484 11.8999 7.99832C13.0726 7.93337 14.0779 8.82697 14.1509 9.99916C14.1509 11.5037 12 12 12 13.0004" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <rect x="2.99622" y="2.99622" width="18.0075" height="18.0075" rx="5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M12.125 15.7516C12.125 15.8206 12.069 15.8766 12 15.8766C11.9309 15.8766 11.8749 15.8206 11.8749 15.7516C11.8749 15.6825 11.9309 15.6265 12 15.6265" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+        <path d="M11.9999 15.6265C12.069 15.6265 12.125 15.6825 12.125 15.7516" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill='none'/>,
+    ]
+});
--- a/src/hailer/theme/icons/HailerHide.tsx
+++ b/src/hailer/theme/icons/HailerHide.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerHide = createIcon({
+    displayName: 'HailerHide',
+    viewBox: '0 0 24 24',
+    path: [
+         <path fillRule="evenodd" clipRule="evenodd" d="M20.4174 4.77993C20.7103 4.48704 20.7103 4.01217 20.4174 3.71927C20.1245 3.42638 19.6496 3.42638 19.3567 3.71927L17.2689 5.80708C15.6811 4.69888 13.8835 4.08429 11.9996 4.08429C9.91587 4.08429 7.92426 4.83425 6.21911 6.18346C4.50712 7.53018 3.08488 9.4688 2.06107 11.84C1.97937 12.0292 1.97915 12.2437 2.06045 12.4331C2.94512 14.494 4.13413 16.2257 5.55408 17.5219L3.58271 19.4933C3.28981 19.7862 3.28981 20.261 3.58271 20.5539C3.8756 20.8468 4.35047 20.8468 4.64337 20.5539L20.4174 4.77993ZM6.61602 16.46L8.75393 14.3221C8.33098 13.6994 8.08557 12.9506 8.08557 12.1378C8.08557 9.97105 9.83289 8.2218 11.9996 8.2218C12.8026 8.2218 13.5604 8.46574 14.1862 8.88978L16.1888 6.88716C14.8854 6.03308 13.4609 5.58429 11.9996 5.58429C10.2878 5.58429 8.61773 6.19806 7.14908 7.36039L7.14728 7.36181C5.73329 8.47388 4.49979 10.0922 3.56957 12.1381C4.37869 13.9266 5.42238 15.385 6.61602 16.46ZM13.0931 9.98292C12.7658 9.81611 12.3928 9.7218 11.9996 9.7218C10.6622 9.7218 9.58557 10.7986 9.58557 12.1378C9.58557 12.5338 9.67877 12.903 9.84644 13.2295L13.0931 9.98292ZM15.2375 11.9608C15.6452 12.0341 15.9162 12.424 15.8429 12.8317C15.5555 14.4295 14.2989 15.6889 12.7017 15.9789C12.2942 16.0528 11.9038 15.7824 11.8298 15.3749C11.7558 14.9673 12.0262 14.577 12.4338 14.503C13.4146 14.3249 14.19 13.5483 14.3666 12.5662C14.4399 12.1585 14.8298 11.8874 15.2375 11.9608ZM18.9966 8.3916C19.3275 8.14249 19.7978 8.20883 20.0469 8.53977C20.7743 9.50619 21.4081 10.6137 21.938 11.8391C22.0201 12.0289 22.0202 12.2442 21.9382 12.434C19.8964 17.1645 16.2027 20.1888 11.9997 20.1888C11.055 20.1888 10.1238 20.0355 9.23022 19.7372C8.83731 19.6061 8.6251 19.1813 8.75623 18.7884C8.88736 18.3955 9.31217 18.1833 9.70508 18.3144C10.4475 18.5622 11.2183 18.6888 11.9997 18.6888C15.3327 18.6888 18.52 16.3345 20.4292 12.137C19.9703 11.1291 19.4394 10.227 18.8484 9.44186C18.5993 9.11093 18.6657 8.64071 18.9966 8.3916Z" fill="currentColor"/>
+    ]
+});
--- a/src/hailer/theme/icons/HailerHideFill.tsx
+++ b/src/hailer/theme/icons/HailerHideFill.tsx
@ -0,0 +1,10 @@
+
+import { createIcon } from '@chakra-ui/react';
+
+export const HailerHideFill = createIcon({
+    displayName: 'HailerHideFill',
+    viewBox: '0 0 24 24',
+    path: [
+        <path fillRule="evenodd" clipRule="evenodd" d="M5.53033 20.3043L21.3043 4.53033C21.5972 4.23744 21.5972 3.76256 21.3043 3.46967C21.0114 3.17678 20.5366 3.17678 20.2437 3.46967L4.46967 19.2437C4.17678 19.5366 4.17678 20.0114 4.46967 20.3043C4.76256 20.5972 5.23744 20.5972 5.53033 20.3043ZM19.3619 8.24048C19.5685 8.03396 19.9079 8.04722 20.0884 8.27686C20.8486 9.24415 21.5244 10.3596 22.0943 11.6068C22.2083 11.8563 22.2083 12.1437 22.0943 12.3932C19.918 17.1563 16.1949 19.999 12.1343 20C11.0905 19.9997 10.069 19.8117 9.09035 19.4515C8.76319 19.3311 8.68754 18.9149 8.93404 18.6684L10.7714 16.8311C10.8922 16.7102 11.0662 16.6614 11.2349 16.6887C11.484 16.729 11.7396 16.75 12.0001 16.75C14.6231 16.75 16.7507 14.6242 16.7507 12.0006C16.7507 11.7398 16.7297 11.4838 16.6893 11.2344C16.6619 11.0657 16.7108 10.8917 16.8316 10.7708L19.3619 8.24048ZM4.7864 16.4433C4.97306 16.6503 5.29385 16.6517 5.49091 16.4547L7.51651 14.4291C7.6702 14.2754 7.70447 14.041 7.62021 13.8406C7.38225 13.2748 7.25074 12.6531 7.25074 12.0006C7.25074 9.37624 9.37666 7.25001 12.0001 7.25001C12.6528 7.25001 13.2748 7.38162 13.841 7.61979C14.0413 7.70408 14.2758 7.66982 14.4295 7.51611L16.2265 5.71906C16.4588 5.48677 16.4077 5.09697 16.1133 4.9512C14.8578 4.3295 13.5156 4.00035 12.1343 4L12.1365 4H12.1321L12.1343 4C8.0737 4.00102 4.35063 6.84373 2.17437 11.6068C2.06037 11.8563 2.06037 12.1437 2.17437 12.3932C2.89151 13.9628 3.77661 15.3238 4.7864 16.4433ZM14.7625 13.7143C15.0125 13.3123 14.5517 13.0507 14.217 13.3854L13.3868 14.2157C13.052 14.5504 13.3137 15.0113 13.7157 14.7611C14.1398 14.4972 14.4986 14.1383 14.7625 13.7143ZM12.4573 9.48826C12.7201 9.22545 12.6087 8.78539 12.2381 8.75858C12.1595 8.7529 12.0801 8.75001 12.0001 8.75001C10.2054 8.75001 8.75074 10.2044 8.75074 12.0006C8.75074 12.0802 8.7536 12.1592 8.75923 12.2374C8.78591 12.6081 9.22601 12.7196 9.48885 12.4567L12.4573 9.48826Z" fill="currentColor"/>
+    ]
+});
--- a/Show more
+++ b/Show more
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>