@nlabs/gothamui 1.8.0

package/docs/assets/gothamui-app-architecture.svg

@@ -0,0 +1,159 @@
+<svg width="1600" height="880" viewBox="0 0 1600 880" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
+  <title id="title">How GothamUI works with a React application</title>
+  <desc id="desc">A clean three-column diagram showing app inputs flowing into the GothamUI presentation framework and producing a complete user experience.</desc>
+  <defs>
+    <linearGradient id="brand" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#8167EE"/>
+      <stop offset="1" stop-color="#2F80ED"/>
+    </linearGradient>
+    <style>
+      .heading { fill: #17151D; font-family: Inter, Arial, sans-serif; font-size: 22px; font-weight: 700; }
+      .label { fill: #24212A; font-family: Inter, Arial, sans-serif; font-size: 20px; font-weight: 600; }
+      .detail { fill: #69707D; font-family: Inter, Arial, sans-serif; font-size: 16px; font-weight: 400; }
+      .service { fill: #34303A; font-family: Inter, Arial, sans-serif; font-size: 18px; font-weight: 500; }
+      .line-icon { fill: none; stroke: #35313B; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
+      .purple-icon { fill: none; stroke: #8167EE; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
+      .teal-icon { fill: none; stroke: #14AFA0; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
+    </style>
+  </defs>
+
+  <rect width="1600" height="880" fill="#FFFFFF"/>
+
+  <text class="heading" x="78" y="76">Your app</text>
+  <text class="heading" x="548" y="76">GothamUI framework</text>
+  <text class="heading" x="1120" y="76">App experience</text>
+
+  <!-- App inputs -->
+  <g transform="translate(78 150)">
+    <rect class="line-icon" x="2" y="2" width="54" height="42" rx="6"/>
+    <path class="line-icon" d="M2 13H56M11 22H27V35H11ZM34 22H48M34 28H48M34 34H44"/>
+    <text class="label" x="92" y="22">Routes &amp; views</text>
+    <text class="detail" x="92" y="48">Screens and navigation</text>
+  </g>
+
+  <g transform="translate(78 294)">
+    <rect class="line-icon" x="9" y="1" width="40" height="52" rx="5"/>
+    <path class="line-icon" d="M17 13H41M17 22H41M17 31H34M23 44H35"/>
+    <text class="label" x="92" y="22">Configuration</text>
+    <text class="detail" x="92" y="48">Theme, auth and settings</text>
+  </g>
+
+  <g transform="translate(78 438)">
+    <path class="line-icon" d="M29 2V10M29 46V54M2 28H10M48 28H56M10 9L16 15M42 41L48 47M48 9L42 15M16 41L10 47"/>
+    <circle class="line-icon" cx="29" cy="28" r="15"/>
+    <path class="line-icon" d="M22 28H36M29 21V35"/>
+    <text class="label" x="92" y="22">Domain logic</text>
+    <text class="detail" x="92" y="48">Product behavior and flows</text>
+  </g>
+
+  <g transform="translate(78 582)">
+    <ellipse class="line-icon" cx="29" cy="10" rx="22" ry="9"/>
+    <path class="line-icon" d="M7 10V45C7 50 17 54 29 54C41 54 51 50 51 45V10M7 27C7 32 17 36 29 36C41 36 51 32 51 27"/>
+    <text class="label" x="92" y="22">API &amp; data</text>
+    <text class="detail" x="92" y="48">Services, content and media</text>
+  </g>
+
+  <!-- App input bracket -->
+  <g fill="none" stroke="#2F80ED" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M390 172H396C409 172 416 184 416 204V636C416 656 409 668 396 668H390"/>
+    <path d="M390 316H396C409 316 416 328 416 348"/>
+    <path d="M390 460H396C409 460 416 448 416 428"/>
+    <path d="M390 604H396C409 604 416 592 416 572"/>
+    <path d="M416 420H500M490 410L500 420L490 430"/>
+  </g>
+
+  <!-- GothamUI mark -->
+  <g transform="translate(724 164)">
+    <path d="M0 -63L55 -31V31L0 63L-55 31V-31L0 -63Z" fill="url(#brand)"/>
+    <path d="M-29 -18L0 -35L29 -18V-3H13V-9L0 -17L-13 -9V9L0 17L14 9H2V-7H31V19L0 37L-29 20V-18Z" fill="#FFFFFF"/>
+  </g>
+  <text x="724" y="259" text-anchor="middle" fill="#8167EE" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="35" font-weight="750">GothamUI</text>
+  <text x="724" y="288" text-anchor="middle" fill="#69707D" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="16">The complete presentation layer</text>
+
+  <!-- GothamUI services -->
+  <g transform="translate(550 340)">
+    <g transform="translate(0 0)">
+      <rect class="purple-icon" x="1" y="3" width="31" height="25" rx="4"/>
+      <path class="purple-icon" d="M1 11H32M9 19H16M22 19H26"/>
+      <text class="service" x="58" y="23">Components &amp; layouts</text>
+    </g>
+    <g transform="translate(0 66)">
+      <path class="purple-icon" d="M2 17H31M23 9L31 17L23 25M10 9L2 17L10 25"/>
+      <text class="service" x="58" y="23">Routing &amp; transitions</text>
+    </g>
+    <g transform="translate(0 132)">
+      <ellipse class="purple-icon" cx="17" cy="8" rx="14" ry="6"/>
+      <path class="purple-icon" d="M3 8V27C3 30 9 33 17 33C25 33 31 30 31 27V8M3 18C3 21 9 24 17 24C25 24 31 21 31 18"/>
+      <text class="service" x="58" y="23">State &amp; session</text>
+    </g>
+    <g transform="translate(0 198)">
+      <path class="purple-icon" d="M3 4H31V30H3V4ZM9 11H25M9 18H21M9 25H17"/>
+      <text class="service" x="58" y="23">Forms &amp; feedback</text>
+    </g>
+    <g transform="translate(0 264)">
+      <circle class="purple-icon" cx="17" cy="17" r="13"/>
+      <path class="purple-icon" d="M17 0V7M17 27V34M0 17H7M27 17H34M5 5L10 10M24 24L29 29M29 5L24 10M10 24L5 29"/>
+      <text class="service" x="58" y="23">Theme &amp; responsive UI</text>
+    </g>
+    <g transform="translate(0 330)">
+      <circle class="purple-icon" cx="17" cy="17" r="15"/>
+      <path class="purple-icon" d="M4 17H30M17 2C22 7 24 12 24 17C24 22 22 27 17 32M17 2C12 7 10 12 10 17C10 22 12 27 17 32"/>
+      <text class="service" x="58" y="23">Localization &amp; telemetry</text>
+    </g>
+  </g>
+
+  <!-- Output arrow -->
+  <path d="M930 420H992M982 410L992 420L982 430" fill="none" stroke="#2F80ED" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+
+  <!-- Experience distribution -->
+  <g fill="none" stroke="#14AFA0" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M1020 420V178C1020 160 1032 150 1050 150H1098"/>
+    <path d="M1020 290C1020 278 1032 270 1050 270H1098"/>
+    <path d="M1020 420H1098"/>
+    <path d="M1020 550C1020 562 1032 570 1050 570H1098"/>
+    <path d="M1020 420V662C1020 680 1032 690 1050 690H1098"/>
+  </g>
+  <g fill="#14AFA0">
+    <circle cx="1098" cy="150" r="6"/>
+    <circle cx="1098" cy="270" r="6"/>
+    <circle cx="1098" cy="420" r="6"/>
+    <circle cx="1098" cy="570" r="6"/>
+    <circle cx="1098" cy="690" r="6"/>
+  </g>
+
+  <!-- Experience outputs -->
+  <g transform="translate(1140 126)">
+    <rect class="teal-icon" x="1" y="2" width="48" height="35" rx="5"/>
+    <path class="teal-icon" d="M1 12H49M11 22H24M11 28H31M17 37V44M33 37V44M12 44H38"/>
+    <text class="label" x="78" y="22">Responsive screens</text>
+    <text class="detail" x="78" y="48">Mobile-first layouts</text>
+  </g>
+
+  <g transform="translate(1140 246)">
+    <path class="teal-icon" d="M1 3H48V42H1V3ZM1 13H48M11 22H23V33H11ZM30 22H39M30 28H39"/>
+    <text class="label" x="78" y="22">Consistent UI</text>
+    <text class="detail" x="78" y="48">Components and styling</text>
+  </g>
+
+  <g transform="translate(1140 396)">
+    <circle class="teal-icon" cx="24" cy="24" r="22"/>
+    <path class="teal-icon" d="M12 24H36M28 16L36 24L28 32"/>
+    <text class="label" x="78" y="22">Navigation &amp; state</text>
+    <text class="detail" x="78" y="48">Routed, state-aware flows</text>
+  </g>
+
+  <g transform="translate(1140 546)">
+    <path class="teal-icon" d="M4 4H44V35H29L20 44V35H4V4Z"/>
+    <path class="teal-icon" d="M13 15H35M13 23H29"/>
+    <text class="label" x="78" y="22">Feedback</text>
+    <text class="detail" x="78" y="48">Forms, loading and alerts</text>
+  </g>
+
+  <g transform="translate(1140 666)">
+    <path class="teal-icon" d="M4 25C4 13 13 4 25 4C37 4 46 13 46 25C46 37 37 46 25 46H5L11 39C7 35 4 30 4 25Z"/>
+    <path class="teal-icon" d="M13 25H37M25 13C29 17 31 21 31 25C31 29 29 33 25 37M25 13C21 17 19 21 19 25C19 29 21 33 25 37"/>
+    <text class="label" x="78" y="22">Localized &amp; observable</text>
+    <text class="detail" x="78" y="48">i18n and page-view telemetry</text>
+  </g>
+
+</svg>

package/docs/assets/gothamui-logo.svg

@@ -0,0 +1,42 @@
+<svg width="1400" height="420" viewBox="0 0 1400 420" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
+  <title id="title">GothamUI Logo Concept</title>
+  <desc id="desc">A metallic geometric G icon with GothamUI wordmark.</desc>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#05070B"/>
+      <stop offset="0.55" stop-color="#0A1420"/>
+      <stop offset="1" stop-color="#05070B"/>
+    </linearGradient>
+    <linearGradient id="metal" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#FFFFFF"/>
+      <stop offset="0.28" stop-color="#C9D1DA"/>
+      <stop offset="0.52" stop-color="#F7F9FC"/>
+      <stop offset="0.78" stop-color="#AAB4C0"/>
+      <stop offset="1" stop-color="#FFFFFF"/>
+    </linearGradient>
+    <linearGradient id="ui" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="#7B61FF"/>
+      <stop offset="1" stop-color="#00A7FF"/>
+    </linearGradient>
+    <filter id="shadow" x="-30%" y="-30%" width="160%" height="160%">
+      <feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#000000" flood-opacity="0.5"/>
+      <feDropShadow dx="0" dy="0" stdDeviation="8" flood-color="#7B61FF" flood-opacity="0.18"/>
+    </filter>
+  </defs>
+
+  <rect width="1400" height="520" fill="url(#bg)"/>
+
+  <g transform="translate(700 155)" filter="url(#shadow)">
+    <!-- Geometric Gotham G mark -->
+    <path d="M -88 -64 L 0 -115 L 88 -64 L 88 -20 L 44 -20 L 44 -39 L 0 -64 L -44 -39 L -44 39 L 0 64 L 55 32 L 8 32 L -24 12 L 8 -8 L 88 -8 L 88 58 L 0 115 L -88 64 Z"
+          fill="url(#metal)"/>
+    <path d="M 17 3 L 88 3 L 88 58 L 0 115 L 0 64 L 55 32 L 8 32 L -24 12 Z"
+          fill="#DDE4EC" opacity="0.55"/>
+  </g>
+
+  <g transform="translate(700 345)" text-anchor="middle">
+    <text x="0" y="0" font-family="Montserrat, Avenir Next, Arial, sans-serif" font-size="62" font-weight="700" letter-spacing="34" fill="#F7F9FC">
+      GOTHAM<tspan fill="url(#ui)">UI</tspan>
+    </text>
+  </g>
+</svg>

package/docs/render-performance.md

@@ -0,0 +1,34 @@
+# Render performance
+
+GothamUI uses shallow memoization around form controls, the code editor, Markdown, media and product collections, pricing, tabs, and application views. Lightweight structural components remain ordinary functions. State changes, context updates, and changed props must still render.
+
+## Form isolation
+
+Built-in text, checkbox, radio, select, and date fields subscribe to their own value, default value, and error through `useGothamFormField(name)`. The subscription adapter publishes committed React form state and preserves unchanged snapshots. Editing one field does not invalidate its siblings. Repeating the same value or clearing an absent error does not create a new form state.
+
+`useGothamFormContext()` and render-function children retain access to the entire form. They intentionally update for cross-field UI. Custom controls can use `useGothamFormField` from `@nlabs/gothamui/form` when they only need one field. Existing direct form-context providers remain supported.
+
+## Other render paths
+
+- Gotham configuration is memoized without mutating shared defaults. Session updates retain router and translation instances.
+- Table and row context values remain stable when only wrapper props change.
+- Select labels are derived during rendering instead of synchronized through an additional state update.
+- Inline Markdown is derived immediately. Remote content loads when its URL changes; template substitutions do not repeat the request, and obsolete responses are ignored.
+- Chat scroll distance lives in a ref. Only down-button visibility changes use state; the rendered message list remains cached during scrolling.
+- The date picker retains its initial fallback timestamp, so ordinary rendering cannot reset calendar navigation.
+- Mobile controls subscribe to media-query changes. Breakpoint helper functions retain their identity until the breakpoint changes.
+- Autocomplete invalidates obsolete requests when the query changes or the component unmounts.
+
+## Consumer expectations
+
+Update arrays and objects immutably. Reuse unchanged item objects and stable callbacks where practical. A newly created object, callback, or JSX child is a changed prop to React's shallow comparison. No deep comparator ignores updated callbacks or content.
+
+These changes prevent the covered redundant update paths; they do not guarantee zero re-renders in every consuming application. Profile representative application interactions before adding more memoization or virtualization.
+
+## Verification
+
+- `npm test` runs the unit and render-isolation regression suite through Lex/Vitest.
+- `npm test -- --collectCoverageFrom 'src/{components,views}/**/*.{ts,tsx}'` checks the existing coverage thresholds and exclusions.
+- `lex test --e2e --e2eConfig ./playwright.config.ts` exercises desktop form editing, selection, password visibility, submission, and mobile native selection.
+
+The installed Lex lint command expands its source glob through a shell and misses nested folders. A direct full-tree ESLint check also exposes an existing lint backlog, including a compatibility hook rule that incorrectly flags arrow-function components. The repository-wide lint result is not a clean baseline.

package/lib/actions/GothamActions.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */
+import { Flux } from '@nlabs/arkhamjs';
+import { GothamConfiguration } from '../views/Gotham/GothamProvider.js';
+import type { ReactElement } from 'react';
+export interface GothamNotifyAction {
+    readonly icon?: string;
+    readonly label?: string;
+    readonly onClick: (key: string) => void;
+}
+export type GothamSeverity = 'error' | 'info' | 'success' | 'warning';
+export interface GothamNotifyParams {
+    readonly actions?: GothamNotifyAction[];
+    readonly anchorOrigin?: {
+        horizontal: 'left' | 'center' | 'right';
+        vertical: 'top' | 'bottom';
+    };
+    readonly autoHideDuration?: number;
+    readonly key?: string;
+    readonly message?: ReactElement | string;
+    readonly severity?: GothamSeverity;
+}
+export interface NavParams {
+    path: string;
+    state?: Record<string, unknown>;
+}
+export declare const GothamActions: {
+    readonly getState: (...args: Parameters<typeof Flux.getState>) => unknown;
+    readonly init: () => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly loading: (isLoading: boolean, content?: string) => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly navBack: () => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly navForward: () => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly navGoto: (path: string, params?: Record<string, unknown>) => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly navReplace: (path: string, params?: Record<string, unknown>) => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly notify: (params: GothamNotifyParams) => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly notifyClose: () => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly setConfig: (config: GothamConfiguration) => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly signOut: () => Promise<import("@nlabs/arkhamjs").FluxAction>;
+    readonly updateTitle: (title: string, separator?: string) => Promise<import("@nlabs/arkhamjs").FluxAction>;
+};

package/lib/actions/GothamActions.js

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { Flux } from '@nlabs/arkhamjs';
+import { isEmpty } from '@nlabs/utils';
+import { Config } from '../config/appConfig.js';
+import { GothamConstants } from '../constants/GothamConstants.js';
+export const GothamActions = {
+    getState: (...args)=>Flux.getState(...args),
+    init: ()=>Flux.dispatch({
+            type: GothamConstants.INITIALIZE
+        }),
+    loading: (isLoading, content)=>Flux.dispatch({
+            content,
+            isLoading,
+            type: GothamConstants.LOADING
+        }),
+    navBack: ()=>Flux.dispatch({
+            type: GothamConstants.NAV_BACK
+        }),
+    navForward: ()=>Flux.dispatch({
+            type: GothamConstants.NAV_FORWARD
+        }),
+    navGoto: (path, params)=>Flux.dispatch({
+            params,
+            path,
+            type: GothamConstants.NAV_GOTO
+        }),
+    navReplace: (path, params)=>Flux.dispatch({
+            params,
+            path,
+            type: GothamConstants.NAV_REPLACE
+        }),
+    notify: (params)=>Flux.dispatch({
+            ...params,
+            type: GothamConstants.NOTIFY_OPEN
+        }),
+    notifyClose: ()=>Flux.dispatch({
+            type: GothamConstants.NOTIFY_CLOSE
+        }),
+    setConfig: (config)=>Flux.dispatch({
+            config,
+            type: GothamConstants.SET_CONFIG
+        }),
+    signOut: ()=>Flux.dispatch({
+            type: GothamConstants.SIGN_OUT
+        }),
+    updateTitle: (title, separator)=>{
+        const appTitle = Config.get('app.title', '');
+        const titleSeparator = separator || Config.get('app.titleBarSeparator', '::');
+        if (!isEmpty(title) && appTitle !== title) {
+            document.title = [
+                title,
+                titleSeparator,
+                appTitle
+            ].join(' ');
+        } else {
+            document.title = appTitle;
+        }
+        return Flux.dispatch({
+            title,
+            type: GothamConstants.UPDATE_TITLE
+        });
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9hY3Rpb25zL0dvdGhhbUFjdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtUHJlc2VudCwgTml0cm9nZW4gTGFicywgSW5jLlxuICogQ29weXJpZ2h0cyBsaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSB0aGUgYWNjb21wYW55aW5nIExJQ0VOU0UgZmlsZSBmb3IgdGVybXMuXG4gKi9cbmltcG9ydCB7Rmx1eH0gZnJvbSAnQG5sYWJzL2Fya2hhbWpzJztcbmltcG9ydCB7aXNFbXB0eX0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHtDb25maWd9IGZyb20gJy4uL2NvbmZpZy9hcHBDb25maWcuanMnO1xuaW1wb3J0IHtHb3RoYW1Db25zdGFudHN9IGZyb20gJy4uL2NvbnN0YW50cy9Hb3RoYW1Db25zdGFudHMuanMnO1xuaW1wb3J0IHtHb3RoYW1Db25maWd1cmF0aW9ufSBmcm9tICcuLi92aWV3cy9Hb3RoYW0vR290aGFtUHJvdmlkZXIuanMnO1xuXG5pbXBvcnQgdHlwZSB7UmVhY3RFbGVtZW50fSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR290aGFtTm90aWZ5QWN0aW9uIHtcbiAgcmVhZG9ubHkgaWNvbj86IHN0cmluZztcbiAgcmVhZG9ubHkgbGFiZWw/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IG9uQ2xpY2s6IChrZXk6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IHR5cGUgR290aGFtU2V2ZXJpdHkgPSAnZXJyb3InIHwgJ2luZm8nIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdvdGhhbU5vdGlmeVBhcmFtcyB7XG4gIHJlYWRvbmx5IGFjdGlvbnM/OiBHb3RoYW1Ob3RpZnlBY3Rpb25bXTtcbiAgcmVhZG9ubHkgYW5jaG9yT3JpZ2luPzoge1xuICAgIGhvcml6b250YWw6ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JztcbiAgICB2ZXJ0aWNhbDogJ3RvcCcgfCAnYm90dG9tJztcbiAgfTtcbiAgcmVhZG9ubHkgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlcjtcbiAgcmVhZG9ubHkga2V5Pzogc3RyaW5nO1xuICByZWFkb25seSBtZXNzYWdlPzogUmVhY3RFbGVtZW50IHwgc3RyaW5nO1xuICByZWFkb25seSBzZXZlcml0eT86IEdvdGhhbVNldmVyaXR5O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5hdlBhcmFtcyB7XG4gIHBhdGg6IHN0cmluZztcbiAgc3RhdGU/OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcbn1cblxuZXhwb3J0IGNvbnN0IEdvdGhhbUFjdGlvbnMgPSB7XG4gIGdldFN0YXRlOiAoLi4uYXJnczogUGFyYW1ldGVyczx0eXBlb2YgRmx1eC5nZXRTdGF0ZT4pID0+IEZsdXguZ2V0U3RhdGUoLi4uYXJncyksXG4gIGluaXQ6ICgpID0+IEZsdXguZGlzcGF0Y2goe3R5cGU6IEdvdGhhbUNvbnN0YW50cy5JTklUSUFMSVpFfSksXG4gIGxvYWRpbmc6IChpc0xvYWRpbmc6IGJvb2xlYW4sIGNvbnRlbnQ/OiBzdHJpbmcpID0+XG4gICAgRmx1eC5kaXNwYXRjaCh7Y29udGVudCwgaXNMb2FkaW5nLCB0eXBlOiBHb3RoYW1Db25zdGFudHMuTE9BRElOR30pLFxuICBuYXZCYWNrOiAoKSA9PiBGbHV4LmRpc3BhdGNoKHt0eXBlOiBHb3RoYW1Db25zdGFudHMuTkFWX0JBQ0t9KSxcbiAgbmF2Rm9yd2FyZDogKCkgPT4gRmx1eC5kaXNwYXRjaCh7dHlwZTogR290aGFtQ29uc3RhbnRzLk5BVl9GT1JXQVJEfSksXG4gIG5hdkdvdG86IChwYXRoOiBzdHJpbmcsIHBhcmFtcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+KSA9PlxuICAgIEZsdXguZGlzcGF0Y2goe3BhcmFtcywgcGF0aCwgdHlwZTogR290aGFtQ29uc3RhbnRzLk5BVl9HT1RPfSksXG4gIG5hdlJlcGxhY2U6IChwYXRoOiBzdHJpbmcsIHBhcmFtcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+KSA9PlxuICAgIEZsdXguZGlzcGF0Y2goe3BhcmFtcywgcGF0aCwgdHlwZTogR290aGFtQ29uc3RhbnRzLk5BVl9SRVBMQUNFfSksXG4gIG5vdGlmeTogKHBhcmFtczogR290aGFtTm90aWZ5UGFyYW1zKSA9PlxuICAgIEZsdXguZGlzcGF0Y2goey4uLnBhcmFtcywgdHlwZTogR290aGFtQ29uc3RhbnRzLk5PVElGWV9PUEVOfSksXG4gIG5vdGlmeUNsb3NlOiAoKSA9PlxuICAgIEZsdXguZGlzcGF0Y2goe3R5cGU6IEdvdGhhbUNvbnN0YW50cy5OT1RJRllfQ0xPU0V9KSxcbiAgc2V0Q29uZmlnOiAoY29uZmlnOiBHb3RoYW1Db25maWd1cmF0aW9uKSA9PlxuICAgIEZsdXguZGlzcGF0Y2goe2NvbmZpZywgdHlwZTogR290aGFtQ29uc3RhbnRzLlNFVF9DT05GSUd9KSxcbiAgc2lnbk91dDogKCkgPT5cbiAgICBGbHV4LmRpc3BhdGNoKHt0eXBlOiBHb3RoYW1Db25zdGFudHMuU0lHTl9PVVR9KSxcbiAgdXBkYXRlVGl0bGU6ICh0aXRsZTogc3RyaW5nLCBzZXBhcmF0b3I/OiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCBhcHBUaXRsZSA9IENvbmZpZy5nZXQoJ2FwcC50aXRsZScsICcnKSBhcyBzdHJpbmc7XG4gICAgY29uc3QgdGl0bGVTZXBhcmF0b3IgPSBzZXBhcmF0b3IgfHwgQ29uZmlnLmdldCgnYXBwLnRpdGxlQmFyU2VwYXJhdG9yJywgJzo6JykgYXMgc3RyaW5nO1xuXG4gICAgaWYoIWlzRW1wdHkodGl0bGUpICYmIGFwcFRpdGxlICE9PSB0aXRsZSkge1xuICAgICAgZG9jdW1lbnQudGl0bGUgPSBbdGl0bGUsIHRpdGxlU2VwYXJhdG9yLCBhcHBUaXRsZV0uam9pbignICcpO1xuICAgIH0gZWxzZSB7XG4gICAgICBkb2N1bWVudC50aXRsZSA9IGFwcFRpdGxlO1xuICAgIH1cblxuICAgIHJldHVybiBGbHV4LmRpc3BhdGNoKHt0aXRsZSwgdHlwZTogR290aGFtQ29uc3RhbnRzLlVQREFURV9USVRMRX0pO1xuICB9XG59IGFzIGNvbnN0O1xuIl0sIm5hbWVzIjpbIkZsdXgiLCJpc0VtcHR5IiwiQ29uZmlnIiwiR290aGFtQ29uc3RhbnRzIiwiR290aGFtQWN0aW9ucyIsImdldFN0YXRlIiwiYXJncyIsImluaXQiLCJkaXNwYXRjaCIsInR5cGUiLCJJTklUSUFMSVpFIiwibG9hZGluZyIsImlzTG9hZGluZyIsImNvbnRlbnQiLCJMT0FESU5HIiwibmF2QmFjayIsIk5BVl9CQUNLIiwibmF2Rm9yd2FyZCIsIk5BVl9GT1JXQVJEIiwibmF2R290byIsInBhdGgiLCJwYXJhbXMiLCJOQVZfR09UTyIsIm5hdlJlcGxhY2UiLCJOQVZfUkVQTEFDRSIsIm5vdGlmeSIsIk5PVElGWV9PUEVOIiwibm90aWZ5Q2xvc2UiLCJOT1RJRllfQ0xPU0UiLCJzZXRDb25maWciLCJjb25maWciLCJTRVRfQ09ORklHIiwic2lnbk91dCIsIlNJR05fT1VUIiwidXBkYXRlVGl0bGUiLCJ0aXRsZSIsInNlcGFyYXRvciIsImFwcFRpdGxlIiwiZ2V0IiwidGl0bGVTZXBhcmF0b3IiLCJkb2N1bWVudCIsImpvaW4iLCJVUERBVEVfVElUTEUiXSwibWFwcGluZ3MiOiJBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLElBQUksUUFBTyxrQkFBa0I7QUFDckMsU0FBUUMsT0FBTyxRQUFPLGVBQWU7QUFFckMsU0FBUUMsTUFBTSxRQUFPLHlCQUF5QjtBQUM5QyxTQUFRQyxlQUFlLFFBQU8sa0NBQWtDO0FBOEJoRSxPQUFPLE1BQU1DLGdCQUFnQjtJQUMzQkMsVUFBVSxDQUFDLEdBQUdDLE9BQTJDTixLQUFLSyxRQUFRLElBQUlDO0lBQzFFQyxNQUFNLElBQU1QLEtBQUtRLFFBQVEsQ0FBQztZQUFDQyxNQUFNTixnQkFBZ0JPLFVBQVU7UUFBQTtJQUMzREMsU0FBUyxDQUFDQyxXQUFvQkMsVUFDNUJiLEtBQUtRLFFBQVEsQ0FBQztZQUFDSztZQUFTRDtZQUFXSCxNQUFNTixnQkFBZ0JXLE9BQU87UUFBQTtJQUNsRUMsU0FBUyxJQUFNZixLQUFLUSxRQUFRLENBQUM7WUFBQ0MsTUFBTU4sZ0JBQWdCYSxRQUFRO1FBQUE7SUFDNURDLFlBQVksSUFBTWpCLEtBQUtRLFFBQVEsQ0FBQztZQUFDQyxNQUFNTixnQkFBZ0JlLFdBQVc7UUFBQTtJQUNsRUMsU0FBUyxDQUFDQyxNQUFjQyxTQUN0QnJCLEtBQUtRLFFBQVEsQ0FBQztZQUFDYTtZQUFRRDtZQUFNWCxNQUFNTixnQkFBZ0JtQixRQUFRO1FBQUE7SUFDN0RDLFlBQVksQ0FBQ0gsTUFBY0MsU0FDekJyQixLQUFLUSxRQUFRLENBQUM7WUFBQ2E7WUFBUUQ7WUFBTVgsTUFBTU4sZ0JBQWdCcUIsV0FBVztRQUFBO0lBQ2hFQyxRQUFRLENBQUNKLFNBQ1ByQixLQUFLUSxRQUFRLENBQUM7WUFBQyxHQUFHYSxNQUFNO1lBQUVaLE1BQU1OLGdCQUFnQnVCLFdBQVc7UUFBQTtJQUM3REMsYUFBYSxJQUNYM0IsS0FBS1EsUUFBUSxDQUFDO1lBQUNDLE1BQU1OLGdCQUFnQnlCLFlBQVk7UUFBQTtJQUNuREMsV0FBVyxDQUFDQyxTQUNWOUIsS0FBS1EsUUFBUSxDQUFDO1lBQUNzQjtZQUFRckIsTUFBTU4sZ0JBQWdCNEIsVUFBVTtRQUFBO0lBQ3pEQyxTQUFTLElBQ1BoQyxLQUFLUSxRQUFRLENBQUM7WUFBQ0MsTUFBTU4sZ0JBQWdCOEIsUUFBUTtRQUFBO0lBQy9DQyxhQUFhLENBQUNDLE9BQWVDO1FBQzNCLE1BQU1DLFdBQVduQyxPQUFPb0MsR0FBRyxDQUFDLGFBQWE7UUFDekMsTUFBTUMsaUJBQWlCSCxhQUFhbEMsT0FBT29DLEdBQUcsQ0FBQyx5QkFBeUI7UUFFeEUsSUFBRyxDQUFDckMsUUFBUWtDLFVBQVVFLGFBQWFGLE9BQU87WUFDeENLLFNBQVNMLEtBQUssR0FBRztnQkFBQ0E7Z0JBQU9JO2dCQUFnQkY7YUFBUyxDQUFDSSxJQUFJLENBQUM7UUFDMUQsT0FBTztZQUNMRCxTQUFTTCxLQUFLLEdBQUdFO1FBQ25CO1FBRUEsT0FBT3JDLEtBQUtRLFFBQVEsQ0FBQztZQUFDMkI7WUFBTzFCLE1BQU1OLGdCQUFnQnVDLFlBQVk7UUFBQTtJQUNqRTtBQUNGLEVBQVcifQ==

package/lib/actions/MarkdownActions.d.ts

@@ -0,0 +1,4 @@
+export declare class MarkdownActions {
+    static clearExternal(): Promise<import("@nlabs/arkhamjs").FluxAction>;
+    static getExternal(url: string): Promise<import("@nlabs/arkhamjs").FluxAction>;
+}

package/lib/actions/MarkdownActions.js

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { Flux } from '@nlabs/arkhamjs';
+import { MarkdownConstants } from '../constants/MarkdownConstants.js';
+// import {get} from '@nlabs/rip-hunter';
+// import js from 'highlight.js/lib/languages/javascript';
+// import rehypeReact from 'rehype-react';
+// import {remark} from 'remark';
+// import RemarkLowlight from 'remark-react-lowlight';
+// const githubSchema = require('hast-util-sanitize/lib/github.json');
+// const schema = {
+//   ...githubSchema,
+//   attributes: {
+//     ...githubSchema.attributes,
+//     code: [
+//       ...(githubSchema.attributes.code || []),
+//       'className'
+//     ]
+//   }
+// };
+export class MarkdownActions {
+    static clearExternal() {
+        return Flux.dispatch({
+            type: MarkdownConstants.CLEAR_EXTERNAL
+        });
+    }
+    static getExternal(url) {
+        return Promise.resolve(Flux.dispatch({
+            type: MarkdownConstants.GET_EXTERNAL
+        }));
+    // const content = Flux.getState(['app', 'external', url]);
+    // if(content) {
+    //   return Flux.dispatch({content, type: MarkdownConstants.GET_EXTERNAL, url});
+    // }
+    // return get(url).then((content) => {
+    //   const remarkOptions: any = {
+    //     components: {
+    //       code: new RemarkLowlight({js})
+    //     }
+    //   };
+    //   const renderedContent = remark().use(rehypeReact, remarkOptions).processSync(content).result;
+    //   return Flux.dispatch({content: renderedContent, type: MarkdownConstants.GET_EXTERNAL, url});
+    // });
+    }
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9hY3Rpb25zL01hcmtkb3duQWN0aW9ucy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1QcmVzZW50LCBOaXRyb2dlbiBMYWJzLCBJbmMuXG4gKiBDb3B5cmlnaHRzIGxpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIHRoZSBhY2NvbXBhbnlpbmcgTElDRU5TRSBmaWxlIGZvciB0ZXJtcy5cbiAqL1xuaW1wb3J0IHtGbHV4fSBmcm9tICdAbmxhYnMvYXJraGFtanMnO1xuXG5pbXBvcnQge01hcmtkb3duQ29uc3RhbnRzfSBmcm9tICcuLi9jb25zdGFudHMvTWFya2Rvd25Db25zdGFudHMuanMnO1xuXG4vLyBpbXBvcnQge2dldH0gZnJvbSAnQG5sYWJzL3JpcC1odW50ZXInO1xuLy8gaW1wb3J0IGpzIGZyb20gJ2hpZ2hsaWdodC5qcy9saWIvbGFuZ3VhZ2VzL2phdmFzY3JpcHQnO1xuLy8gaW1wb3J0IHJlaHlwZVJlYWN0IGZyb20gJ3JlaHlwZS1yZWFjdCc7XG4vLyBpbXBvcnQge3JlbWFya30gZnJvbSAncmVtYXJrJztcbi8vIGltcG9ydCBSZW1hcmtMb3dsaWdodCBmcm9tICdyZW1hcmstcmVhY3QtbG93bGlnaHQnO1xuXG4vLyBjb25zdCBnaXRodWJTY2hlbWEgPSByZXF1aXJlKCdoYXN0LXV0aWwtc2FuaXRpemUvbGliL2dpdGh1Yi5qc29uJyk7XG5cbi8vIGNvbnN0IHNjaGVtYSA9IHtcbi8vICAgLi4uZ2l0aHViU2NoZW1hLFxuLy8gICBhdHRyaWJ1dGVzOiB7XG4vLyAgICAgLi4uZ2l0aHViU2NoZW1hLmF0dHJpYnV0ZXMsXG4vLyAgICAgY29kZTogW1xuLy8gICAgICAgLi4uKGdpdGh1YlNjaGVtYS5hdHRyaWJ1dGVzLmNvZGUgfHwgW10pLFxuLy8gICAgICAgJ2NsYXNzTmFtZSdcbi8vICAgICBdXG4vLyAgIH1cbi8vIH07XG5cbmV4cG9ydCBjbGFzcyBNYXJrZG93bkFjdGlvbnMge1xuICBzdGF0aWMgY2xlYXJFeHRlcm5hbCgpIHtcbiAgICByZXR1cm4gRmx1eC5kaXNwYXRjaCh7dHlwZTogTWFya2Rvd25Db25zdGFudHMuQ0xFQVJfRVhURVJOQUx9KTtcbiAgfVxuXG4gIHN0YXRpYyBnZXRFeHRlcm5hbCh1cmw6IHN0cmluZykge1xuICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoRmx1eC5kaXNwYXRjaCh7dHlwZTogTWFya2Rvd25Db25zdGFudHMuR0VUX0VYVEVSTkFMfSkpO1xuICAgIC8vIGNvbnN0IGNvbnRlbnQgPSBGbHV4LmdldFN0YXRlKFsnYXBwJywgJ2V4dGVybmFsJywgdXJsXSk7XG5cbiAgICAvLyBpZihjb250ZW50KSB7XG4gICAgLy8gICByZXR1cm4gRmx1eC5kaXNwYXRjaCh7Y29udGVudCwgdHlwZTogTWFya2Rvd25Db25zdGFudHMuR0VUX0VYVEVSTkFMLCB1cmx9KTtcbiAgICAvLyB9XG5cbiAgICAvLyByZXR1cm4gZ2V0KHVybCkudGhlbigoY29udGVudCkgPT4ge1xuICAgIC8vICAgY29uc3QgcmVtYXJrT3B0aW9uczogYW55ID0ge1xuICAgIC8vICAgICBjb21wb25lbnRzOiB7XG4gICAgLy8gICAgICAgY29kZTogbmV3IFJlbWFya0xvd2xpZ2h0KHtqc30pXG4gICAgLy8gICAgIH1cbiAgICAvLyAgIH07XG4gICAgLy8gICBjb25zdCByZW5kZXJlZENvbnRlbnQgPSByZW1hcmsoKS51c2UocmVoeXBlUmVhY3QsIHJlbWFya09wdGlvbnMpLnByb2Nlc3NTeW5jKGNvbnRlbnQpLnJlc3VsdDtcblxuICAgIC8vICAgcmV0dXJuIEZsdXguZGlzcGF0Y2goe2NvbnRlbnQ6IHJlbmRlcmVkQ29udGVudCwgdHlwZTogTWFya2Rvd25Db25zdGFudHMuR0VUX0VYVEVSTkFMLCB1cmx9KTtcbiAgICAvLyB9KTtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIkZsdXgiLCJNYXJrZG93bkNvbnN0YW50cyIsIk1hcmtkb3duQWN0aW9ucyIsImNsZWFyRXh0ZXJuYWwiLCJkaXNwYXRjaCIsInR5cGUiLCJDTEVBUl9FWFRFUk5BTCIsImdldEV4dGVybmFsIiwidXJsIiwiUHJvbWlzZSIsInJlc29sdmUiLCJHRVRfRVhURVJOQUwiXSwibWFwcGluZ3MiOiJBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLElBQUksUUFBTyxrQkFBa0I7QUFFckMsU0FBUUMsaUJBQWlCLFFBQU8sb0NBQW9DO0FBRXBFLHlDQUF5QztBQUN6QywwREFBMEQ7QUFDMUQsMENBQTBDO0FBQzFDLGlDQUFpQztBQUNqQyxzREFBc0Q7QUFFdEQsc0VBQXNFO0FBRXRFLG1CQUFtQjtBQUNuQixxQkFBcUI7QUFDckIsa0JBQWtCO0FBQ2xCLGtDQUFrQztBQUNsQyxjQUFjO0FBQ2QsaURBQWlEO0FBQ2pELG9CQUFvQjtBQUNwQixRQUFRO0FBQ1IsTUFBTTtBQUNOLEtBQUs7QUFFTCxPQUFPLE1BQU1DO0lBQ1gsT0FBT0MsZ0JBQWdCO1FBQ3JCLE9BQU9ILEtBQUtJLFFBQVEsQ0FBQztZQUFDQyxNQUFNSixrQkFBa0JLLGNBQWM7UUFBQTtJQUM5RDtJQUVBLE9BQU9DLFlBQVlDLEdBQVcsRUFBRTtRQUM5QixPQUFPQyxRQUFRQyxPQUFPLENBQUNWLEtBQUtJLFFBQVEsQ0FBQztZQUFDQyxNQUFNSixrQkFBa0JVLFlBQVk7UUFBQTtJQUMxRSwyREFBMkQ7SUFFM0QsZ0JBQWdCO0lBQ2hCLGdGQUFnRjtJQUNoRixJQUFJO0lBRUosc0NBQXNDO0lBQ3RDLGlDQUFpQztJQUNqQyxvQkFBb0I7SUFDcEIsdUNBQXVDO0lBQ3ZDLFFBQVE7SUFDUixPQUFPO0lBQ1Asa0dBQWtHO0lBRWxHLGlHQUFpRztJQUNqRyxNQUFNO0lBQ1I7QUFDRiJ9

package/lib/app.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/app.js

@@ -0,0 +1,198 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { createRoot } from 'react-dom/client';
+import { Svg } from './components/Svg/Svg.js';
+import { createAwsRumDebugClient } from './utils/awsRum.js';
+import { Gotham } from './views/Gotham/Gotham.js';
+import { HomeView } from './views/HomeView/HomeView.js';
+const awsRum = createAwsRumDebugClient();
+const config = {
+    app: {
+        name: 'gothamui',
+        title: 'GothamUI'
+    },
+    awsRum,
+    translations: {
+        en: {
+            translation: {
+                // Basic translations to prevent i18n warnings
+                placeholder: 'Enter text...',
+                submit: 'Submit',
+                cancel: 'Cancel',
+                loading: 'Loading...',
+                error: 'Error',
+                success: 'Success'
+            }
+        }
+    },
+    routes: [
+        {
+            children: [
+                {
+                    element: /*#__PURE__*/ _jsx(HomeView, {}),
+                    path: '/home',
+                    props: {
+                        features: [
+                            {
+                                align: 'right',
+                                details: 'Lex is a console line execution tool. Works out of the box for any React project, taking care of all your development needs. No need to install unit testing, transpilers, compilers, or even development servers. Install Lex globally and let go of all the grunt work, allowing you focus on coding your app.',
+                                image: /*#__PURE__*/ _jsx("img", {
+                                    src: "http://lex.nitrogenlabs.com/img/screenshot-1.png"
+                                }),
+                                title: 'What is Lex?'
+                            }
+                        ],
+                        footer: {
+                            copyright: 'Copyright © 2018 Nitrogen Labs, Inc.',
+                            logo: /*#__PURE__*/ _jsx(Svg, {
+                                name: "gotham-logo",
+                                width: 60,
+                                height: 60
+                            }),
+                            menu: [
+                                {
+                                    label: 'Documentation',
+                                    menu: [
+                                        {
+                                            label: 'About',
+                                            url: '/about'
+                                        },
+                                        {
+                                            label: 'Getting Started',
+                                            url: '/gettingStarted'
+                                        },
+                                        {
+                                            label: 'Configuration',
+                                            url: '/config'
+                                        },
+                                        {
+                                            label: 'Setup',
+                                            url: '/setup'
+                                        },
+                                        {
+                                            label: 'API Reference',
+                                            url: '/api'
+                                        }
+                                    ]
+                                },
+                                {
+                                    label: 'Community',
+                                    menu: [
+                                        {
+                                            label: 'StackOverflow',
+                                            url: 'http://stackoverflow.com/questions/tagged/lexjs'
+                                        },
+                                        {
+                                            label: 'Chat',
+                                            url: 'https://discord.gg/Ttgev58'
+                                        },
+                                        {
+                                            label: 'Facebook',
+                                            url: 'https://www.facebook.com/nitrogenlabs'
+                                        }
+                                    ]
+                                },
+                                {
+                                    label: 'More',
+                                    menu: [
+                                        {
+                                            label: 'NPM',
+                                            url: 'https://npmjs.com/@nlabs/gothamui'
+                                        },
+                                        {
+                                            label: 'Git',
+                                            url: 'https://github.com/nitrogenlabs/gotham'
+                                        }
+                                    ]
+                                }
+                            ]
+                        },
+                        promoRow: {
+                            list: [
+                                {
+                                    details: 'Bundling your app with Webpack 4!',
+                                    image: /*#__PURE__*/ _jsx(Svg, {
+                                        name: "gotham-logo",
+                                        width: 50,
+                                        height: 50
+                                    }),
+                                    title: 'Webpack'
+                                },
+                                {
+                                    details: 'Transpile ES-next, Flow and Typescript',
+                                    image: /*#__PURE__*/ _jsx(Svg, {
+                                        name: "gotham-logo",
+                                        width: 50,
+                                        height: 50
+                                    }),
+                                    title: 'Babel'
+                                },
+                                {
+                                    details: 'Unit Test has never been easier.',
+                                    image: /*#__PURE__*/ _jsx(Svg, {
+                                        name: "gotham-logo",
+                                        width: 50,
+                                        height: 50
+                                    }),
+                                    title: 'Jest'
+                                }
+                            ]
+                        },
+                        splash: {
+                            backgroundImage: 'http://lex.nitrogenlabs.com/img/bg-image.jpg',
+                            backgroundTextColor: '#fff',
+                            buttons: [
+                                {
+                                    label: 'Quick Start',
+                                    url: '/quickStart'
+                                },
+                                {
+                                    label: 'API',
+                                    url: '/api'
+                                }
+                            ],
+                            image: /*#__PURE__*/ _jsx(Svg, {
+                                name: "gotham-logo",
+                                width: 130,
+                                height: 130
+                            })
+                        },
+                        title: 'Welcome'
+                    }
+                }
+            ],
+            element: /*#__PURE__*/ _jsx(HomeView, {}),
+            index: false,
+            path: '/',
+            props: {
+                topBar: {
+                    logo: /*#__PURE__*/ _jsx(Svg, {
+                        name: "gotham",
+                        width: 175,
+                        height: 50
+                    }),
+                    menu: [
+                        {
+                            label: 'Sign In',
+                            url: '/signIn'
+                        },
+                        {
+                            label: 'Sign Up',
+                            url: '/signUp'
+                        }
+                    ],
+                    solidTextColor: '#fff',
+                    transparentTextColor: '#fff'
+                }
+            }
+        }
+    ]
+};
+const root = createRoot(document.getElementById('app'));
+root.render(/*#__PURE__*/ _jsx(Gotham, {
+    config: config
+}));
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9hcHAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LVByZXNlbnQsIE5pdHJvZ2VuIExhYnMsIEluYy5cbiAqIENvcHlyaWdodHMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgdGhlIGFjY29tcGFueWluZyBMSUNFTlNFIGZpbGUgZm9yIHRlcm1zLlxuICovXG5pbXBvcnQge2NyZWF0ZVJvb3R9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnO1xuXG5pbXBvcnQge1N2Z30gZnJvbSAnLi9jb21wb25lbnRzL1N2Zy9TdmcuanMnO1xuaW1wb3J0IHtjcmVhdGVBd3NSdW1EZWJ1Z0NsaWVudH0gZnJvbSAnLi91dGlscy9hd3NSdW0uanMnO1xuaW1wb3J0IHtHb3RoYW19IGZyb20gJy4vdmlld3MvR290aGFtL0dvdGhhbS5qcyc7XG5pbXBvcnQge0hvbWVWaWV3fSBmcm9tICcuL3ZpZXdzL0hvbWVWaWV3L0hvbWVWaWV3LmpzJztcblxuaW1wb3J0IHR5cGUge0dvdGhhbUNvbmZpZ3VyYXRpb259IGZyb20gJy4vdmlld3MvR290aGFtL0dvdGhhbVByb3ZpZGVyLmpzJztcblxuY29uc3QgYXdzUnVtID0gY3JlYXRlQXdzUnVtRGVidWdDbGllbnQoKTtcblxuY29uc3QgY29uZmlnOiBHb3RoYW1Db25maWd1cmF0aW9uID0ge1xuICBhcHA6IHtcbiAgICBuYW1lOiAnZ290aGFtdWknLFxuICAgIHRpdGxlOiAnR290aGFtVUknXG4gIH0sXG4gIGF3c1J1bSxcbiAgdHJhbnNsYXRpb25zOiB7XG4gICAgZW46IHtcbiAgICAgIHRyYW5zbGF0aW9uOiB7XG4gICAgICAgIC8vIEJhc2ljIHRyYW5zbGF0aW9ucyB0byBwcmV2ZW50IGkxOG4gd2FybmluZ3NcbiAgICAgICAgcGxhY2Vob2xkZXI6ICdFbnRlciB0ZXh0Li4uJyxcbiAgICAgICAgc3VibWl0OiAnU3VibWl0JyxcbiAgICAgICAgY2FuY2VsOiAnQ2FuY2VsJyxcbiAgICAgICAgbG9hZGluZzogJ0xvYWRpbmcuLi4nLFxuICAgICAgICBlcnJvcjogJ0Vycm9yJyxcbiAgICAgICAgc3VjY2VzczogJ1N1Y2Nlc3MnXG4gICAgICB9XG4gICAgfVxuICB9LFxuICByb3V0ZXM6IFtcbiAgICB7XG4gICAgICBjaGlsZHJlbjogW1xuICAgICAgICB7XG4gICAgICAgICAgZWxlbWVudDogPEhvbWVWaWV3IC8+LFxuICAgICAgICAgIHBhdGg6ICcvaG9tZScsXG4gICAgICAgICAgcHJvcHM6IHtcbiAgICAgICAgICAgIGZlYXR1cmVzOiBbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBhbGlnbjogJ3JpZ2h0JyxcbiAgICAgICAgICAgICAgICBkZXRhaWxzOiAnTGV4IGlzIGEgY29uc29sZSBsaW5lIGV4ZWN1dGlvbiB0b29sLiBXb3JrcyBvdXQgb2YgdGhlIGJveCBmb3IgYW55IFJlYWN0IHByb2plY3QsIHRha2luZyBjYXJlIG9mIGFsbCB5b3VyIGRldmVsb3BtZW50IG5lZWRzLiBObyBuZWVkIHRvIGluc3RhbGwgdW5pdCB0ZXN0aW5nLCB0cmFuc3BpbGVycywgY29tcGlsZXJzLCBvciBldmVuIGRldmVsb3BtZW50IHNlcnZlcnMuIEluc3RhbGwgTGV4IGdsb2JhbGx5IGFuZCBsZXQgZ28gb2YgYWxsIHRoZSBncnVudCB3b3JrLCBhbGxvd2luZyB5b3UgZm9jdXMgb24gY29kaW5nIHlvdXIgYXBwLicsXG4gICAgICAgICAgICAgICAgaW1hZ2U6IDxpbWcgc3JjPVwiaHR0cDovL2xleC5uaXRyb2dlbmxhYnMuY29tL2ltZy9zY3JlZW5zaG90LTEucG5nXCIgLz4sXG4gICAgICAgICAgICAgICAgdGl0bGU6ICdXaGF0IGlzIExleD8nXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIF0sXG4gICAgICAgICAgICBmb290ZXI6IHtcbiAgICAgICAgICAgICAgY29weXJpZ2h0OiAnQ29weXJpZ2h0ICZjb3B5OyAyMDE4IE5pdHJvZ2VuIExhYnMsIEluYy4nLFxuICAgICAgICAgICAgICBsb2dvOiA8U3ZnIG5hbWU9XCJnb3RoYW0tbG9nb1wiIHdpZHRoPXs2MH0gaGVpZ2h0PXs2MH0gLz4sXG4gICAgICAgICAgICAgIG1lbnU6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBsYWJlbDogJ0RvY3VtZW50YXRpb24nLFxuICAgICAgICAgICAgICAgICAgbWVudTogW1xuICAgICAgICAgICAgICAgICAgICB7bGFiZWw6ICdBYm91dCcsIHVybDogJy9hYm91dCd9LFxuICAgICAgICAgICAgICAgICAgICB7bGFiZWw6ICdHZXR0aW5nIFN0YXJ0ZWQnLCB1cmw6ICcvZ2V0dGluZ1N0YXJ0ZWQnfSxcbiAgICAgICAgICAgICAgICAgICAge2xhYmVsOiAnQ29uZmlndXJhdGlvbicsIHVybDogJy9jb25maWcnfSxcbiAgICAgICAgICAgICAgICAgICAge2xhYmVsOiAnU2V0dXAnLCB1cmw6ICcvc2V0dXAnfSxcbiAgICAgICAgICAgICAgICAgICAge2xhYmVsOiAnQVBJIFJlZmVyZW5jZScsIHVybDogJy9hcGknfVxuICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgbGFiZWw6ICdDb21tdW5pdHknLFxuICAgICAgICAgICAgICAgICAgbWVudTogW1xuICAgICAgICAgICAgICAgICAgICB7bGFiZWw6ICdTdGFja092ZXJmbG93JywgdXJsOiAnaHR0cDovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy90YWdnZWQvbGV4anMnfSxcbiAgICAgICAgICAgICAgICAgICAge2xhYmVsOiAnQ2hhdCcsIHVybDogJ2h0dHBzOi8vZGlzY29yZC5nZy9UdGdldjU4J30sXG4gICAgICAgICAgICAgICAgICAgIHtsYWJlbDogJ0ZhY2Vib29rJywgdXJsOiAnaHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL25pdHJvZ2VubGFicyd9XG4gICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBsYWJlbDogJ01vcmUnLFxuICAgICAgICAgICAgICAgICAgbWVudTogW1xuICAgICAgICAgICAgICAgICAgICB7bGFiZWw6ICdOUE0nLCB1cmw6ICdodHRwczovL25wbWpzLmNvbS9AbmxhYnMvZ290aGFtdWknfSxcbiAgICAgICAgICAgICAgICAgICAge2xhYmVsOiAnR2l0JywgdXJsOiAnaHR0cHM6Ly9naXRodWIuY29tL25pdHJvZ2VubGFicy9nb3RoYW0nfVxuICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHByb21vUm93OiB7XG4gICAgICAgICAgICAgIGxpc3Q6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBkZXRhaWxzOiAnQnVuZGxpbmcgeW91ciBhcHAgd2l0aCBXZWJwYWNrIDQhJyxcbiAgICAgICAgICAgICAgICAgIGltYWdlOiA8U3ZnIG5hbWU9XCJnb3RoYW0tbG9nb1wiIHdpZHRoPXs1MH0gaGVpZ2h0PXs1MH0gLz4sXG4gICAgICAgICAgICAgICAgICB0aXRsZTogJ1dlYnBhY2snXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBkZXRhaWxzOiAnVHJhbnNwaWxlIEVTLW5leHQsIEZsb3cgYW5kIFR5cGVzY3JpcHQnLFxuICAgICAgICAgICAgICAgICAgaW1hZ2U6IDxTdmcgbmFtZT1cImdvdGhhbS1sb2dvXCIgd2lkdGg9ezUwfSBoZWlnaHQ9ezUwfSAvPixcbiAgICAgICAgICAgICAgICAgIHRpdGxlOiAnQmFiZWwnXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBkZXRhaWxzOiAnVW5pdCBUZXN0IGhhcyBuZXZlciBiZWVuIGVhc2llci4nLFxuICAgICAgICAgICAgICAgICAgaW1hZ2U6IDxTdmcgbmFtZT1cImdvdGhhbS1sb2dvXCIgd2lkdGg9ezUwfSBoZWlnaHQ9ezUwfSAvPixcbiAgICAgICAgICAgICAgICAgIHRpdGxlOiAnSmVzdCdcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIF1cbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzcGxhc2g6IHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiAnaHR0cDovL2xleC5uaXRyb2dlbmxhYnMuY29tL2ltZy9iZy1pbWFnZS5qcGcnLFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kVGV4dENvbG9yOiAnI2ZmZicsXG4gICAgICAgICAgICAgIGJ1dHRvbnM6IFtcbiAgICAgICAgICAgICAgICB7bGFiZWw6ICdRdWljayBTdGFydCcsIHVybDogJy9xdWlja1N0YXJ0J30sXG4gICAgICAgICAgICAgICAge2xhYmVsOiAnQVBJJywgdXJsOiAnL2FwaSd9XG4gICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICAgIGltYWdlOiA8U3ZnIG5hbWU9XCJnb3RoYW0tbG9nb1wiIHdpZHRoPXsxMzB9IGhlaWdodD17MTMwfSAvPlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHRpdGxlOiAnV2VsY29tZSdcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIF0sXG4gICAgICBlbGVtZW50OiA8SG9tZVZpZXcgLz4sXG4gICAgICBpbmRleDogZmFsc2UsXG4gICAgICBwYXRoOiAnLycsXG4gICAgICBwcm9wczoge1xuICAgICAgICB0b3BCYXI6IHtcbiAgICAgICAgICBsb2dvOiA8U3ZnIG5hbWU9XCJnb3RoYW1cIiB3aWR0aD17MTc1fSBoZWlnaHQ9ezUwfSAvPixcbiAgICAgICAgICBtZW51OiBbXG4gICAgICAgICAgICB7bGFiZWw6ICdTaWduIEluJywgdXJsOiAnL3NpZ25Jbid9LFxuICAgICAgICAgICAge2xhYmVsOiAnU2lnbiBVcCcsIHVybDogJy9zaWduVXAnfVxuICAgICAgICAgIF0sXG4gICAgICAgICAgc29saWRUZXh0Q29sb3I6ICcjZmZmJyxcbiAgICAgICAgICB0cmFuc3BhcmVudFRleHRDb2xvcjogJyNmZmYnXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIF1cbn07XG5cbmNvbnN0IHJvb3QgPSBjcmVhdGVSb290KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhcHAnKSBhcyBIVE1MRWxlbWVudCk7XG5yb290LnJlbmRlcig8R290aGFtIGNvbmZpZz17Y29uZmlnfSAvPik7XG4iXSwibmFtZXMiOlsiY3JlYXRlUm9vdCIsIlN2ZyIsImNyZWF0ZUF3c1J1bURlYnVnQ2xpZW50IiwiR290aGFtIiwiSG9tZVZpZXciLCJhd3NSdW0iLCJjb25maWciLCJhcHAiLCJuYW1lIiwidGl0bGUiLCJ0cmFuc2xhdGlvbnMiLCJlbiIsInRyYW5zbGF0aW9uIiwicGxhY2Vob2xkZXIiLCJzdWJtaXQiLCJjYW5jZWwiLCJsb2FkaW5nIiwiZXJyb3IiLCJzdWNjZXNzIiwicm91dGVzIiwiY2hpbGRyZW4iLCJlbGVtZW50IiwicGF0aCIsInByb3BzIiwiZmVhdHVyZXMiLCJhbGlnbiIsImRldGFpbHMiLCJpbWFnZSIsImltZyIsInNyYyIsImZvb3RlciIsImNvcHlyaWdodCIsImxvZ28iLCJ3aWR0aCIsImhlaWdodCIsIm1lbnUiLCJsYWJlbCIsInVybCIsInByb21vUm93IiwibGlzdCIsInNwbGFzaCIsImJhY2tncm91bmRJbWFnZSIsImJhY2tncm91bmRUZXh0Q29sb3IiLCJidXR0b25zIiwiaW5kZXgiLCJ0b3BCYXIiLCJzb2xpZFRleHRDb2xvciIsInRyYW5zcGFyZW50VGV4dENvbG9yIiwicm9vdCIsImRvY3VtZW50IiwiZ2V0RWxlbWVudEJ5SWQiLCJyZW5kZXIiXSwibWFwcGluZ3MiOiI7QUFBQTs7O0NBR0MsR0FDRCxTQUFRQSxVQUFVLFFBQU8sbUJBQW1C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