@benev/web 0.1.0-3 → 0.1.0-4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@benev/web",
-	"version": "0.1.0-3",
+	"version": "0.1.0-4",
 	"description": "✨ benev web sdk",
 	"license": "MIT",
 	"type": "module",
@@ -20,7 +20,7 @@
 		"count": "find s -path '*/_archive' -prune -o -name '*.ts' -exec wc -l {} +"
 	},
 	"allowScripts": {
-		"esbuild@0.28.1": true
+		"esbuild@0.28.2": true
 	},
 	"peerDependencies": {
 		"@e280/sly": "^0.4.4",
@@ -28,13 +28,16 @@
 		"lit": "^3.3.2"
 	},
 	"dependencies": {
-		"@e280/stz": "^0.3.7"
+		"@e280/authlocal": "^0.3.0",
+		"@e280/kv": "^0.2.0",
+		"@e280/renraku": "0.6.0-6",
+		"@e280/stz": "^0.3.10"
 	},
 	"devDependencies": {
-		"@e280/hottie": "^0.1.2",
-		"@e280/octo": "^0.1.3",
-		"@e280/science": "^0.1.11",
-		"@e280/scute": "^0.5.0",
+		"@e280/hottie": "^0.1.5",
+		"@e280/octo": "^0.1.5",
+		"@e280/science": "^0.1.12",
+		"@e280/scute": "^0.5.2",
 		"typescript": "^7.0.2"
 	},
 	"author": "Chase Moskal <chasemoskal@gmail.com>",

package/s/bconfig.ts

@@ -0,0 +1,9 @@
+
+export const bconfig = {
+	anim: 300,
+	zones: {
+		games: {path: "/"},
+		devlog: {path: "/d/"},
+	},
+}
+

package/s/css/parts/common.csstext.ts

@@ -91,6 +91,44 @@ benev-header {
 			height: var(--benev-b-size);
 		}
 	}
