brand-shell 0.11.0 → 0.13.0

package/dist/web.d.mts

@@ -1,4 +1,4 @@
-import { i as BrandTheme, n as BrandDetails, r as BrandNavLink, t as BrandAction } from "./types-PQziYg7Z.mjs";
+import { C as BrandAction, E as BrandTheme, T as BrandNavLink, c as validateBrandTheme, s as validateBrandDetails, w as BrandDetails } from "./validation-Cic4hPME.mjs";
 
 //#region src/web/index.d.ts
 declare const HTMLElementBase: typeof HTMLElement;
@@ -6,15 +6,24 @@ interface RegisterBrandShellElementsOptions {
   headerTagName?: string;
   footerTagName?: string;
 }
+interface LinkFactoryOptions {
+  href: string;
+  className: string;
+  ariaLabel: string;
+  target: string;
+  rel?: string;
+}
 interface BrandShellElementProps {
   details: BrandDetails;
   theme?: BrandTheme | null;
   shellClass?: string | null;
+  linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement;
 }
 type BrandShellElementLike = HTMLElement & {
   details?: BrandDetails | null;
   theme?: BrandTheme | null;
   shellClass?: string | null;
+  linkFactory?: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null;
 };
 interface SerializedBrandShellAttributes {
   details: string;
@@ -26,23 +35,26 @@ declare abstract class BaseBrandShellElement extends HTMLElementBase {
   private _details;
   private _theme;
   private _shellClass;
+  private _linkFactory;
   get details(): BrandDetails | null;
   set details(value: BrandDetails | null);
   get theme(): BrandTheme | null;
   set theme(value: BrandTheme | null);
   get shellClass(): string | null;
   set shellClass(value: string | null);
+  get linkFactory(): ((options: LinkFactoryOptions) => HTMLAnchorElement) | null;
+  set linkFactory(value: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null);
   connectedCallback(): void;
   attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
-  protected abstract build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement;
+  protected abstract build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null, linkFactory: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null): HTMLElement;
   private render;
   private upgradeProperty;
 }
 declare class BrandHeaderElement extends BaseBrandShellElement {
-  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement;
+  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null, linkFactory: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null): HTMLElement;
 }
 declare class BrandFooterElement extends BaseBrandShellElement {
-  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement;
+  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null, linkFactory: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null): HTMLElement;
 }
 declare function registerBrandShellElements(options?: RegisterBrandShellElementsOptions): {
   headerTagName: string;
@@ -57,5 +69,5 @@ declare global {
   }
 } //# sourceMappingURL=index.d.ts.map
 //#endregion
-export { type BrandAction, type BrandDetails, BrandFooterElement, BrandHeaderElement, type BrandNavLink, BrandShellElementLike, BrandShellElementProps, type BrandTheme, RegisterBrandShellElementsOptions, SerializedBrandShellAttributes, applyBrandShellProps, registerBrandShellElements, serializeBrandShellAttributes };
+export { type BrandAction, type BrandDetails, BrandFooterElement, BrandHeaderElement, type BrandNavLink, BrandShellElementLike, BrandShellElementProps, type BrandTheme, LinkFactoryOptions, RegisterBrandShellElementsOptions, SerializedBrandShellAttributes, applyBrandShellProps, registerBrandShellElements, serializeBrandShellAttributes, validateBrandDetails, validateBrandTheme };
 //# sourceMappingURL=web.d.mts.map

package/dist/web.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"web.d.mts","names":[],"sources":["../src/web/index.ts"],"mappings":";;;cAwBM,eAAA,SAAwB,WAAA;AAAA,UAGb,iCAAA;EACf,aAAA;EACA,aAAA;AAAA;AAAA,UAGe,sBAAA;EACf,OAAA,EAAS,YAAA;EACT,KAAA,GAAQ,UAAA;EACR,UAAA;AAAA;AAAA,KAGU,qBAAA,GAAwB,WAAA;EAClC,OAAA,GAAU,YAAA;EACV,KAAA,GAAQ,UAAA;EACR,UAAA;AAAA;AAAA,UAGe,8BAAA;EACf,OAAA;EACA,KAAA;EACA,aAAA;AAAA;AAAA,uBASa,qBAAA,SAA8B,eAAA;EAAA,WAChC,kBAAA,CAAA;EAAA,QAIH,QAAA;EAAA,QACA,MAAA;EAAA,QACA,WAAA;EAAA,IAEJ,OAAA,CAAA,GAAW,YAAA;EAAA,IAIX,OAAA,CAAQ,KAAA,EAAO,YAAA;EAAA,IAKf,KAAA,CAAA,GAAS,UAAA;EAAA,IAIT,KAAA,CAAM,KAAA,EAAO,UAAA;EAAA,IAKb,UAAA,CAAA;EAAA,IAIA,UAAA,CAAW,KAAA;EAKf,iBAAA,CAAA;EAcA,wBAAA,CAAyB,IAAA,UAAc,SAAA,iBAA0B,QAAA;EAAA,mBAW9C,KAAA,CAAM,OAAA,EAAS,YAAA,EAAc,KAAA,EAAO,UAAA,SAAmB,UAAA,kBAA4B,WAAA;EAAA,QAE9F,MAAA;EAAA,QA2BA,eAAA;AAAA;AAAA,cASG,kBAAA,SAA2B,qBAAA;EAAA,UAC5B,KAAA,CAAM,OAAA,EAAS,YAAA,EAAc,KAAA,EAAO,UAAA,SAAmB,UAAA,kBAA4B,WAAA;AAAA;AAAA,cAKlF,kBAAA,SAA2B,qBAAA;EAAA,UAC5B,KAAA,CAAM,OAAA,EAAS,YAAA,EAAc,KAAA,EAAO,UAAA,SAAmB,UAAA,kBAA4B,WAAA;AAAA;AAAA,iBAK/E,0BAAA,CAA2B,OAAA,GAAS,iCAAA;;;;iBAsBpC,oBAAA,CACd,OAAA,EAAS,qBAAA,qBACT,KAAA,EAAO,sBAAA;AAAA,iBAYO,6BAAA,CAA8B,KAAA,EAAO,sBAAA,GAAyB,8BAAA;AAAA,QAgTtE,MAAA;EAAA,UACI,qBAAA;IACR,cAAA,EAAgB,kBAAA;IAChB,cAAA,EAAgB,kBAAA;EAAA;AAAA"}
+{"version":3,"file":"web.d.mts","names":[],"sources":["../src/web/index.ts"],"mappings":";;;cAyBM,eAAA,SAAwB,WAAA;AAAA,UAGb,iCAAA;EACf,aAAA;EACA,aAAA;AAAA;AAAA,UAGe,kBAAA;EACf,IAAA;EACA,SAAA;EACA,SAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,UAGe,sBAAA;EACf,OAAA,EAAS,YAAA;EACT,KAAA,GAAQ,UAAA;EACR,UAAA;EACA,WAAA,IAAe,OAAA,EAAS,kBAAA,KAAuB,iBAAA;AAAA;AAAA,KAGrC,qBAAA,GAAwB,WAAA;EAClC,OAAA,GAAU,YAAA;EACV,KAAA,GAAQ,UAAA;EACR,UAAA;EACA,WAAA,KAAgB,OAAA,EAAS,kBAAA,KAAuB,iBAAA;AAAA;AAAA,UAGjC,8BAAA;EACf,OAAA;EACA,KAAA;EACA,aAAA;AAAA;AAAA,uBASa,qBAAA,SAA8B,eAAA;EAAA,WAChC,kBAAA,CAAA;EAAA,QAIH,QAAA;EAAA,QACA,MAAA;EAAA,QACA,WAAA;EAAA,QACA,YAAA;EAAA,IAEJ,OAAA,CAAA,GAAW,YAAA;EAAA,IAIX,OAAA,CAAQ,KAAA,EAAO,YAAA;EAAA,IAKf,KAAA,CAAA,GAAS,UAAA;EAAA,IAIT,KAAA,CAAM,KAAA,EAAO,UAAA;EAAA,IAKb,UAAA,CAAA;EAAA,IAIA,UAAA,CAAW,KAAA;EAAA,IAKX,WAAA,CAAA,KAAiB,OAAA,EAAS,kBAAA,KAAuB,iBAAA;EAAA,IAIjD,WAAA,CAAY,KAAA,IAAS,OAAA,EAAS,kBAAA,KAAuB,iBAAA;EAKzD,iBAAA,CAAA;EAeA,wBAAA,CAAyB,IAAA,UAAc,SAAA,iBAA0B,QAAA;EAAA,mBAW9C,KAAA,CACjB,OAAA,EAAS,YAAA,EACT,KAAA,EAAO,UAAA,SACP,UAAA,iBACA,WAAA,IAAe,OAAA,EAAS,kBAAA,KAAuB,iBAAA,WAC9C,WAAA;EAAA,QAEK,MAAA;EAAA,QA2BA,eAAA;AAAA;AAAA,cASG,kBAAA,SAA2B,qBAAA;EAAA,UAC5B,KAAA,CACR,OAAA,EAAS,YAAA,EACT,KAAA,EAAO,UAAA,SACP,UAAA,iBACA,WAAA,IAAe,OAAA,EAAS,kBAAA,KAAuB,iBAAA,WAC9C,WAAA;AAAA;AAAA,cAKQ,kBAAA,SAA2B,qBAAA;EAAA,UAC5B,KAAA,CACR,OAAA,EAAS,YAAA,EACT,KAAA,EAAO,UAAA,SACP,UAAA,iBACA,WAAA,IAAe,OAAA,EAAS,kBAAA,KAAuB,iBAAA,WAC9C,WAAA;AAAA;AAAA,iBAKW,0BAAA,CAA2B,OAAA,GAAS,iCAAA;;;;iBAsBpC,oBAAA,CACd,OAAA,EAAS,qBAAA,qBACT,KAAA,EAAO,sBAAA;AAAA,iBAaO,6BAAA,CAA8B,KAAA,EAAO,sBAAA,GAAyB,8BAAA;AAAA,QAwXtE,MAAA;EAAA,UACI,qBAAA;IACR,cAAA,EAAgB,kBAAA;IAChB,cAAA,EAAgB,kBAAA;EAAA;AAAA"}

package/dist/web.mjs

@@ -1,4 +1,4 @@
-import { a as normalizeBrandTheme, c as themeToCssVariables, l as shouldValidateInDev, n as assertValidBrandDetails, o as validateBrandDetails, r as assertValidBrandTheme, s as validateBrandTheme, t as BrandShellValidationError, u as buildShellViewModel } from "./validation-xdqzwr3p.mjs";
+import { a as normalizeBrandTheme, c as themeToCssVariables, l as shouldValidateInDev, n as assertValidBrandDetails, o as validateBrandDetails, r as assertValidBrandTheme, s as validateBrandTheme, t as BrandShellValidationError, u as buildShellViewModel } from "./validation-CtH2UkVv.mjs";
 
 //#region src/web/index.ts
 const SVG_NS = "http://www.w3.org/2000/svg";
@@ -9,6 +9,7 @@ var BaseBrandShellElement = class extends HTMLElementBase {
 		this._details = null;
 		this._theme = null;
 		this._shellClass = null;
+		this._linkFactory = null;
 	}
 	static get observedAttributes() {
 		return [
@@ -38,10 +39,18 @@ var BaseBrandShellElement = class extends HTMLElementBase {
 		this._shellClass = value;
 		this.render();
 	}
+	get linkFactory() {
+		return this._linkFactory;
+	}
+	set linkFactory(value) {
+		this._linkFactory = value;
+		this.render();
+	}
 	connectedCallback() {
 		this.upgradeProperty("details");
 		this.upgradeProperty("theme");
 		this.upgradeProperty("shellClass");
+		this.upgradeProperty("linkFactory");
 		const attrs = parseAttributes(this);
 		if (this._details == null) this._details = attrs.details;
 		if (this._theme == null) this._theme = attrs.theme;
@@ -70,7 +79,7 @@ var BaseBrandShellElement = class extends HTMLElementBase {
 		if (!themeResult.valid && shouldValidateInDev()) throw new BrandShellValidationError("brand-shell/web theme", themeResult.errors);
 		const normalizedDetails = detailsResult.normalized;
 		const normalizedTheme = themeResult.normalized ?? null;
-		const element = this.build(normalizedDetails, normalizedTheme, this._shellClass);
+		const element = this.build(normalizedDetails, normalizedTheme, this._shellClass, this._linkFactory);
 		this.replaceChildren(element);
 	}
 	upgradeProperty(propertyName) {
@@ -82,13 +91,13 @@ var BaseBrandShellElement = class extends HTMLElementBase {
 	}
 };
 var BrandHeaderElement = class extends BaseBrandShellElement {
-	build(details, theme, shellClass) {
-		return createHeader(details, theme, shellClass);
+	build(details, theme, shellClass, linkFactory) {
+		return createHeader(details, theme, shellClass, linkFactory ?? void 0);
 	}
 };
 var BrandFooterElement = class extends BaseBrandShellElement {
-	build(details, theme, shellClass) {
-		return createFooter(details, theme, shellClass);
+	build(details, theme, shellClass, linkFactory) {
+		return createFooter(details, theme, shellClass, linkFactory ?? void 0);
 	}
 };
 function registerBrandShellElements(options = {}) {
@@ -117,6 +126,7 @@ function applyBrandShellProps(element, props) {
 	element.details = validateBrandDetails(props.details).normalized ?? props.details;
 	element.theme = normalizeBrandTheme(props.theme ?? null);
 	element.shellClass = props.shellClass ?? null;
+	element.linkFactory = props.linkFactory ?? null;
 }
 function serializeBrandShellAttributes(props) {
 	if (shouldValidateInDev()) {
@@ -151,7 +161,7 @@ function normalizeClassName(value) {
 	const trimmed = value.trim();
 	return trimmed.length > 0 ? trimmed : null;
 }
-function createHeader(details, theme, shellClass) {
+function createHeader(details, theme, shellClass, linkFactory) {
 	const header = document.createElement("header");
 	header.className = joinClassNames("brand-shell-header", shellClass);
 	header.setAttribute("role", "banner");
@@ -159,20 +169,19 @@ function createHeader(details, theme, shellClass) {
 	header.dataset.brandCtaLayout = resolveCtaLayout(theme);
 	const inner = document.createElement("div");
 	inner.className = "brand-shell-header__inner";
-	const identity = details.homeHref ? createAnchor(details.homeHref, "brand-shell-header__name", details.name) : createSpan("brand-shell-header__name", details.name);
-	if (details.homeHref && identity instanceof HTMLAnchorElement) identity.setAttribute("aria-label", `${details.name} home`);
+	const identity = details.homeHref ? createAnchor(details.homeHref, "brand-shell-header__name", details.name, `${details.name} home`, "_self", void 0, linkFactory) : createSpan("brand-shell-header__name", details.name);
 	inner.append(identity);
 	const actions = document.createElement("div");
 	actions.className = "brand-shell-header__actions";
 	const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(details);
-	if (navLinks.length > 0) actions.append(createNav(navLinks, "brand-shell-header", "Primary"));
-	if (ctaLinks.length > 0) actions.append(createCtas(ctaLinks, "brand-shell-header__ctas"));
+	if (navLinks.length > 0) actions.append(createNav(navLinks, "brand-shell-header", "Primary", linkFactory));
+	if (ctaLinks.length > 0) actions.append(createCtas(ctaLinks, "brand-shell-header__ctas", linkFactory));
 	if (socialLinks.length > 0) actions.append(createSocialLinks(socialLinks, "brand-shell-header__social", "brand-shell-header__social-link"));
 	inner.append(actions);
 	header.append(inner);
 	return header;
 }
-function createFooter(details, theme, shellClass) {
+function createFooter(details, theme, shellClass, linkFactory) {
 	const footer = document.createElement("footer");
 	footer.className = joinClassNames("brand-shell-footer", shellClass);
 	footer.setAttribute("role", "contentinfo");
@@ -188,15 +197,15 @@ function createFooter(details, theme, shellClass) {
 	if (details.tagline) brand.append(createParagraph("brand-shell-footer__tagline", details.tagline));
 	top.append(brand);
 	const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(details);
-	if (navLinks.length > 0) top.append(createNav(navLinks, "brand-shell-footer", "Footer"));
-	if (ctaLinks.length > 0) top.append(createCtas(ctaLinks, "brand-shell-footer__ctas"));
+	if (navLinks.length > 0) top.append(createNav(navLinks, "brand-shell-footer", "Footer", linkFactory));
+	if (ctaLinks.length > 0) top.append(createCtas(ctaLinks, "brand-shell-footer__ctas", linkFactory));
 	if (socialLinks.length > 0) top.append(createSocialLinks(socialLinks, "brand-shell-footer__social", "brand-shell-footer__social-link"));
 	const copy = createParagraph("brand-shell-footer__copy", `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${details.name}`);
 	inner.append(top, copy);
 	footer.append(inner);
 	return footer;
 }
-function createNav(links, blockClass, ariaLabel) {
+function createNav(links, blockClass, ariaLabel, linkFactory) {
 	const nav = document.createElement("nav");
 	nav.className = `${blockClass}__nav`;
 	nav.setAttribute("aria-label", ariaLabel);
@@ -204,25 +213,18 @@ function createNav(links, blockClass, ariaLabel) {
 	list.className = `${blockClass}__list`;
 	for (const link of links) {
 		const item = document.createElement("li");
-		const anchor = createAnchor(link.href, `${blockClass}__link`, link.label);
-		anchor.target = link.target;
-		if (link.rel) anchor.rel = link.rel;
-		anchor.setAttribute("aria-label", link.ariaLabel);
+		const anchor = createAnchor(link.href, `${blockClass}__link`, link.label, link.ariaLabel, link.target, link.rel, linkFactory);
 		item.append(anchor);
 		list.append(item);
 	}
 	nav.append(list);
 	return nav;
 }
-function createCtas(actions, containerClass) {
+function createCtas(actions, containerClass, linkFactory) {
 	const container = document.createElement("div");
 	container.className = containerClass;
 	actions.forEach((action) => {
-		const anchor = createAnchor(action.href, "brand-shell-button", action.label);
-		anchor.className = joinClassNames(anchor.className, `brand-shell-button--${action.variant}`);
-		anchor.setAttribute("aria-label", action.ariaLabel);
-		anchor.target = action.target;
-		if (action.rel) anchor.rel = action.rel;
+		const anchor = createAnchor(action.href, joinClassNames("brand-shell-button", `brand-shell-button--${action.variant}`), action.label, action.ariaLabel, action.target, action.rel, linkFactory);
 		container.append(anchor);
 	});
 	return container;
@@ -234,24 +236,33 @@ function createSocialLinks(links, containerClass, linkClass) {
 	for (const link of links) {
 		const anchor = createAnchor(link.href, linkClass, "");
 		anchor.setAttribute("aria-label", link.label);
-		anchor.target = "_blank";
-		anchor.rel = "noopener noreferrer";
-		const icon = createSocialIcon(link.platform);
+		if (!link.href.startsWith("mailto:")) {
+			anchor.target = "_blank";
+			anchor.rel = "noopener noreferrer";
+		}
+		const icon = createSocialIcon(link.platform, link.iconSvg);
 		if (icon) anchor.append(icon);
 		else anchor.append(createSpan("", link.label[0] ?? "?"));
 		container.append(anchor);
 	}
 	return container;
 }
-function createSocialIcon(platform) {
+function createSocialIcon(platform, iconSvg) {
 	switch (platform) {
 		case "github": return createFilledIcon("M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z");
 		case "twitter": return createFilledIcon("M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z");
 		case "linkedin": return createFilledIcon("M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z");
 		case "discord": return createFilledIcon("M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z");
 		case "email": return createStrokedIcon(["m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"], { rx: "2" });
-		case "website": return createStrokedIcon(["M7.9 20A9 9 0 1 0 4 16.1L2 22Z"]);
-		default: return null;
+		case "website": return createGlobeIcon();
+		default:
+			if (iconSvg) {
+				const span = document.createElement("span");
+				span.setAttribute("aria-hidden", "true");
+				span.innerHTML = iconSvg;
+				return span;
+			}
+			return null;
 	}
 }
 function createFilledIcon(pathData) {
@@ -285,6 +296,25 @@ function createStrokedIcon(pathData, rectAttributes) {
 	}
 	return svg;
 }
+function createGlobeIcon() {
+	const svg = createBaseSvg();
+	svg.setAttribute("fill", "none");
+	svg.setAttribute("stroke", "currentColor");
+	svg.setAttribute("stroke-width", "2");
+	svg.setAttribute("stroke-linecap", "round");
+	svg.setAttribute("stroke-linejoin", "round");
+	const circle = document.createElementNS(SVG_NS, "circle");
+	circle.setAttribute("cx", "12");
+	circle.setAttribute("cy", "12");
+	circle.setAttribute("r", "10");
+	svg.append(circle);
+	for (const d of ["M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", "M2 12h20"]) {
+		const path = document.createElementNS(SVG_NS, "path");
+		path.setAttribute("d", d);
+		svg.append(path);
+	}
+	return svg;
+}
 function createBaseSvg() {
 	const svg = document.createElementNS(SVG_NS, "svg");
 	svg.setAttribute("viewBox", "0 0 24 24");
@@ -303,11 +333,25 @@ function resolveCtaLayout(theme) {
 function joinClassNames(...classNames) {
 	return classNames.filter(Boolean).join(" ");
 }
-function createAnchor(href, className, text) {
+function createAnchor(href, className, text, ariaLabel, target, rel, linkFactory) {
+	if (linkFactory) {
+		const anchor = linkFactory({
+			href,
+			className,
+			ariaLabel: ariaLabel ?? text,
+			target: target ?? "_self",
+			rel
+		});
+		anchor.textContent = text;
+		return anchor;
+	}
 	const anchor = document.createElement("a");
 	anchor.href = href;
 	anchor.className = className;
 	anchor.textContent = text;
+	if (ariaLabel) anchor.setAttribute("aria-label", ariaLabel);
+	if (target) anchor.target = target;
+	if (rel) anchor.rel = rel;
 	return anchor;
 }
 function createParagraph(className, text) {
@@ -324,5 +368,5 @@ function createSpan(className, text) {
 }
 
 //#endregion
-export { BrandFooterElement, BrandHeaderElement, applyBrandShellProps, registerBrandShellElements, serializeBrandShellAttributes };
+export { BrandFooterElement, BrandHeaderElement, applyBrandShellProps, registerBrandShellElements, serializeBrandShellAttributes, validateBrandDetails, validateBrandTheme };
 //# sourceMappingURL=web.mjs.map

package/dist/web.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"web.mjs","names":[],"sources":["../src/web/index.ts"],"sourcesContent":["import { buildShellViewModel, themeToCssVariables } from \"../core\";\nimport type {\n  BrandDetails,\n  BrandTheme,\n  NormalizedBrandDetails,\n  ShellActionLink,\n  ShellNavLink,\n  SocialLink,\n  SocialPlatform,\n} from \"../core\";\nimport {\n  BrandShellValidationError,\n  assertValidBrandDetails,\n  assertValidBrandTheme,\n  normalizeBrandTheme,\n  shouldValidateInDev,\n  validateBrandDetails,\n  validateBrandTheme,\n} from \"../core\";\n\nexport type { BrandAction, BrandDetails, BrandNavLink, BrandTheme } from \"../core\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\nconst HTMLElementBase: typeof HTMLElement =\n  typeof HTMLElement === \"undefined\" ? (class {} as unknown as typeof HTMLElement) : HTMLElement;\n\nexport interface RegisterBrandShellElementsOptions {\n  headerTagName?: string;\n  footerTagName?: string;\n}\n\nexport interface BrandShellElementProps {\n  details: BrandDetails;\n  theme?: BrandTheme | null;\n  shellClass?: string | null;\n}\n\nexport type BrandShellElementLike = HTMLElement & {\n  details?: BrandDetails | null;\n  theme?: BrandTheme | null;\n  shellClass?: string | null;\n};\n\nexport interface SerializedBrandShellAttributes {\n  details: string;\n  theme?: string;\n  \"shell-class\"?: string;\n}\n\ninterface ParsedAttributes {\n  details: BrandDetails | null;\n  theme: BrandTheme | null;\n  shellClass: string | null;\n}\n\nabstract class BaseBrandShellElement extends HTMLElementBase {\n  static get observedAttributes() {\n    return [\"details\", \"theme\", \"shell-class\"];\n  }\n\n  private _details: BrandDetails | null = null;\n  private _theme: BrandTheme | null = null;\n  private _shellClass: string | null = null;\n\n  get details(): BrandDetails | null {\n    return this._details;\n  }\n\n  set details(value: BrandDetails | null) {\n    this._details = value;\n    this.render();\n  }\n\n  get theme(): BrandTheme | null {\n    return this._theme;\n  }\n\n  set theme(value: BrandTheme | null) {\n    this._theme = value;\n    this.render();\n  }\n\n  get shellClass(): string | null {\n    return this._shellClass;\n  }\n\n  set shellClass(value: string | null) {\n    this._shellClass = value;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.upgradeProperty(\"details\");\n    this.upgradeProperty(\"theme\");\n    this.upgradeProperty(\"shellClass\");\n\n    const attrs = parseAttributes(this);\n    if (this._details == null) this._details = attrs.details;\n    if (this._theme == null) this._theme = attrs.theme;\n    if (this._shellClass == null) this._shellClass = attrs.shellClass;\n\n    if (this.style.display !== \"block\") this.style.display = \"block\";\n    this.render();\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null) {\n    if (name === \"details\") {\n      this._details = parseJsonAttribute<BrandDetails>(newValue);\n    } else if (name === \"theme\") {\n      this._theme = parseJsonAttribute<BrandTheme>(newValue);\n    } else if (name === \"shell-class\") {\n      this._shellClass = normalizeClassName(newValue);\n    }\n    this.render();\n  }\n\n  protected abstract build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement;\n\n  private render() {\n    if (this._details == null) {\n      this.replaceChildren();\n      return;\n    }\n\n    const detailsResult = validateBrandDetails(this._details);\n    if (!detailsResult.valid) {\n      if (shouldValidateInDev()) {\n        throw new BrandShellValidationError(\"brand-shell/web details\", detailsResult.errors);\n      }\n      this.replaceChildren();\n      return;\n    }\n\n    const themeResult = validateBrandTheme(this._theme);\n    if (!themeResult.valid && shouldValidateInDev()) {\n      throw new BrandShellValidationError(\"brand-shell/web theme\", themeResult.errors);\n    }\n\n    const normalizedDetails = detailsResult.normalized as NormalizedBrandDetails;\n    const normalizedTheme = themeResult.normalized ?? null;\n\n    const element = this.build(normalizedDetails, normalizedTheme, this._shellClass);\n    this.replaceChildren(element);\n  }\n\n  private upgradeProperty(propertyName: \"details\" | \"theme\" | \"shellClass\") {\n    if (Object.prototype.hasOwnProperty.call(this, propertyName)) {\n      const value = (this as unknown as Record<string, unknown>)[propertyName];\n      delete (this as unknown as Record<string, unknown>)[propertyName];\n      (this as unknown as Record<string, unknown>)[propertyName] = value;\n    }\n  }\n}\n\nexport class BrandHeaderElement extends BaseBrandShellElement {\n  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement {\n    return createHeader(details, theme, shellClass);\n  }\n}\n\nexport class BrandFooterElement extends BaseBrandShellElement {\n  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement {\n    return createFooter(details, theme, shellClass);\n  }\n}\n\nexport function registerBrandShellElements(options: RegisterBrandShellElementsOptions = {}) {\n  if (typeof customElements === \"undefined\") {\n    throw new Error(\"Custom elements are not available in this environment.\");\n  }\n\n  const headerTagName = options.headerTagName ?? \"brand-header\";\n  const footerTagName = options.footerTagName ?? \"brand-footer\";\n\n  if (!customElements.get(headerTagName)) {\n    const HeaderConstructor =\n      headerTagName === \"brand-header\" ? BrandHeaderElement : class extends BrandHeaderElement {};\n    customElements.define(headerTagName, HeaderConstructor);\n  }\n  if (!customElements.get(footerTagName)) {\n    const FooterConstructor =\n      footerTagName === \"brand-footer\" ? BrandFooterElement : class extends BrandFooterElement {};\n    customElements.define(footerTagName, FooterConstructor);\n  }\n\n  return { headerTagName, footerTagName };\n}\n\nexport function applyBrandShellProps(\n  element: BrandShellElementLike | null | undefined,\n  props: BrandShellElementProps,\n) {\n  if (!element) return;\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(props.details, \"brand-shell/web details\");\n    assertValidBrandTheme(props.theme, \"brand-shell/web theme\");\n  }\n  element.details = validateBrandDetails(props.details).normalized ?? props.details;\n  element.theme = normalizeBrandTheme(props.theme ?? null);\n  element.shellClass = props.shellClass ?? null;\n}\n\nexport function serializeBrandShellAttributes(props: BrandShellElementProps): SerializedBrandShellAttributes {\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(props.details, \"brand-shell/web serialize details\");\n    assertValidBrandTheme(props.theme, \"brand-shell/web serialize theme\");\n  }\n\n  const normalizedDetails = validateBrandDetails(props.details).normalized ?? props.details;\n  const normalizedTheme = normalizeBrandTheme(props.theme ?? null);\n\n  const attributes: SerializedBrandShellAttributes = {\n    details: JSON.stringify(normalizedDetails),\n  };\n\n  if (normalizedTheme) {\n    attributes.theme = JSON.stringify(normalizedTheme);\n  }\n\n  const shellClass = normalizeClassName(props.shellClass ?? null);\n  if (shellClass) {\n    attributes[\"shell-class\"] = shellClass;\n  }\n\n  return attributes;\n}\n\nfunction parseAttributes(element: Element): ParsedAttributes {\n  return {\n    details: parseJsonAttribute<BrandDetails>(element.getAttribute(\"details\")),\n    theme: parseJsonAttribute<BrandTheme>(element.getAttribute(\"theme\")),\n    shellClass: normalizeClassName(element.getAttribute(\"shell-class\")),\n  };\n}\n\nfunction parseJsonAttribute<T>(value: string | null): T | null {\n  if (!value) return null;\n  try {\n    return JSON.parse(value) as T;\n  } catch {\n    return null;\n  }\n}\n\nfunction normalizeClassName(value: string | null): string | null {\n  if (!value) return null;\n  const trimmed = value.trim();\n  return trimmed.length > 0 ? trimmed : null;\n}\n\nfunction createHeader(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement {\n  const header = document.createElement(\"header\");\n  header.className = joinClassNames(\"brand-shell-header\", shellClass);\n  header.setAttribute(\"role\", \"banner\");\n  applyThemeVariables(header, theme);\n  header.dataset.brandCtaLayout = resolveCtaLayout(theme);\n\n  const inner = document.createElement(\"div\");\n  inner.className = \"brand-shell-header__inner\";\n\n  const identity = details.homeHref ? createAnchor(details.homeHref, \"brand-shell-header__name\", details.name) : createSpan(\"brand-shell-header__name\", details.name);\n  if (details.homeHref && identity instanceof HTMLAnchorElement) {\n    identity.setAttribute(\"aria-label\", `${details.name} home`);\n  }\n  inner.append(identity);\n\n  const actions = document.createElement(\"div\");\n  actions.className = \"brand-shell-header__actions\";\n\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(details);\n\n  if (navLinks.length > 0) {\n    actions.append(createNav(navLinks, \"brand-shell-header\", \"Primary\"));\n  }\n\n  if (ctaLinks.length > 0) {\n    actions.append(createCtas(ctaLinks, \"brand-shell-header__ctas\"));\n  }\n\n  if (socialLinks.length > 0) {\n    actions.append(createSocialLinks(socialLinks, \"brand-shell-header__social\", \"brand-shell-header__social-link\"));\n  }\n\n  inner.append(actions);\n  header.append(inner);\n  return header;\n}\n\nfunction createFooter(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement {\n  const footer = document.createElement(\"footer\");\n  footer.className = joinClassNames(\"brand-shell-footer\", shellClass);\n  footer.setAttribute(\"role\", \"contentinfo\");\n  applyThemeVariables(footer, theme);\n  footer.dataset.brandCtaLayout = resolveCtaLayout(theme);\n\n  const inner = document.createElement(\"div\");\n  inner.className = \"brand-shell-footer__inner\";\n\n  const top = document.createElement(\"div\");\n  top.className = \"brand-shell-footer__top\";\n\n  const brand = document.createElement(\"div\");\n  brand.className = \"brand-shell-footer__brand\";\n  brand.append(createParagraph(\"brand-shell-footer__name\", details.name));\n  if (details.tagline) {\n    brand.append(createParagraph(\"brand-shell-footer__tagline\", details.tagline));\n  }\n  top.append(brand);\n\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(details);\n\n  if (navLinks.length > 0) {\n    top.append(createNav(navLinks, \"brand-shell-footer\", \"Footer\"));\n  }\n\n  if (ctaLinks.length > 0) {\n    top.append(createCtas(ctaLinks, \"brand-shell-footer__ctas\"));\n  }\n\n  if (socialLinks.length > 0) {\n    top.append(createSocialLinks(socialLinks, \"brand-shell-footer__social\", \"brand-shell-footer__social-link\"));\n  }\n\n  const copy = createParagraph(\"brand-shell-footer__copy\", `© ${new Date().getFullYear()} ${details.name}`);\n\n  inner.append(top, copy);\n  footer.append(inner);\n  return footer;\n}\n\nfunction createNav(links: ShellNavLink[], blockClass: \"brand-shell-header\" | \"brand-shell-footer\", ariaLabel: string): HTMLElement {\n  const nav = document.createElement(\"nav\");\n  nav.className = `${blockClass}__nav`;\n  nav.setAttribute(\"aria-label\", ariaLabel);\n\n  const list = document.createElement(\"ul\");\n  list.className = `${blockClass}__list`;\n\n  for (const link of links) {\n    const item = document.createElement(\"li\");\n    const anchor = createAnchor(link.href, `${blockClass}__link`, link.label);\n    anchor.target = link.target;\n    if (link.rel) anchor.rel = link.rel;\n    anchor.setAttribute(\"aria-label\", link.ariaLabel);\n    item.append(anchor);\n    list.append(item);\n  }\n\n  nav.append(list);\n  return nav;\n}\n\nfunction createCtas(actions: ShellActionLink[], containerClass: string): HTMLElement {\n  const container = document.createElement(\"div\");\n  container.className = containerClass;\n\n  actions.forEach((action) => {\n    const anchor = createAnchor(action.href, \"brand-shell-button\", action.label);\n    anchor.className = joinClassNames(anchor.className, `brand-shell-button--${action.variant}`);\n    anchor.setAttribute(\"aria-label\", action.ariaLabel);\n    anchor.target = action.target;\n    if (action.rel) anchor.rel = action.rel;\n\n    container.append(anchor);\n  });\n\n  return container;\n}\n\nfunction createSocialLinks(\n  links: SocialLink[],\n  containerClass: string,\n  linkClass: string,\n): HTMLElement {\n  const container = document.createElement(\"div\");\n  container.className = containerClass;\n  container.setAttribute(\"aria-label\", \"Social links\");\n\n  for (const link of links) {\n    const anchor = createAnchor(link.href, linkClass, \"\");\n    anchor.setAttribute(\"aria-label\", link.label);\n    anchor.target = \"_blank\";\n    anchor.rel = \"noopener noreferrer\";\n\n    const icon = createSocialIcon(link.platform);\n    if (icon) {\n      anchor.append(icon);\n    } else {\n      anchor.append(createSpan(\"\", link.label[0] ?? \"?\"));\n    }\n\n    container.append(anchor);\n  }\n\n  return container;\n}\n\nfunction createSocialIcon(platform: SocialPlatform): SVGSVGElement | null {\n  switch (platform) {\n    case \"github\":\n      return createFilledIcon(\n        \"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\",\n      );\n    case \"twitter\":\n      return createFilledIcon(\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\");\n    case \"linkedin\":\n      return createFilledIcon(\n        \"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\",\n      );\n    case \"discord\":\n      return createFilledIcon(\n        \"M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z\",\n      );\n    case \"email\":\n      return createStrokedIcon([\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"], { rx: \"2\" });\n    case \"website\":\n      return createStrokedIcon([\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"]);\n    default:\n      return null;\n  }\n}\n\nfunction createFilledIcon(pathData: string): SVGSVGElement {\n  const svg = createBaseSvg();\n  svg.setAttribute(\"fill\", \"currentColor\");\n  const path = document.createElementNS(SVG_NS, \"path\");\n  path.setAttribute(\"d\", pathData);\n  svg.append(path);\n  return svg;\n}\n\nfunction createStrokedIcon(pathData: string[], rectAttributes?: Record<string, string>): SVGSVGElement {\n  const svg = createBaseSvg();\n  svg.setAttribute(\"fill\", \"none\");\n  svg.setAttribute(\"stroke\", \"currentColor\");\n  svg.setAttribute(\"stroke-width\", \"2\");\n  svg.setAttribute(\"stroke-linecap\", \"round\");\n  svg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  if (rectAttributes) {\n    const rect = document.createElementNS(SVG_NS, \"rect\");\n    rect.setAttribute(\"width\", \"20\");\n    rect.setAttribute(\"height\", \"16\");\n    rect.setAttribute(\"x\", \"2\");\n    rect.setAttribute(\"y\", \"4\");\n    for (const [attribute, value] of Object.entries(rectAttributes)) {\n      rect.setAttribute(attribute, value);\n    }\n    svg.append(rect);\n  }\n\n  for (const d of pathData) {\n    const path = document.createElementNS(SVG_NS, \"path\");\n    path.setAttribute(\"d\", d);\n    svg.append(path);\n  }\n\n  return svg;\n}\n\nfunction createBaseSvg(): SVGSVGElement {\n  const svg = document.createElementNS(SVG_NS, \"svg\");\n  svg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  svg.setAttribute(\"width\", \"1em\");\n  svg.setAttribute(\"height\", \"1em\");\n  svg.setAttribute(\"aria-hidden\", \"true\");\n  return svg;\n}\n\nfunction applyThemeVariables(element: HTMLElement, theme: BrandTheme | null) {\n  const style = themeToCssVariables(theme);\n  for (const [name, value] of Object.entries(style)) {\n    element.style.setProperty(name, value);\n  }\n}\n\nfunction resolveCtaLayout(theme: BrandTheme | null): \"inline\" | \"stacked\" {\n  return theme?.ctaLayout === \"stacked\" ? \"stacked\" : \"inline\";\n}\n\nfunction joinClassNames(...classNames: Array<string | null | undefined>) {\n  return classNames.filter(Boolean).join(\" \");\n}\n\nfunction createAnchor(href: string, className: string, text: string): HTMLAnchorElement {\n  const anchor = document.createElement(\"a\");\n  anchor.href = href;\n  anchor.className = className;\n  anchor.textContent = text;\n  return anchor;\n}\n\nfunction createParagraph(className: string, text: string): HTMLParagraphElement {\n  const paragraph = document.createElement(\"p\");\n  paragraph.className = className;\n  paragraph.textContent = text;\n  return paragraph;\n}\n\nfunction createSpan(className: string, text: string): HTMLSpanElement {\n  const span = document.createElement(\"span\");\n  span.className = className;\n  span.textContent = text;\n  return span;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"brand-header\": BrandHeaderElement;\n    \"brand-footer\": BrandFooterElement;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"web.mjs","names":[],"sources":["../src/web/index.ts"],"sourcesContent":["import { buildShellViewModel, themeToCssVariables } from \"../core\";\nimport type {\n  BrandDetails,\n  BrandTheme,\n  NormalizedBrandDetails,\n  ShellActionLink,\n  ShellNavLink,\n  SocialLink,\n  SocialPlatform,\n} from \"../core\";\nimport {\n  BrandShellValidationError,\n  assertValidBrandDetails,\n  assertValidBrandTheme,\n  normalizeBrandTheme,\n  shouldValidateInDev,\n  validateBrandDetails,\n  validateBrandTheme,\n} from \"../core\";\n\nexport type { BrandAction, BrandDetails, BrandNavLink, BrandTheme } from \"../core\";\nexport { validateBrandDetails, validateBrandTheme } from \"../core\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\nconst HTMLElementBase: typeof HTMLElement =\n  typeof HTMLElement === \"undefined\" ? (class {} as unknown as typeof HTMLElement) : HTMLElement;\n\nexport interface RegisterBrandShellElementsOptions {\n  headerTagName?: string;\n  footerTagName?: string;\n}\n\nexport interface LinkFactoryOptions {\n  href: string;\n  className: string;\n  ariaLabel: string;\n  target: string;\n  rel?: string;\n}\n\nexport interface BrandShellElementProps {\n  details: BrandDetails;\n  theme?: BrandTheme | null;\n  shellClass?: string | null;\n  linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement;\n}\n\nexport type BrandShellElementLike = HTMLElement & {\n  details?: BrandDetails | null;\n  theme?: BrandTheme | null;\n  shellClass?: string | null;\n  linkFactory?: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null;\n};\n\nexport interface SerializedBrandShellAttributes {\n  details: string;\n  theme?: string;\n  \"shell-class\"?: string;\n}\n\ninterface ParsedAttributes {\n  details: BrandDetails | null;\n  theme: BrandTheme | null;\n  shellClass: string | null;\n}\n\nabstract class BaseBrandShellElement extends HTMLElementBase {\n  static get observedAttributes() {\n    return [\"details\", \"theme\", \"shell-class\"];\n  }\n\n  private _details: BrandDetails | null = null;\n  private _theme: BrandTheme | null = null;\n  private _shellClass: string | null = null;\n  private _linkFactory: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null = null;\n\n  get details(): BrandDetails | null {\n    return this._details;\n  }\n\n  set details(value: BrandDetails | null) {\n    this._details = value;\n    this.render();\n  }\n\n  get theme(): BrandTheme | null {\n    return this._theme;\n  }\n\n  set theme(value: BrandTheme | null) {\n    this._theme = value;\n    this.render();\n  }\n\n  get shellClass(): string | null {\n    return this._shellClass;\n  }\n\n  set shellClass(value: string | null) {\n    this._shellClass = value;\n    this.render();\n  }\n\n  get linkFactory(): ((options: LinkFactoryOptions) => HTMLAnchorElement) | null {\n    return this._linkFactory;\n  }\n\n  set linkFactory(value: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null) {\n    this._linkFactory = value;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.upgradeProperty(\"details\");\n    this.upgradeProperty(\"theme\");\n    this.upgradeProperty(\"shellClass\");\n    this.upgradeProperty(\"linkFactory\");\n\n    const attrs = parseAttributes(this);\n    if (this._details == null) this._details = attrs.details;\n    if (this._theme == null) this._theme = attrs.theme;\n    if (this._shellClass == null) this._shellClass = attrs.shellClass;\n\n    if (this.style.display !== \"block\") this.style.display = \"block\";\n    this.render();\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null) {\n    if (name === \"details\") {\n      this._details = parseJsonAttribute<BrandDetails>(newValue);\n    } else if (name === \"theme\") {\n      this._theme = parseJsonAttribute<BrandTheme>(newValue);\n    } else if (name === \"shell-class\") {\n      this._shellClass = normalizeClassName(newValue);\n    }\n    this.render();\n  }\n\n  protected abstract build(\n    details: BrandDetails,\n    theme: BrandTheme | null,\n    shellClass: string | null,\n    linkFactory: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null,\n  ): HTMLElement;\n\n  private render() {\n    if (this._details == null) {\n      this.replaceChildren();\n      return;\n    }\n\n    const detailsResult = validateBrandDetails(this._details);\n    if (!detailsResult.valid) {\n      if (shouldValidateInDev()) {\n        throw new BrandShellValidationError(\"brand-shell/web details\", detailsResult.errors);\n      }\n      this.replaceChildren();\n      return;\n    }\n\n    const themeResult = validateBrandTheme(this._theme);\n    if (!themeResult.valid && shouldValidateInDev()) {\n      throw new BrandShellValidationError(\"brand-shell/web theme\", themeResult.errors);\n    }\n\n    const normalizedDetails = detailsResult.normalized as NormalizedBrandDetails;\n    const normalizedTheme = themeResult.normalized ?? null;\n\n    const element = this.build(normalizedDetails, normalizedTheme, this._shellClass, this._linkFactory);\n    this.replaceChildren(element);\n  }\n\n  private upgradeProperty(propertyName: \"details\" | \"theme\" | \"shellClass\" | \"linkFactory\") {\n    if (Object.prototype.hasOwnProperty.call(this, propertyName)) {\n      const value = (this as unknown as Record<string, unknown>)[propertyName];\n      delete (this as unknown as Record<string, unknown>)[propertyName];\n      (this as unknown as Record<string, unknown>)[propertyName] = value;\n    }\n  }\n}\n\nexport class BrandHeaderElement extends BaseBrandShellElement {\n  protected build(\n    details: BrandDetails,\n    theme: BrandTheme | null,\n    shellClass: string | null,\n    linkFactory: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null,\n  ): HTMLElement {\n    return createHeader(details, theme, shellClass, linkFactory ?? undefined);\n  }\n}\n\nexport class BrandFooterElement extends BaseBrandShellElement {\n  protected build(\n    details: BrandDetails,\n    theme: BrandTheme | null,\n    shellClass: string | null,\n    linkFactory: ((options: LinkFactoryOptions) => HTMLAnchorElement) | null,\n  ): HTMLElement {\n    return createFooter(details, theme, shellClass, linkFactory ?? undefined);\n  }\n}\n\nexport function registerBrandShellElements(options: RegisterBrandShellElementsOptions = {}) {\n  if (typeof customElements === \"undefined\") {\n    throw new Error(\"Custom elements are not available in this environment.\");\n  }\n\n  const headerTagName = options.headerTagName ?? \"brand-header\";\n  const footerTagName = options.footerTagName ?? \"brand-footer\";\n\n  if (!customElements.get(headerTagName)) {\n    const HeaderConstructor =\n      headerTagName === \"brand-header\" ? BrandHeaderElement : class extends BrandHeaderElement {};\n    customElements.define(headerTagName, HeaderConstructor);\n  }\n  if (!customElements.get(footerTagName)) {\n    const FooterConstructor =\n      footerTagName === \"brand-footer\" ? BrandFooterElement : class extends BrandFooterElement {};\n    customElements.define(footerTagName, FooterConstructor);\n  }\n\n  return { headerTagName, footerTagName };\n}\n\nexport function applyBrandShellProps(\n  element: BrandShellElementLike | null | undefined,\n  props: BrandShellElementProps,\n) {\n  if (!element) return;\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(props.details, \"brand-shell/web details\");\n    assertValidBrandTheme(props.theme, \"brand-shell/web theme\");\n  }\n  element.details = validateBrandDetails(props.details).normalized ?? props.details;\n  element.theme = normalizeBrandTheme(props.theme ?? null);\n  element.shellClass = props.shellClass ?? null;\n  element.linkFactory = props.linkFactory ?? null;\n}\n\nexport function serializeBrandShellAttributes(props: BrandShellElementProps): SerializedBrandShellAttributes {\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(props.details, \"brand-shell/web serialize details\");\n    assertValidBrandTheme(props.theme, \"brand-shell/web serialize theme\");\n  }\n\n  const normalizedDetails = validateBrandDetails(props.details).normalized ?? props.details;\n  const normalizedTheme = normalizeBrandTheme(props.theme ?? null);\n\n  const attributes: SerializedBrandShellAttributes = {\n    details: JSON.stringify(normalizedDetails),\n  };\n\n  if (normalizedTheme) {\n    attributes.theme = JSON.stringify(normalizedTheme);\n  }\n\n  const shellClass = normalizeClassName(props.shellClass ?? null);\n  if (shellClass) {\n    attributes[\"shell-class\"] = shellClass;\n  }\n\n  return attributes;\n}\n\nfunction parseAttributes(element: Element): ParsedAttributes {\n  return {\n    details: parseJsonAttribute<BrandDetails>(element.getAttribute(\"details\")),\n    theme: parseJsonAttribute<BrandTheme>(element.getAttribute(\"theme\")),\n    shellClass: normalizeClassName(element.getAttribute(\"shell-class\")),\n  };\n}\n\nfunction parseJsonAttribute<T>(value: string | null): T | null {\n  if (!value) return null;\n  try {\n    return JSON.parse(value) as T;\n  } catch {\n    return null;\n  }\n}\n\nfunction normalizeClassName(value: string | null): string | null {\n  if (!value) return null;\n  const trimmed = value.trim();\n  return trimmed.length > 0 ? trimmed : null;\n}\n\nfunction createHeader(\n  details: BrandDetails,\n  theme: BrandTheme | null,\n  shellClass: string | null,\n  linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement,\n): HTMLElement {\n  const header = document.createElement(\"header\");\n  header.className = joinClassNames(\"brand-shell-header\", shellClass);\n  header.setAttribute(\"role\", \"banner\");\n  applyThemeVariables(header, theme);\n  header.dataset.brandCtaLayout = resolveCtaLayout(theme);\n\n  const inner = document.createElement(\"div\");\n  inner.className = \"brand-shell-header__inner\";\n\n  const identity = details.homeHref\n    ? createAnchor(details.homeHref, \"brand-shell-header__name\", details.name, `${details.name} home`, \"_self\", undefined, linkFactory)\n    : createSpan(\"brand-shell-header__name\", details.name);\n  inner.append(identity);\n\n  const actions = document.createElement(\"div\");\n  actions.className = \"brand-shell-header__actions\";\n\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(details);\n\n  if (navLinks.length > 0) {\n    actions.append(createNav(navLinks, \"brand-shell-header\", \"Primary\", linkFactory));\n  }\n\n  if (ctaLinks.length > 0) {\n    actions.append(createCtas(ctaLinks, \"brand-shell-header__ctas\", linkFactory));\n  }\n\n  if (socialLinks.length > 0) {\n    actions.append(createSocialLinks(socialLinks, \"brand-shell-header__social\", \"brand-shell-header__social-link\"));\n  }\n\n  inner.append(actions);\n  header.append(inner);\n  return header;\n}\n\nfunction createFooter(\n  details: BrandDetails,\n  theme: BrandTheme | null,\n  shellClass: string | null,\n  linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement,\n): HTMLElement {\n  const footer = document.createElement(\"footer\");\n  footer.className = joinClassNames(\"brand-shell-footer\", shellClass);\n  footer.setAttribute(\"role\", \"contentinfo\");\n  applyThemeVariables(footer, theme);\n  footer.dataset.brandCtaLayout = resolveCtaLayout(theme);\n\n  const inner = document.createElement(\"div\");\n  inner.className = \"brand-shell-footer__inner\";\n\n  const top = document.createElement(\"div\");\n  top.className = \"brand-shell-footer__top\";\n\n  const brand = document.createElement(\"div\");\n  brand.className = \"brand-shell-footer__brand\";\n  brand.append(createParagraph(\"brand-shell-footer__name\", details.name));\n  if (details.tagline) {\n    brand.append(createParagraph(\"brand-shell-footer__tagline\", details.tagline));\n  }\n  top.append(brand);\n\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(details);\n\n  if (navLinks.length > 0) {\n    top.append(createNav(navLinks, \"brand-shell-footer\", \"Footer\", linkFactory));\n  }\n\n  if (ctaLinks.length > 0) {\n    top.append(createCtas(ctaLinks, \"brand-shell-footer__ctas\", linkFactory));\n  }\n\n  if (socialLinks.length > 0) {\n    top.append(createSocialLinks(socialLinks, \"brand-shell-footer__social\", \"brand-shell-footer__social-link\"));\n  }\n\n  const copy = createParagraph(\"brand-shell-footer__copy\", `© ${new Date().getFullYear()} ${details.name}`);\n\n  inner.append(top, copy);\n  footer.append(inner);\n  return footer;\n}\n\nfunction createNav(\n  links: ShellNavLink[],\n  blockClass: \"brand-shell-header\" | \"brand-shell-footer\",\n  ariaLabel: string,\n  linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement,\n): HTMLElement {\n  const nav = document.createElement(\"nav\");\n  nav.className = `${blockClass}__nav`;\n  nav.setAttribute(\"aria-label\", ariaLabel);\n\n  const list = document.createElement(\"ul\");\n  list.className = `${blockClass}__list`;\n\n  for (const link of links) {\n    const item = document.createElement(\"li\");\n    const anchor = createAnchor(link.href, `${blockClass}__link`, link.label, link.ariaLabel, link.target, link.rel, linkFactory);\n    item.append(anchor);\n    list.append(item);\n  }\n\n  nav.append(list);\n  return nav;\n}\n\nfunction createCtas(\n  actions: ShellActionLink[],\n  containerClass: string,\n  linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement,\n): HTMLElement {\n  const container = document.createElement(\"div\");\n  container.className = containerClass;\n\n  actions.forEach((action) => {\n    const anchor = createAnchor(\n      action.href,\n      joinClassNames(\"brand-shell-button\", `brand-shell-button--${action.variant}`),\n      action.label,\n      action.ariaLabel,\n      action.target,\n      action.rel,\n      linkFactory,\n    );\n    container.append(anchor);\n  });\n\n  return container;\n}\n\nfunction createSocialLinks(\n  links: SocialLink[],\n  containerClass: string,\n  linkClass: string,\n): HTMLElement {\n  const container = document.createElement(\"div\");\n  container.className = containerClass;\n  container.setAttribute(\"aria-label\", \"Social links\");\n\n  for (const link of links) {\n    const anchor = createAnchor(link.href, linkClass, \"\");\n    anchor.setAttribute(\"aria-label\", link.label);\n    if (!link.href.startsWith(\"mailto:\")) {\n      anchor.target = \"_blank\";\n      anchor.rel = \"noopener noreferrer\";\n    }\n\n    const icon = createSocialIcon(link.platform, link.iconSvg);\n    if (icon) {\n      anchor.append(icon);\n    } else {\n      anchor.append(createSpan(\"\", link.label[0] ?? \"?\"));\n    }\n\n    container.append(anchor);\n  }\n\n  return container;\n}\n\nfunction createSocialIcon(platform: SocialPlatform | string, iconSvg?: string): Element | null {\n  switch (platform) {\n    case \"github\":\n      return createFilledIcon(\n        \"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\",\n      );\n    case \"twitter\":\n      return createFilledIcon(\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\");\n    case \"linkedin\":\n      return createFilledIcon(\n        \"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\",\n      );\n    case \"discord\":\n      return createFilledIcon(\n        \"M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z\",\n      );\n    case \"email\":\n      return createStrokedIcon([\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"], { rx: \"2\" });\n    case \"website\":\n      return createGlobeIcon();\n    default:\n      if (iconSvg) {\n        const span = document.createElement(\"span\");\n        span.setAttribute(\"aria-hidden\", \"true\");\n        span.innerHTML = iconSvg;\n        return span;\n      }\n      return null;\n  }\n}\n\nfunction createFilledIcon(pathData: string): SVGSVGElement {\n  const svg = createBaseSvg();\n  svg.setAttribute(\"fill\", \"currentColor\");\n  const path = document.createElementNS(SVG_NS, \"path\");\n  path.setAttribute(\"d\", pathData);\n  svg.append(path);\n  return svg;\n}\n\nfunction createStrokedIcon(pathData: string[], rectAttributes?: Record<string, string>): SVGSVGElement {\n  const svg = createBaseSvg();\n  svg.setAttribute(\"fill\", \"none\");\n  svg.setAttribute(\"stroke\", \"currentColor\");\n  svg.setAttribute(\"stroke-width\", \"2\");\n  svg.setAttribute(\"stroke-linecap\", \"round\");\n  svg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  if (rectAttributes) {\n    const rect = document.createElementNS(SVG_NS, \"rect\");\n    rect.setAttribute(\"width\", \"20\");\n    rect.setAttribute(\"height\", \"16\");\n    rect.setAttribute(\"x\", \"2\");\n    rect.setAttribute(\"y\", \"4\");\n    for (const [attribute, value] of Object.entries(rectAttributes)) {\n      rect.setAttribute(attribute, value);\n    }\n    svg.append(rect);\n  }\n\n  for (const d of pathData) {\n    const path = document.createElementNS(SVG_NS, \"path\");\n    path.setAttribute(\"d\", d);\n    svg.append(path);\n  }\n\n  return svg;\n}\n\nfunction createGlobeIcon(): SVGSVGElement {\n  const svg = createBaseSvg();\n  svg.setAttribute(\"fill\", \"none\");\n  svg.setAttribute(\"stroke\", \"currentColor\");\n  svg.setAttribute(\"stroke-width\", \"2\");\n  svg.setAttribute(\"stroke-linecap\", \"round\");\n  svg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  const circle = document.createElementNS(SVG_NS, \"circle\");\n  circle.setAttribute(\"cx\", \"12\");\n  circle.setAttribute(\"cy\", \"12\");\n  circle.setAttribute(\"r\", \"10\");\n  svg.append(circle);\n\n  for (const d of [\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\", \"M2 12h20\"]) {\n    const path = document.createElementNS(SVG_NS, \"path\");\n    path.setAttribute(\"d\", d);\n    svg.append(path);\n  }\n\n  return svg;\n}\n\nfunction createBaseSvg(): SVGSVGElement {\n  const svg = document.createElementNS(SVG_NS, \"svg\");\n  svg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  svg.setAttribute(\"width\", \"1em\");\n  svg.setAttribute(\"height\", \"1em\");\n  svg.setAttribute(\"aria-hidden\", \"true\");\n  return svg;\n}\n\nfunction applyThemeVariables(element: HTMLElement, theme: BrandTheme | null) {\n  const style = themeToCssVariables(theme);\n  for (const [name, value] of Object.entries(style)) {\n    element.style.setProperty(name, value);\n  }\n}\n\nfunction resolveCtaLayout(theme: BrandTheme | null): \"inline\" | \"stacked\" {\n  return theme?.ctaLayout === \"stacked\" ? \"stacked\" : \"inline\";\n}\n\nfunction joinClassNames(...classNames: Array<string | null | undefined>) {\n  return classNames.filter(Boolean).join(\" \");\n}\n\nfunction createAnchor(\n  href: string,\n  className: string,\n  text: string,\n  ariaLabel?: string,\n  target?: string,\n  rel?: string,\n  linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement,\n): HTMLAnchorElement {\n  if (linkFactory) {\n    const anchor = linkFactory({\n      href,\n      className,\n      ariaLabel: ariaLabel ?? text,\n      target: target ?? \"_self\",\n      rel,\n    });\n    anchor.textContent = text;\n    return anchor;\n  }\n\n  const anchor = document.createElement(\"a\");\n  anchor.href = href;\n  anchor.className = className;\n  anchor.textContent = text;\n  if (ariaLabel) anchor.setAttribute(\"aria-label\", ariaLabel);\n  if (target) anchor.target = target;\n  if (rel) anchor.rel = rel;\n  return anchor;\n}\n\nfunction createParagraph(className: string, text: string): HTMLParagraphElement {\n  const paragraph = document.createElement(\"p\");\n  paragraph.className = className;\n  paragraph.textContent = text;\n  return paragraph;\n}\n\nfunction createSpan(className: string, text: string): HTMLSpanElement {\n  const span = document.createElement(\"span\");\n  span.className = className;\n  span.textContent = text;\n  return span;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"brand-header\": BrandHeaderElement;\n    \"brand-footer\": BrandFooterElement;\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brand-shell",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "Reusable Header and Footer components with typed details and theme. Premium default UX, works in React, Vite, Next.js.",
   "homepage": "https://github.com/venwork-dev/brand-shell#readme",
   "repository": {
@@ -11,8 +11,6 @@
     "url": "https://github.com/venwork-dev/brand-shell/issues"
   },
   "type": "module",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
   "exports": {
     ".": {
@@ -28,6 +26,7 @@
       "types": "./dist/vue.d.mts"
     },
     "./svelte": {
+      "svelte": "./src/svelte/index.svelte.ts",
       "import": "./dist/svelte.mjs",
       "types": "./dist/svelte.d.mts"
     },
@@ -37,7 +36,10 @@
     "./dist/default.css": "./dist/default.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/svelte/BrandHeader.svelte",
+    "src/svelte/BrandFooter.svelte",
+    "src/svelte/index.svelte.ts"
   ],
   "scripts": {
     "prepare": "bun run build",

package/src/svelte/BrandFooter.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { registerBrandShellElements, applyBrandShellProps } from 'brand-shell/web';
+  import type { BrandDetails, BrandTheme } from 'brand-shell';
+  import type { LinkFactoryOptions } from 'brand-shell/web';
+
+  interface Props {
+    details: BrandDetails;
+    theme?: BrandTheme | null;
+    shellClass?: string | null;
+    linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement;
+  }
+
+  let { details, theme = null, shellClass = null, linkFactory }: Props = $props();
+
+  let element: HTMLElement | undefined = $state();
+
+  $effect(() => {
+    if (!element) return;
+    registerBrandShellElements();
+    applyBrandShellProps(element as any, { details, theme, shellClass, linkFactory });
+  });
+</script>
+
+<brand-footer bind:this={element}></brand-footer>

package/src/svelte/BrandHeader.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { registerBrandShellElements, applyBrandShellProps } from 'brand-shell/web';
+  import type { BrandDetails, BrandTheme } from 'brand-shell';
+  import type { LinkFactoryOptions } from 'brand-shell/web';
+
+  interface Props {
+    details: BrandDetails;
+    theme?: BrandTheme | null;
+    shellClass?: string | null;
+    linkFactory?: (options: LinkFactoryOptions) => HTMLAnchorElement;
+  }
+
+  let { details, theme = null, shellClass = null, linkFactory }: Props = $props();
+
+  let element: HTMLElement | undefined = $state();
+
+  $effect(() => {
+    if (!element) return;
+    registerBrandShellElements();
+    applyBrandShellProps(element as any, { details, theme, shellClass, linkFactory });
+  });
+</script>
+
+<brand-header bind:this={element}></brand-header>

package/src/svelte/index.svelte.ts

@@ -0,0 +1,4 @@
+// Svelte condition entry point — exports .svelte components for SvelteKit / vite-plugin-svelte.
+// The brandShell action and types remain available via the "import" condition (dist/svelte.mjs).
+export { default as BrandHeader } from './BrandHeader.svelte';
+export { default as BrandFooter } from './BrandFooter.svelte';

package/dist/types-PQziYg7Z.d.mts

@@ -1,81 +0,0 @@
-//#region src/core/types.d.ts
-/**
- * Schema for header/footer content. Caller passes these; package does not store them.
- */
-interface BrandNavLink {
-  /** Visible label (e.g. Blog, Docs, About) */
-  label: string;
-  /** Destination URL or path */
-  href: string;
-  /** Optional custom aria-label for accessibility */
-  ariaLabel?: string;
-  /** Optional target attribute (defaults to _self) */
-  target?: "_blank" | "_self" | "_parent" | "_top";
-  /** Optional rel attribute (e.g. noopener) */
-  rel?: string;
-}
-interface BrandAction {
-  /** Visible label on the CTA button */
-  label: string;
-  /** URL the CTA points to */
-  href: string;
-  /** Optional aria-label override */
-  ariaLabel?: string;
-  /** Optional target attribute */
-  target?: "_blank" | "_self" | "_parent" | "_top";
-  /** Optional rel attribute */
-  rel?: string;
-  /** Style variant hint */
-  variant?: "primary" | "secondary" | "ghost";
-}
-interface BrandDetails {
-  /** Display name (e.g. in header and footer) */
-  name: string;
-  /** Optional home URL (header name links here when set) */
-  homeHref?: string;
-  /** Primary nav links shown in the header/footer text nav */
-  navLinks?: BrandNavLink[];
-  /** Optional highlighted CTA button */
-  primaryAction?: BrandAction;
-  /** Optional secondary CTA button */
-  secondaryAction?: BrandAction;
-  /** LinkedIn profile URL */
-  linkedin?: string;
-  /** Email address (e.g. mailto: or plain) */
-  gmail?: string;
-  /** GitHub profile URL */
-  github?: string;
-  /** Twitter/X profile URL */
-  twitter?: string;
-  /** Discord community or profile URL */
-  discord?: string;
-  /** Personal or site website URL */
-  website?: string;
-  /** Optional tagline (e.g. in footer) */
-  tagline?: string;
-}
-/**
- * Optional theme to adapt branding without custom CSS.
- * Applied as CSS custom properties on the component root.
- */
-interface BrandTheme {
-  /** Accent/link hover and active state color */
-  primaryColor?: string;
-  /** Header/footer background color */
-  backgroundColor?: string;
-  /** Main text color (name, nav labels) */
-  textColor?: string;
-  /** Font stack for header/footer */
-  fontFamily?: string;
-  /** Link default color (defaults from primaryColor if omitted) */
-  linkColor?: string;
-  /** Size for social icon buttons (e.g. 2rem, 32px) */
-  socialIconSize?: string;
-  /** Optional override for primary CTA text color */
-  buttonTextColor?: string;
-  /** Mobile CTA arrangement: side-by-side (`inline`) or one-per-row (`stacked`) */
-  ctaLayout?: "inline" | "stacked";
-}
-//#endregion
-export { BrandTheme as i, BrandDetails as n, BrandNavLink as r, BrandAction as t };
-//# sourceMappingURL=types-PQziYg7Z.d.mts.map