+
+	a {
+		position: relative;
+		color: var(--benev-prime);
+		padding: 0.2em;
+		font-size: 1.2em;
+
+		&[data-active] {
+			text-shadow: 0 0 0.5em currentColor;
+
+			&::after {
+				content: "•";
+				display: block;
+				position: absolute;
+				top: 90%;
+				left: 0;
+				right: 0;
+				line-height: 0;
+				text-align: center;
+				text-shadow:
+					0 0 0.5em currentColor,
+					0 0 0.5em currentColor;
+			}
+		}
+	}
+}
+
+benev-footer {
+	width: 100%;
+	max-width: var(--benev-site-width);
+	margin-left: auto;
+	margin-right: auto;
+
+	display: flex;
+	gap: var(--benev-space);
+	justify-content: end;
+	padding: var(--benev-space);
+	--benev-link: #fffa;
 }
 
 [benev-prose] {

package/s/css/parts/core.csstext.ts

@@ -42,7 +42,7 @@ a {
 		&:hover, &:focus-visible {
 			color: inherit;
 			text-decoration: none;
-			filter: brightness(105%);
+			filter: brightness(110%);
 		}
 
 		&:active {

package/s/css/parts/vars.csstext.ts

@@ -1,6 +1,6 @@
 
 import {templateString as css} from "@e280/stz"
-import {consts} from "../../consts.js"
+import {bconfig} from "../../bconfig.js"
 export default css`
 
 --benev-font-size: 18px;
@@ -28,7 +28,7 @@ export default css`
 
 --benev-pad: 0.5em;
 --benev-space: 1em;
---benev-anim: ${consts.anim}ms;
+--benev-anim: ${bconfig.anim}ms;
 --benev-round: 0.5em;
 --benev-blur: blur(1em);
 --benev-backdrop: #0008;

package/s/dom/account/account.ts

@@ -0,0 +1,7 @@
+
+import {Auth} from "@e280/authlocal"
+
+export class Account {
+	constructor(public auth: Auth) {}
+}
+

package/s/dom/account/style.css.ts

@@ -0,0 +1,6 @@
+
+import {css} from "lit"
+export default css`@layer benev.view {
+
+}`
+

package/s/dom/account/view.ts

@@ -0,0 +1,16 @@
+
+import {html} from "lit"
+import {shadowElement, useCss} from "@e280/sly"
+
+import {Account} from "./account.js"
+import styleCss from "./style.css.js"
+import {themeCss} from "../../css/theme.css.js"
+
+export const makeBenevAccount = (_account: Account) => shadowElement(() => {
+	useCss(themeCss, styleCss)
+
+	return html`
+		<benev-auth>Sign in</benev-auth>
+	`
+})
+

package/s/dom/footer/style.css.ts

@@ -0,0 +1,6 @@
+
+import {css} from "lit"
+export default css`@layer benev.view {
+
+}`
+

package/s/dom/footer/view.ts

@@ -0,0 +1,13 @@
+
+import {html} from "lit"
+import {useCss} from "@e280/sly"
+
+import styleCss from "./style.css.js"
+import {themeCss} from "../../css/theme.css.js"
+import {shadowDuplex} from "../tools/shadow-duplex.js"
+
+export const [FooterView, makeBenevFooter] = shadowDuplex("benev-footer", () => {
+	useCss(themeCss, styleCss)
+	return html`<slot></slot>`
+})
+

package/s/dom/header/view.ts

@@ -1,13 +1,18 @@
 
 import {html} from "lit"
-import {shadow, shadowElement, useCss, useName} from "@e280/sly"
+import {useCss} from "@e280/sly"
+
+import styleCss from "./style.css.js"
 import {Shell} from "../../vitals/shell.js"
 import {bDataPng} from "../../assets/b.png.js"
 import {themeCss} from "../../css/theme.css.js"
-import styleCss from "./style.css.js"
+import {shadowDuplex} from "../tools/shadow-duplex.js"
+
+export const [HeaderView, makeBenevHeader] = shadowDuplex("benev-header", (shell: Shell) => {
+	useCss(themeCss, styleCss)
 
-const Header = (shell: Shell) => {
 	const click = () => shell.toggle()
+
 	return html`
 		<nav part=nav ?data-opened=${shell.open} ?data-closed=${!shell.open}>
 			<button benev-button=naked title="b menu" @click=${click}>
@@ -16,16 +21,5 @@ const Header = (shell: Shell) => {
 			<slot></slot>
 		</nav>
 	`
-}
-
-export const HeaderView = shadow((shell: Shell) => {
-	useName("header")
-	useCss(themeCss, styleCss)
-	return Header(shell)
-})
-
-export const headerElement = (shell: Shell) => shadowElement(() => {
-	useCss(themeCss, styleCss)
-	return Header(shell)
 })
 

package/s/dom/loader/loader.ts

@@ -1,7 +1,7 @@
 
 import {nap} from "@e280/stz"
 import {Content, dom} from "@e280/sly"
-import {consts} from "../../consts.js"
+import {bconfig} from "../../bconfig.js"
 
 export class Loader {
 	original
@@ -12,7 +12,7 @@ export class Loader {
 
 	constructor(
 			public element: HTMLElement,
-			public anim = consts.anim,
+			public anim = bconfig.anim,
 		) {
 
 		this.original = document.createElement("template")

package/s/dom/loader/style.css.ts

@@ -14,15 +14,18 @@ export default css`@layer benev.view {
 	pointer-events: none;
 
 	opacity: 1;
+	transform: scale(100%);
 	visibility: visible;
 
 	transition:
 		opacity var(--benev-anim) linear,
+		transform var(--benev-anim) ease,
 		visiblity 0ms linear allow-discrete;
 }
 
 :host(:not([loading])) .veil {
 	opacity: 0;
+	transform: scale(0%);
 	visiblity: hidden;
 }
 

package/s/dom/loader/view.ts

@@ -1,9 +1,10 @@
 
 import {html} from "lit"
 import {shadowElement, useCss} from "@e280/sly"
+
+import styleCss from "./style.css.js"
 import {themeCss} from "../../css/theme.css.js"
 import {bDataPng} from "../../assets/b.png.js"
-import styleCss from "./style.css.js"
 
 export const BenevLoader = shadowElement(() => {
 	useCss(themeCss, styleCss)

package/s/dom/menu/view.ts

@@ -9,7 +9,7 @@ import {onKeypress} from "./utils/on-keypress.js"
 import {clickBackdrop} from "./utils/click-backdrop.js"
 import {useAfterFirstRender} from "./utils/use-after-first-render.js"
 
-export const menuComponent = (shell: Shell) => shadowElement(() => {
+export const makeBenevMenu = (shell: Shell) => shadowElement(() => {
 	useCss(themeCss, styleCss)
 	useAfterFirstRender(shadow => shell.attach(dom("dialog", shadow)))
 	useMount(onKeypress(["KeyB", "Escape"], () => shell.toggle()))

package/s/dom/tools/shadow-duplex.ts

@@ -0,0 +1,17 @@
+
+import {Content, shadow, shadowElement, useName} from "@e280/sly"
+
+export function shadowDuplex<P extends any[]>(name: string, render: (...p: P) => Content) {
+	const view = shadow((...p: P) => {
+		useName(name)
+		return render(...p)
+	})
+
+	const makeElement = (...p: P) => shadowElement(() => render(...p))
+
+	return [view, makeElement] as [
+		view: typeof view,
+		makeElement: typeof makeElement,
+	]
+}
+

package/s/index-ssg.ts

@@ -1,3 +1,7 @@
 
 export * from "./css/benev.csstext.js"
+export * from "./ssg/top-nav.js"
+
+export * from "./bconfig.js"
+export * from "./types.js"
 

package/s/index.html.ts

@@ -1,5 +1,6 @@
 
 import {template, html, socialCard, dataSvgEmoji} from "@e280/scute"
+import {topNav} from "./ssg/top-nav.js"
 import {benevCssText} from "./css/benev.csstext.js"
 
 export default template(import.meta.url, async orb => html`
@@ -27,10 +28,12 @@ export default template(import.meta.url, async orb => html`
 			})}
 		</head>
 		<body>
-			<benev-menu></benev-menu>
+			<benev-menu>
+				<benev-account></benev-account>
+			</benev-menu>
 
 			<benev-header>
-				<a href="https://benev.gg/">benev.gg</a>
+				${topNav("games")}
 			</benev-header>
 
 			<benev-loader>

package/s/index.ts

@@ -10,5 +10,6 @@ export * from "./dom/loader/view.js"
 export * from "./dom/loader/loader.js"
 export * from "./dom/menu/view.js"
 
-export * from "./consts.js"
+export * from "./bconfig.js"
+export * from "./types.js"
 

package/s/ssg/top-nav.ts

@@ -0,0 +1,18 @@
+
+import {html} from "@e280/scute"
+import {Zone} from "../types.js"
+import { bconfig } from "../bconfig.js"
+
+export function topNav(currentZone: Zone) {
+	return html`
+		${navlink(currentZone, "games")}
+		${navlink(currentZone, "devlog")}
+	`
+}
+
+const navlink = (currentZone: string, zone: Zone) => (
+	(zone === currentZone)
+		? html`<a href="${bconfig.zones[zone].path}" data-active>${zone}</a>`
+		: html`<a href="${bconfig.zones[zone].path}">${zone}</a>`
+)
+

package/s/types.ts

@@ -0,0 +1,5 @@
+
+import type {bconfig} from "./bconfig.js"
+
+export type Zone = keyof (typeof bconfig)["zones"]
+

package/s/vitals/setup.ts

@@ -1,21 +1,29 @@
 
+import {Auth, makeAuthWidget} from "@e280/authlocal"
 import {Shell} from "./shell.js"
+import {Account} from "../dom/account/account.js"
 import {BenevLoader} from "../dom/loader/view.js"
-import {menuComponent} from "../dom/menu/view.js"
-import {headerElement} from "../dom/header/view.js"
+import {makeBenevMenu} from "../dom/menu/view.js"
+import {makeBenevFooter} from "../dom/footer/view.js"
+import {makeBenevHeader} from "../dom/header/view.js"
+import {makeBenevAccount} from "../dom/account/view.js"
 
 export async function setupBenev() {
 	const shell = new Shell()
+	const auth = new Auth()
+	const account = new Account(auth)
 
 	const elements = {
-		BenevHeader: headerElement(shell),
-		BenevMenu: menuComponent(shell),
-		BenevLoader: BenevLoader,
+		BenevLoader,
+		BenevFooter: makeBenevFooter(),
+		BenevMenu: makeBenevMenu(shell),
+		BenevHeader: makeBenevHeader(shell),
+		BenevAccount: makeBenevAccount(account),
+		BenevAuth: makeAuthWidget(account.auth),
 	}
 
-	return {
-		shell,
-		elements,
-	}
+	await auth.remember()
+
+	return {account, shell, elements}
 }
 

package/s/vitals/shell.ts

@@ -1,7 +1,7 @@
 
-import {tracker} from "@e280/strata"
 import {got, nap} from "@e280/stz"
-import {consts} from "../consts.js"
+import {tracker} from "@e280/strata"
+import {bconfig} from "../bconfig.js"
 
 export class Shell {
 	#dialog?: HTMLDialogElement
@@ -52,7 +52,7 @@ export class Shell {
 		const token = ++this.#closeToken
 		dialog.setAttribute("data-closing", "")
 
-		nap(consts.anim).then(() => {
+		nap(bconfig.anim).then(() => {
 			if (token !== this.#closeToken)
 				return
 

package/x/bconfig.d.ts

@@ -0,0 +1,11 @@
+export declare const bconfig: {
+    anim: number;
+    zones: {
+        games: {
+            path: string;
+        };
+        devlog: {
+            path: string;
+        };
+    };
+};

package/x/bconfig.js

@@ -0,0 +1,8 @@
+export const bconfig = {
+    anim: 300,
+    zones: {
+        games: { path: "/" },
+        devlog: { path: "/d/" },
+    },
+};
+//# sourceMappingURL=bconfig.js.map

package/x/bconfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bconfig.js","sourceRoot":"","sources":["../s/bconfig.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,EAAC;QAClB,MAAM,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC;KACrB;CACD,CAAA"}

package/x/css/parts/common.csstext.js

@@ -90,6 +90,44 @@ benev-header {
 			height: var(--benev-b-size);
 		}
 	}
+
+	a {
+		position: relative;
+		color: var(--benev-prime);
+		padding: 0.2em;
+		font-size: 1.2em;
+
+		&[data-active] {
+			text-shadow: 0 0 0.5em currentColor;
+
+			&::after {
+				content: "•";
+				display: block;
+				position: absolute;
+				top: 90%;
+				left: 0;
+				right: 0;
+				line-height: 0;
+				text-align: center;
+				text-shadow:
+					0 0 0.5em currentColor,
+					0 0 0.5em currentColor;
+			}
+		}
+	}
+}
+
+benev-footer {
+	width: 100%;
+	max-width: var(--benev-site-width);
+	margin-left: auto;
+	margin-right: auto;
+
+	display: flex;
+	gap: var(--benev-space);
+	justify-content: end;
+	padding: var(--benev-space);
+	--benev-link: #fffa;
 }
 
 [benev-prose] {

package/x/css/parts/common.csstext.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/common.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKjB,CAAA"}
+{"version":3,"file":"common.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/common.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+MjB,CAAA"}

package/x/css/parts/core.csstext.js

@@ -41,7 +41,7 @@ a {
 		&:hover, &:focus-visible {
 			color: inherit;
 			text-decoration: none;
-			filter: brightness(105%);
+			filter: brightness(110%);
 		}
 
 		&:active {

package/x/css/parts/vars.csstext.js

@@ -1,5 +1,5 @@
 import { templateString as css } from "@e280/stz";
-import { consts } from "../../consts.js";
+import { bconfig } from "../../bconfig.js";
 export default css `
 
 --benev-font-size: 18px;
@@ -27,7 +27,7 @@ export default css `
 
 --benev-pad: 0.5em;
 --benev-space: 1em;
---benev-anim: ${consts.anim}ms;
+--benev-anim: ${bconfig.anim}ms;
 --benev-round: 0.5em;
 --benev-blur: blur(1em);
 --benev-backdrop: #0008;

package/x/css/parts/vars.csstext.js.map

@@ -1 +1 @@
-{"version":3,"file":"vars.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/vars.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAA;AACtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2BF,MAAM,CAAC,IAAI;;;;;;;;CAQ1B,CAAA"}
+{"version":3,"file":"vars.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/vars.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AACxC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2BF,OAAO,CAAC,IAAI;;;;;;;;CAQ3B,CAAA"}

package/x/dom/account/account.d.ts

@@ -0,0 +1,5 @@
+import { Auth } from "@e280/authlocal";
+export declare class Account {
+    auth: Auth;
+    constructor(auth: Auth);
+}

package/x/dom/account/account.js

@@ -0,0 +1,7 @@
+export class Account {
+    auth;
+    constructor(auth) {
+        this.auth = auth;
+    }
+}
+//# sourceMappingURL=account.js.map

package/x/dom/account/account.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account.js","sourceRoot":"","sources":["../../../s/dom/account/account.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,OAAO;IACA,IAAI;IAAvB,YAAmB,IAAU;oBAAV,IAAI;IAAS,CAAC;CACjC"}

package/x/dom/account/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/dom/account/style.css.js

@@ -0,0 +1,5 @@
+import { css } from "lit";
+export default css `@layer benev.view {
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/dom/account/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/account/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;EAEhB,CAAA"}

package/x/dom/account/view.d.ts

@@ -0,0 +1,2 @@
+import { Account } from "./account.js";
+export declare const makeBenevAccount: (_account: Account) => new () => HTMLElement;

package/x/dom/account/view.js

@@ -0,0 +1,11 @@
+import { html } from "lit";
+import { shadowElement, useCss } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { themeCss } from "../../css/theme.css.js";
+export const makeBenevAccount = (_account) => shadowElement(() => {
+    useCss(themeCss, styleCss);
+    return html `
+		<benev-auth>Sign in</benev-auth>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/dom/account/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/account/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAG/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE;IACzE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;;EAEV,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/footer/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/dom/footer/style.css.js

@@ -0,0 +1,5 @@
+import { css } from "lit";
+export default css `@layer benev.view {
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/dom/footer/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/footer/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;EAEhB,CAAA"}

package/x/dom/footer/view.d.ts

@@ -0,0 +1 @@
+export declare const FooterView: import("@e280/sly").ShadowView<[]>, makeBenevFooter: () => new () => HTMLElement;

package/x/dom/footer/view.js

@@ -0,0 +1,10 @@
+import { html } from "lit";
+import { useCss } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { themeCss } from "../../css/theme.css.js";
+import { shadowDuplex } from "../tools/shadow-duplex.js";
+export const [FooterView, makeBenevFooter] = shadowDuplex("benev-footer", () => {
+    useCss(themeCss, styleCss);
+    return html `<slot></slot>`;
+});
+//# sourceMappingURL=view.js.map

package/x/dom/footer/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/footer/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAEhC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAA;AAEtD,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,YAAY,CAAC,cAAc,EAAE,GAAG,EAAE;IAC9E,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1B,OAAO,IAAI,CAAA,eAAe,CAAA;AAC3B,CAAC,CAAC,CAAA"}

package/x/dom/header/view.d.ts

@@ -1,3 +1,2 @@
 import { Shell } from "../../vitals/shell.js";
-export declare const HeaderView: import("@e280/sly").ShadowView<[shell: Shell]>;
-export declare const headerElement: (shell: Shell) => new () => HTMLElement;
+export declare const HeaderView: import("@e280/sly").ShadowView<[shell: Shell]>, makeBenevHeader: (shell: Shell) => new () => HTMLElement;