brand-shell 0.10.0 → 0.12.0

package/dist/brand-shell.schema.json

@@ -15,6 +15,17 @@
     }
   },
   "$defs": {
+    "CustomSocialLink": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["platform", "href", "label"],
+      "properties": {
+        "platform": { "type": "string", "minLength": 1 },
+        "href": { "type": "string", "minLength": 1 },
+        "label": { "type": "string", "minLength": 1 },
+        "iconSvg": { "type": "string", "minLength": 1 }
+      }
+    },
     "Target": {
       "type": "string",
       "enum": ["_blank", "_self", "_parent", "_top"]
@@ -63,12 +74,16 @@
         "primaryAction": { "$ref": "#/$defs/BrandAction" },
         "secondaryAction": { "$ref": "#/$defs/BrandAction" },
         "linkedin": { "type": "string", "minLength": 1 },
-        "gmail": { "type": "string", "minLength": 1 },
+        "email": { "type": "string", "minLength": 1 },
         "github": { "type": "string", "minLength": 1 },
         "twitter": { "type": "string", "minLength": 1 },
         "discord": { "type": "string", "minLength": 1 },
         "website": { "type": "string", "minLength": 1 },
-        "tagline": { "type": "string", "minLength": 1 }
+        "tagline": { "type": "string", "minLength": 1 },
+        "customSocialLinks": {
+          "type": "array",
+          "items": { "$ref": "#/$defs/CustomSocialLink" }
+        }
       }
     },
     "BrandTheme": {
@@ -82,7 +97,11 @@
         "linkColor": { "type": "string", "minLength": 1 },
         "socialIconSize": { "type": "string", "minLength": 1 },
         "buttonTextColor": { "type": "string", "minLength": 1 },
-        "ctaLayout": { "type": "string", "enum": ["inline", "stacked"] }
+        "ctaLayout": { "type": "string", "enum": ["inline", "stacked"] },
+        "borderRadius": { "type": "string", "minLength": 1 },
+        "headerHeight": { "type": "string", "minLength": 1 },
+        "footerPadding": { "type": "string", "minLength": 1 },
+        "secondaryButtonBg": { "type": "string", "minLength": 1 }
       }
     }
   }

package/dist/default.css

@@ -293,16 +293,16 @@
 
   .brand-shell-header__nav {
     min-width: 0;
-    overflow-x: auto;
-    scrollbar-width: thin;
+    width: 100%;
+    overflow: visible;
   }
 
   .brand-shell-header__list {
-    flex-wrap: nowrap;
-    width: max-content;
-    min-width: 100%;
-    padding-bottom: 0.12rem;
-    gap: 0.24rem;
+    flex-wrap: wrap;
+    width: 100%;
+    min-width: 0;
+    padding-bottom: 0;
+    gap: 0.24rem 0.34rem;
   }
 
   .brand-shell-header__link {
@@ -346,18 +346,33 @@
 
   .brand-shell-header__social {
     justify-content: flex-start;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     gap: 0.36rem;
     margin-top: 0.12rem;
     padding-block: 0.08rem 0.12rem;
-    overflow-x: auto;
-    position: relative;
-    z-index: 1;
+    overflow: visible;
   }
 
   .brand-shell-header__social-link:hover {
     transform: none;
   }
+
+  .brand-shell-header__nav,
+  .brand-shell-header__social,
+  .brand-shell-footer__nav,
+  .brand-shell-footer__social {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  .brand-shell-header__nav::-webkit-scrollbar,
+  .brand-shell-header__social::-webkit-scrollbar,
+  .brand-shell-footer__nav::-webkit-scrollbar,
+  .brand-shell-footer__social::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    display: none;
+  }
 }
 
 @media (max-width: 460px) {
@@ -568,15 +583,15 @@
 
   .brand-shell-footer__nav {
     width: 100%;
-    overflow-x: auto;
-    scrollbar-width: thin;
+    overflow: visible;
   }
 
   .brand-shell-footer__list {
-    flex-wrap: nowrap;
-    width: max-content;
-    min-width: 100%;
-    padding-bottom: 0.15rem;
+    flex-wrap: wrap;
+    width: 100%;
+    min-width: 0;
+    padding-bottom: 0;
+    gap: 0.24rem 0.4rem;
   }
 
   .brand-shell-footer__ctas {
@@ -604,11 +619,15 @@
 
   .brand-shell-footer__social {
     width: 100%;
-    flex-wrap: nowrap;
-    overflow-x: auto;
+    flex-wrap: wrap;
+    overflow: visible;
     gap: 0.4rem;
     margin-top: 0.12rem;
   }
+
+  .brand-shell-footer__link {
+    white-space: nowrap;
+  }
 }
 
 @media (max-width: 460px) {

package/dist/index.d.mts

@@ -1,16 +1,27 @@
-import { i as BrandTheme, n as BrandDetails, r as BrandNavLink, t as BrandAction } from "./types-PQziYg7Z.mjs";
+import { a as CustomSocialLink, i as BrandTheme, n as BrandDetails, r as BrandNavLink, t as BrandAction } from "./types-B_CLRZMO.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement, ReactNode } from "react";
 
 //#region src/Header.d.ts
+interface LinkRenderProps {
+  href: string;
+  className: string;
+  "aria-label": string;
+  target: string;
+  rel?: string;
+  children: ReactNode;
+}
 interface HeaderProps {
   details: BrandDetails;
   theme?: BrandTheme | null;
   className?: string;
+  renderLink?: (props: LinkRenderProps) => ReactElement;
 }
 declare function Header({
   details,
   theme,
-  className
+  className,
+  renderLink
 }: HeaderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Footer.d.ts
@@ -18,19 +29,22 @@ interface FooterProps {
   details: BrandDetails;
   theme?: BrandTheme | null;
   className?: string;
+  renderLink?: (props: LinkRenderProps) => ReactElement;
 }
 declare function Footer({
   details,
   theme,
-  className
+  className,
+  renderLink
 }: FooterProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/core/social.d.ts
 type SocialPlatform = "website" | "linkedin" | "email" | "github" | "twitter" | "discord";
 interface SocialLink {
-  platform: SocialPlatform;
+  platform: SocialPlatform | string;
   href: string;
   label: string;
+  iconSvg?: string;
 }
 declare function detailsToSocialLinks(details: BrandDetails): SocialLink[];
 //#endregion
@@ -61,8 +75,9 @@ interface NormalizedBrandDetails extends Omit<BrandDetails, "navLinks" | "primar
 declare function normalizeNavLinks(navLinks?: BrandNavLink[]): ShellNavLink[];
 declare function normalizeBrandDetails(details: BrandDetails): NormalizedBrandDetails;
 declare function normalizeCtaLinks(primaryAction?: BrandAction, secondaryAction?: BrandAction): ShellActionLink[];
+declare function buildShellViewModelFromNormalized(normalized: NormalizedBrandDetails): ShellViewModel;
 declare function buildShellViewModel(details: BrandDetails): ShellViewModel;
-declare function normalizeGmailHref(gmail?: string): string | undefined;
+declare function normalizeEmailHref(email?: string): string | undefined;
 //#endregion
 //#region src/core/dev.d.ts
 declare function shouldValidateInDev(): boolean;
@@ -89,5 +104,5 @@ declare function assertValidBrandTheme(theme: unknown, context?: string): assert
 declare function normalizeBrandTheme(theme?: BrandTheme | null): BrandTheme | null;
 declare function formatValidationErrors(context: string, errors: string[]): string;
 //#endregion
-export { type BrandAction, type BrandDetails, type BrandNavLink, BrandShellValidationError, type BrandTheme, type BrandValidationResult, Footer, Header, type LinkTarget, type NormalizedBrandDetails, type ShellActionLink, type ShellNavLink, type ShellViewModel, type SocialLink, type SocialPlatform, type ThemeVariables, assertValidBrandDetails, assertValidBrandTheme, buildShellViewModel, detailsToSocialLinks, formatValidationErrors, normalizeBrandDetails, normalizeBrandTheme, normalizeCtaLinks, normalizeGmailHref, normalizeNavLinks, shouldValidateInDev, themeToCssVariables, validateBrandDetails, validateBrandTheme };
+export { type BrandAction, type BrandDetails, type BrandNavLink, BrandShellValidationError, type BrandTheme, type BrandValidationResult, type CustomSocialLink, Footer, type FooterProps, Header, type HeaderProps, type LinkRenderProps, type LinkTarget, type NormalizedBrandDetails, type ShellActionLink, type ShellNavLink, type ShellViewModel, type SocialLink, type SocialPlatform, type ThemeVariables, assertValidBrandDetails, assertValidBrandTheme, buildShellViewModel, buildShellViewModelFromNormalized, detailsToSocialLinks, formatValidationErrors, normalizeBrandDetails, normalizeBrandTheme, normalizeCtaLinks, normalizeEmailHref, normalizeNavLinks, shouldValidateInDev, themeToCssVariables, validateBrandDetails, validateBrandTheme };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/Header.tsx","../src/Footer.tsx","../src/core/social.ts","../src/core/shell.ts","../src/core/dev.ts","../src/core/theme.ts","../src/core/validation.ts"],"mappings":";;;;UAqBiB,WAAA;EACf,OAAA,EAAS,YAAA;EACT,KAAA,GAAQ,UAAA;EACR,SAAA;AAAA;AAAA,iBAGc,MAAA,CAAA;EAAS,OAAA;EAAS,KAAA;EAAO;AAAA,GAAa,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCNhD,WAAA;EACf,OAAA,EAAS,YAAA;EACT,KAAA,GAAQ,UAAA;EACR,SAAA;AAAA;AAAA,iBAGc,MAAA,CAAA;EAAS,OAAA;EAAS,KAAA;EAAO;AAAA,GAAa,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzBrD,cAAA;AAAA,UAEK,UAAA;EACf,QAAA,EAAU,cAAA;EACV,IAAA;EACA,KAAA;AAAA;AAAA,iBAGc,oBAAA,CAAqB,OAAA,EAAS,YAAA,GAAe,UAAA;;;KCNjD,UAAA,GAAa,WAAA,CAAY,YAAA;AAAA,UAEpB,YAAA,SAAqB,YAAA;EACpC,SAAA;EACA,GAAA;EACA,MAAA,EAAQ,UAAA;AAAA;AAAA,UAGO,eAAA,SAAwB,WAAA;EACvC,SAAA;EACA,GAAA;EACA,MAAA,EAAQ,UAAA;EACR,OAAA,EAAS,WAAA,CAAY,WAAA;AAAA;AAAA,UAGN,cAAA;EACf,QAAA,EAAU,YAAA;EACV,QAAA,EAAU,eAAA;EACV,WAAA,EAAa,UAAA;AAAA;AAAA,KAGH,oBAAA,GAAuB,IAAA,CAAK,eAAA,eAA8B,IAAA,CAAK,WAAA;AAAA,UAE1D,sBAAA,SAA+B,IAAA,CAAK,YAAA;EACnD,QAAA,EAAU,YAAA;EACV,aAAA,GAAgB,oBAAA;EAChB,eAAA,GAAkB,oBAAA;AAAA;AAAA,iBAGJ,iBAAA,CAAkB,QAAA,GAAU,YAAA,KAAsB,YAAA;AAAA,iBAgBlD,qBAAA,CAAsB,OAAA,EAAS,YAAA,GAAe,sBAAA;AAAA,iBAmB9C,iBAAA,CACd,aAAA,GAAgB,WAAA,EAChB,eAAA,GAAkB,WAAA,GACjB,eAAA;AAAA,iBAkBa,mBAAA,CAAoB,OAAA,EAAS,YAAA,GAAe,cAAA;AAAA,iBAU5C,kBAAA,CAAmB,KAAA;;;iBC1FnB,mBAAA,CAAA;;;KCHJ,cAAA,GAAiB,MAAA;AAAA,iBAEb,mBAAA,CAAoB,KAAA,GAAQ,UAAA,UAAoB,cAAA;;;UCY/C,qBAAA;EACf,KAAA;EACA,MAAA;EACA,UAAA,EAAY,CAAA;AAAA;AAAA,cAGD,yBAAA,SAAkC,KAAA;EAAA,SACpC,OAAA;EAAA,SACA,MAAA;cAEG,OAAA,UAAiB,MAAA;AAAA;AAAA,iBAQf,oBAAA,CAAqB,OAAA,YAAmB,qBAAA,CAAsB,sBAAA;AAAA,iBAmD9D,kBAAA,CAAmB,KAAA,YAAiB,qBAAA,CAAsB,UAAA;AAAA,iBAuC1D,uBAAA,CAAwB,OAAA,WAAkB,OAAA,oBAAmC,OAAA,IAAW,YAAA;AAAA,iBAOxF,qBAAA,CAAsB,KAAA,WAAgB,OAAA,oBAAiC,KAAA,IAAS,UAAA;AAAA,iBAOhF,mBAAA,CAAoB,KAAA,GAAQ,UAAA,UAAoB,UAAA;AAAA,iBAwBhD,sBAAA,CAAuB,OAAA,UAAiB,MAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/Header.tsx","../src/Footer.tsx","../src/core/social.ts","../src/core/shell.ts","../src/core/dev.ts","../src/core/theme.ts","../src/core/validation.ts"],"mappings":";;;;;UAsBiB,eAAA;EACf,IAAA;EACA,SAAA;EACA,YAAA;EACA,MAAA;EACA,GAAA;EACA,QAAA,EAAU,SAAA;AAAA;AAAA,UAGK,WAAA;EACf,OAAA,EAAS,YAAA;EACT,KAAA,GAAQ,UAAA;EACR,SAAA;EACA,UAAA,IAAc,KAAA,EAAO,eAAA,KAAoB,YAAA;AAAA;AAAA,iBAG3B,MAAA,CAAA;EAAS,OAAA;EAAS,KAAA;EAAO,SAAA;EAAW;AAAA,GAAc,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCd5D,WAAA;EACf,OAAA,EAAS,YAAA;EACT,KAAA,GAAQ,UAAA;EACR,SAAA;EACA,UAAA,IAAc,KAAA,EAAO,eAAA,KAAoB,YAAA;AAAA;AAAA,iBAG3B,MAAA,CAAA;EAAS,OAAA;EAAS,KAAA;EAAO,SAAA;EAAW;AAAA,GAAc,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC7BjE,cAAA;AAAA,UAEK,UAAA;EACf,QAAA,EAAU,cAAA;EACV,IAAA;EACA,KAAA;EACA,OAAA;AAAA;AAAA,iBAGc,oBAAA,CAAqB,OAAA,EAAS,YAAA,GAAe,UAAA;;;KCPjD,UAAA,GAAa,WAAA,CAAY,YAAA;AAAA,UAEpB,YAAA,SAAqB,YAAA;EACpC,SAAA;EACA,GAAA;EACA,MAAA,EAAQ,UAAA;AAAA;AAAA,UAGO,eAAA,SAAwB,WAAA;EACvC,SAAA;EACA,GAAA;EACA,MAAA,EAAQ,UAAA;EACR,OAAA,EAAS,WAAA,CAAY,WAAA;AAAA;AAAA,UAGN,cAAA;EACf,QAAA,EAAU,YAAA;EACV,QAAA,EAAU,eAAA;EACV,WAAA,EAAa,UAAA;AAAA;AAAA,KAGH,oBAAA,GAAuB,IAAA,CAAK,eAAA,eAA8B,IAAA,CAAK,WAAA;AAAA,UAE1D,sBAAA,SAA+B,IAAA,CAAK,YAAA;EACnD,QAAA,EAAU,YAAA;EACV,aAAA,GAAgB,oBAAA;EAChB,eAAA,GAAkB,oBAAA;AAAA;AAAA,iBAGJ,iBAAA,CAAkB,QAAA,GAAU,YAAA,KAAsB,YAAA;AAAA,iBAgBlD,qBAAA,CAAsB,OAAA,EAAS,YAAA,GAAe,sBAAA;AAAA,iBAoB9C,iBAAA,CACd,aAAA,GAAgB,WAAA,EAChB,eAAA,GAAkB,WAAA,GACjB,eAAA;AAAA,iBAkBa,iCAAA,CAAkC,UAAA,EAAY,sBAAA,GAAyB,cAAA;AAAA,iBAQvE,mBAAA,CAAoB,OAAA,EAAS,YAAA,GAAe,cAAA;AAAA,iBAI5C,kBAAA,CAAmB,KAAA;;;iBC7FnB,mBAAA,CAAA;;;KCHJ,cAAA,GAAiB,MAAA;AAAA,iBAEb,mBAAA,CAAoB,KAAA,GAAQ,UAAA,UAAoB,cAAA;;;UCgB/C,qBAAA;EACf,KAAA;EACA,MAAA;EACA,UAAA,EAAY,CAAA;AAAA;AAAA,cAGD,yBAAA,SAAkC,KAAA;EAAA,SACpC,OAAA;EAAA,SACA,MAAA;cAEG,OAAA,UAAiB,MAAA;AAAA;AAAA,iBAQf,oBAAA,CAAqB,OAAA,YAAmB,qBAAA,CAAsB,sBAAA;AAAA,iBA6D9D,kBAAA,CAAmB,KAAA,YAAiB,qBAAA,CAAsB,UAAA;AAAA,iBAuC1D,uBAAA,CAAwB,OAAA,WAAkB,OAAA,oBAAmC,OAAA,IAAW,YAAA;AAAA,iBAOxF,qBAAA,CAAsB,KAAA,WAAgB,OAAA,oBAAiC,KAAA,IAAS,UAAA;AAAA,iBAOhF,mBAAA,CAAoB,KAAA,GAAQ,UAAA,UAAoB,UAAA;AAAA,iBAwBhD,sBAAA,CAAuB,OAAA,UAAiB,MAAA"}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { a as normalizeBrandTheme, c as themeToCssVariables, d as normalizeBrandDetails, f as normalizeCtaLinks, h as detailsToSocialLinks, i as formatValidationErrors, l as shouldValidateInDev, m as normalizeNavLinks, n as assertValidBrandDetails, o as validateBrandDetails, p as normalizeGmailHref, r as assertValidBrandTheme, s as validateBrandTheme, t as BrandShellValidationError, u as buildShellViewModel } from "./validation-xdqzwr3p.mjs";
+import { a as normalizeBrandTheme, c as themeToCssVariables, d as buildShellViewModelFromNormalized, f as normalizeBrandDetails, g as detailsToSocialLinks, h as normalizeNavLinks, i as formatValidationErrors, l as shouldValidateInDev, m as normalizeEmailHref, n as assertValidBrandDetails, o as validateBrandDetails, p as normalizeCtaLinks, r as assertValidBrandTheme, s as validateBrandTheme, t as BrandShellValidationError, u as buildShellViewModel } from "./validation-CtH2UkVv.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react/theme.ts
@@ -73,8 +73,8 @@ function MailIcon({ className, width = "1em", height = "1em", ...props }) {
 		}), /* @__PURE__ */ jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })]
 	});
 }
-function MessageCircleIcon({ className, width = "1em", height = "1em", ...props }) {
-	return /* @__PURE__ */ jsx("svg", {
+function GlobeIcon({ className, width = "1em", height = "1em", ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
@@ -85,13 +85,21 @@ function MessageCircleIcon({ className, width = "1em", height = "1em", ...props
 		width,
 		height,
 		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+			/* @__PURE__ */ jsx("path", { d: "M2 12h20" })
+		]
 	});
 }
 
 //#endregion
 //#region src/Header.tsx
-function Header({ details, theme, className }) {
+function Header({ details, theme, className, renderLink }) {
 	if (shouldValidateInDev()) {
 		assertValidBrandDetails(details, "brand-shell/Header details");
 		assertValidBrandTheme(theme, "brand-shell/Header theme");
@@ -100,12 +108,21 @@ function Header({ details, theme, className }) {
 	const normalizedTheme = normalizeBrandTheme(theme);
 	const ctaLayout = normalizedTheme?.ctaLayout === "stacked" ? "stacked" : "inline";
 	const style = themeToStyle(normalizedTheme);
-	const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(normalizedDetails);
+	const { navLinks, ctaLinks, socialLinks } = buildShellViewModelFromNormalized(normalizedDetails);
 	const combinedClassName = ["brand-shell-header", className].filter(Boolean).join(" ");
-	const brandIdentity = normalizedDetails.homeHref ? /* @__PURE__ */ jsx("a", {
+	const LinkEl = renderLink ? renderLink : ({ href, className: cls, "aria-label": ariaLabel, target, rel, children }) => /* @__PURE__ */ jsx("a", {
+		href,
+		className: cls,
+		"aria-label": ariaLabel,
+		target,
+		rel,
+		children
+	});
+	const brandIdentity = normalizedDetails.homeHref ? /* @__PURE__ */ jsx(LinkEl, {
 		href: normalizedDetails.homeHref,
 		className: "brand-shell-header__name",
 		"aria-label": `${normalizedDetails.name} home`,
+		target: "_self",
 		children: normalizedDetails.name
 	}) : /* @__PURE__ */ jsx("span", {
 		className: "brand-shell-header__name",
@@ -127,7 +144,7 @@ function Header({ details, theme, className }) {
 						children: /* @__PURE__ */ jsx("ul", {
 							className: "brand-shell-header__list",
 							children: navLinks.map((link) => {
-								return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+								return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(LinkEl, {
 									href: link.href,
 									className: "brand-shell-header__link",
 									"aria-label": link.ariaLabel,
@@ -140,7 +157,7 @@ function Header({ details, theme, className }) {
 					}),
 					ctaLinks.length > 0 && /* @__PURE__ */ jsx("div", {
 						className: "brand-shell-header__ctas",
-						children: ctaLinks.map((action) => /* @__PURE__ */ jsx("a", {
+						children: ctaLinks.map((action) => /* @__PURE__ */ jsx(LinkEl, {
 							href: action.href,
 							className: ["brand-shell-button", `brand-shell-button--${action.variant}`].join(" "),
 							"aria-label": action.ariaLabel,
@@ -154,13 +171,19 @@ function Header({ details, theme, className }) {
 						"aria-label": "Social links",
 						children: socialLinks.map((link) => {
 							const Icon = SOCIAL_ICON_COMPONENTS$1[link.platform];
+							const isMailto = link.href.startsWith("mailto:");
 							return /* @__PURE__ */ jsx("a", {
 								href: link.href,
 								className: "brand-shell-header__social-link",
 								"aria-label": link.label,
-								target: "_blank",
-								rel: "noopener noreferrer",
-								children: Icon ? /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx("span", { children: link.label[0] })
+								...!isMailto && {
+									target: "_blank",
+									rel: "noopener noreferrer"
+								},
+								children: Icon ? /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) : link.iconSvg ? /* @__PURE__ */ jsx("span", {
+									dangerouslySetInnerHTML: { __html: link.iconSvg },
+									"aria-hidden": "true"
+								}) : /* @__PURE__ */ jsx("span", { children: link.label[0] })
 							}, link.href + link.platform);
 						})
 					})
@@ -170,7 +193,7 @@ function Header({ details, theme, className }) {
 	});
 }
 const SOCIAL_ICON_COMPONENTS$1 = {
-	website: MessageCircleIcon,
+	website: GlobeIcon,
 	linkedin: LinkedinIcon,
 	email: MailIcon,
 	github: GithubIcon,
@@ -180,7 +203,7 @@ const SOCIAL_ICON_COMPONENTS$1 = {
 
 //#endregion
 //#region src/Footer.tsx
-function Footer({ details, theme, className }) {
+function Footer({ details, theme, className, renderLink }) {
 	if (shouldValidateInDev()) {
 		assertValidBrandDetails(details, "brand-shell/Footer details");
 		assertValidBrandTheme(theme, "brand-shell/Footer theme");
@@ -189,9 +212,18 @@ function Footer({ details, theme, className }) {
 	const normalizedTheme = normalizeBrandTheme(theme);
 	const ctaLayout = normalizedTheme?.ctaLayout === "stacked" ? "stacked" : "inline";
 	const style = themeToStyle(normalizedTheme);
-	const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(normalizedDetails);
+	const { navLinks, ctaLinks, socialLinks } = buildShellViewModelFromNormalized(normalizedDetails);
+	const combinedClassName = ["brand-shell-footer", className].filter(Boolean).join(" ");
+	const LinkEl = renderLink ? renderLink : ({ href, className: cls, "aria-label": ariaLabel, target, rel, children }) => /* @__PURE__ */ jsx("a", {
+		href,
+		className: cls,
+		"aria-label": ariaLabel,
+		target,
+		rel,
+		children
+	});
 	return /* @__PURE__ */ jsx("footer", {
-		className: ["brand-shell-footer", className].filter(Boolean).join(" "),
+		className: combinedClassName,
 		"data-brand-cta-layout": ctaLayout,
 		style,
 		role: "contentinfo",
@@ -216,7 +248,7 @@ function Footer({ details, theme, className }) {
 						children: /* @__PURE__ */ jsx("ul", {
 							className: "brand-shell-footer__list",
 							children: navLinks.map((link) => {
-								return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+								return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(LinkEl, {
 									href: link.href,
 									className: "brand-shell-footer__link",
 									"aria-label": link.ariaLabel,
@@ -229,7 +261,7 @@ function Footer({ details, theme, className }) {
 					}),
 					ctaLinks.length > 0 && /* @__PURE__ */ jsx("div", {
 						className: "brand-shell-footer__ctas",
-						children: ctaLinks.map((action) => /* @__PURE__ */ jsx("a", {
+						children: ctaLinks.map((action) => /* @__PURE__ */ jsx(LinkEl, {
 							href: action.href,
 							className: ["brand-shell-button", `brand-shell-button--${action.variant}`].join(" "),
 							"aria-label": action.ariaLabel,
@@ -243,13 +275,19 @@ function Footer({ details, theme, className }) {
 						"aria-label": "Social links",
 						children: socialLinks.map((link) => {
 							const Icon = SOCIAL_ICON_COMPONENTS[link.platform];
+							const isMailto = link.href.startsWith("mailto:");
 							return /* @__PURE__ */ jsx("a", {
 								href: link.href,
 								className: "brand-shell-footer__social-link",
 								"aria-label": link.label,
-								target: "_blank",
-								rel: "noopener noreferrer",
-								children: Icon ? /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx("span", { children: link.label[0] })
+								...!isMailto && {
+									target: "_blank",
+									rel: "noopener noreferrer"
+								},
+								children: Icon ? /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) : link.iconSvg ? /* @__PURE__ */ jsx("span", {
+									dangerouslySetInnerHTML: { __html: link.iconSvg },
+									"aria-hidden": "true"
+								}) : /* @__PURE__ */ jsx("span", { children: link.label[0] })
 							}, link.href + link.platform);
 						})
 					})
@@ -267,7 +305,7 @@ function Footer({ details, theme, className }) {
 	});
 }
 const SOCIAL_ICON_COMPONENTS = {
-	website: MessageCircleIcon,
+	website: GlobeIcon,
 	linkedin: LinkedinIcon,
 	email: MailIcon,
 	github: GithubIcon,
@@ -276,5 +314,5 @@ const SOCIAL_ICON_COMPONENTS = {
 };
 
 //#endregion
-export { BrandShellValidationError, Footer, Header, assertValidBrandDetails, assertValidBrandTheme, buildShellViewModel, detailsToSocialLinks, formatValidationErrors, normalizeBrandDetails, normalizeBrandTheme, normalizeCtaLinks, normalizeGmailHref, normalizeNavLinks, shouldValidateInDev, themeToCssVariables, validateBrandDetails, validateBrandTheme };
+export { BrandShellValidationError, Footer, Header, assertValidBrandDetails, assertValidBrandTheme, buildShellViewModel, buildShellViewModelFromNormalized, detailsToSocialLinks, formatValidationErrors, normalizeBrandDetails, normalizeBrandTheme, normalizeCtaLinks, normalizeEmailHref, normalizeNavLinks, shouldValidateInDev, themeToCssVariables, validateBrandDetails, validateBrandTheme };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["SOCIAL_ICON_COMPONENTS"],"sources":["../src/react/theme.ts","../src/icons.tsx","../src/Header.tsx","../src/Footer.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { BrandTheme } from \"../core/types\";\nimport { themeToCssVariables } from \"../core/theme\";\n\nexport function themeToStyle(theme?: BrandTheme | null): CSSProperties {\n  return themeToCssVariables(theme) as CSSProperties;\n}\n","/**\n * Social Media Icons\n *\n * Brand icons from lucide-react are deprecated and will be removed in v1.0.\n * This file provides reusable icon components using Simple Icons SVG paths.\n * See: https://github.com/lucide-icons/lucide/issues/670\n */\n\nimport type { SVGProps } from \"react\";\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n  className?: string;\n  \"aria-label\"?: string;\n}\n\nexport function GithubIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function TwitterIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function LinkedinIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function DiscordIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function MailIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      width={width}\n      height={height}\n      {...props}\n    >\n      <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n      <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\" />\n    </svg>\n  );\n}\n\nexport function MessageCircleIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      width={width}\n      height={height}\n      {...props}\n    >\n      <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\" />\n    </svg>\n  );\n}\n","import type { BrandDetails, BrandTheme } from \"./types\";\nimport {\n  assertValidBrandDetails,\n  assertValidBrandTheme,\n  buildShellViewModel,\n  normalizeBrandDetails,\n  normalizeBrandTheme,\n  shouldValidateInDev,\n} from \"./core\";\nimport type { SocialPlatform } from \"./core\";\nimport type { IconProps } from \"./icons\";\nimport { themeToStyle } from \"./react/theme\";\nimport {\n  DiscordIcon,\n  GithubIcon,\n  LinkedinIcon,\n  MailIcon,\n  MessageCircleIcon,\n  TwitterIcon,\n} from \"./icons\";\n\nexport interface HeaderProps {\n  details: BrandDetails;\n  theme?: BrandTheme | null;\n  className?: string;\n}\n\nexport function Header({ details, theme, className }: HeaderProps) {\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(details, \"brand-shell/Header details\");\n    assertValidBrandTheme(theme, \"brand-shell/Header theme\");\n  }\n\n  const normalizedDetails = normalizeBrandDetails(details);\n  const normalizedTheme = normalizeBrandTheme(theme);\n  const ctaLayout = normalizedTheme?.ctaLayout === \"stacked\" ? \"stacked\" : \"inline\";\n  const style = themeToStyle(normalizedTheme);\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(normalizedDetails);\n  const combinedClassName = [\"brand-shell-header\", className].filter(Boolean).join(\" \");\n  const brandIdentity = normalizedDetails.homeHref ? (\n    <a\n      href={normalizedDetails.homeHref}\n      className=\"brand-shell-header__name\"\n      aria-label={`${normalizedDetails.name} home`}\n    >\n      {normalizedDetails.name}\n    </a>\n  ) : (\n    <span className=\"brand-shell-header__name\">{normalizedDetails.name}</span>\n  );\n\n  return (\n    <header className={combinedClassName} data-brand-cta-layout={ctaLayout} style={style} role=\"banner\">\n      <div className=\"brand-shell-header__inner\">\n        {brandIdentity}\n        <div className=\"brand-shell-header__actions\">\n          {navLinks.length > 0 && (\n            <nav className=\"brand-shell-header__nav\" aria-label=\"Primary\">\n              <ul className=\"brand-shell-header__list\">\n                {navLinks.map((link) => {\n                  return (\n                    <li key={link.href + link.label}>\n                      <a\n                        href={link.href}\n                        className=\"brand-shell-header__link\"\n                        aria-label={link.ariaLabel}\n                        target={link.target}\n                        rel={link.rel}\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  );\n                })}\n              </ul>\n            </nav>\n          )}\n          {ctaLinks.length > 0 && (\n            <div className=\"brand-shell-header__ctas\">\n              {ctaLinks.map((action) => (\n                <a\n                  key={action.href + action.label}\n                  href={action.href}\n                  className={[\"brand-shell-button\", `brand-shell-button--${action.variant}`].join(\" \")}\n                  aria-label={action.ariaLabel}\n                  target={action.target}\n                  rel={action.rel}\n                >\n                  {action.label}\n                </a>\n              ))}\n            </div>\n          )}\n          {socialLinks.length > 0 && (\n            <div className=\"brand-shell-header__social\" aria-label=\"Social links\">\n              {socialLinks.map((link) => {\n                const Icon = SOCIAL_ICON_COMPONENTS[link.platform];\n                return (\n                  <a\n                    key={link.href + link.platform}\n                    href={link.href}\n                    className=\"brand-shell-header__social-link\"\n                    aria-label={link.label}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    {Icon ? <Icon aria-hidden=\"true\" /> : <span>{link.label[0]}</span>}\n                  </a>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n}\n\nconst SOCIAL_ICON_COMPONENTS: Record<SocialPlatform, (props: IconProps) => JSX.Element> = {\n  website: MessageCircleIcon,\n  linkedin: LinkedinIcon,\n  email: MailIcon,\n  github: GithubIcon,\n  twitter: TwitterIcon,\n  discord: DiscordIcon,\n};\n","import type { BrandDetails, BrandTheme } from \"./types\";\nimport {\n  assertValidBrandDetails,\n  assertValidBrandTheme,\n  buildShellViewModel,\n  normalizeBrandDetails,\n  normalizeBrandTheme,\n  shouldValidateInDev,\n} from \"./core\";\nimport type { SocialPlatform } from \"./core\";\nimport type { IconProps } from \"./icons\";\nimport { themeToStyle } from \"./react/theme\";\nimport {\n  DiscordIcon,\n  GithubIcon,\n  LinkedinIcon,\n  MailIcon,\n  MessageCircleIcon,\n  TwitterIcon,\n} from \"./icons\";\n\nexport interface FooterProps {\n  details: BrandDetails;\n  theme?: BrandTheme | null;\n  className?: string;\n}\n\nexport function Footer({ details, theme, className }: FooterProps) {\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(details, \"brand-shell/Footer details\");\n    assertValidBrandTheme(theme, \"brand-shell/Footer theme\");\n  }\n\n  const normalizedDetails = normalizeBrandDetails(details);\n  const normalizedTheme = normalizeBrandTheme(theme);\n  const ctaLayout = normalizedTheme?.ctaLayout === \"stacked\" ? \"stacked\" : \"inline\";\n  const style = themeToStyle(normalizedTheme);\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModel(normalizedDetails);\n  const combinedClassName = [\"brand-shell-footer\", className].filter(Boolean).join(\" \");\n\n  return (\n    <footer className={combinedClassName} data-brand-cta-layout={ctaLayout} style={style} role=\"contentinfo\">\n      <div className=\"brand-shell-footer__inner\">\n        <div className=\"brand-shell-footer__top\">\n          <div className=\"brand-shell-footer__brand\">\n            <p className=\"brand-shell-footer__name\">{normalizedDetails.name}</p>\n            {normalizedDetails.tagline && <p className=\"brand-shell-footer__tagline\">{normalizedDetails.tagline}</p>}\n          </div>\n          {navLinks.length > 0 && (\n            <nav className=\"brand-shell-footer__nav\" aria-label=\"Footer\">\n              <ul className=\"brand-shell-footer__list\">\n                {navLinks.map((link) => {\n                  return (\n                    <li key={link.href + link.label}>\n                      <a\n                        href={link.href}\n                        className=\"brand-shell-footer__link\"\n                        aria-label={link.ariaLabel}\n                        target={link.target}\n                        rel={link.rel}\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  );\n                })}\n              </ul>\n            </nav>\n          )}\n          {ctaLinks.length > 0 && (\n            <div className=\"brand-shell-footer__ctas\">\n              {ctaLinks.map((action) => (\n                <a\n                  key={action.href + action.label}\n                  href={action.href}\n                  className={[\"brand-shell-button\", `brand-shell-button--${action.variant}`].join(\" \")}\n                  aria-label={action.ariaLabel}\n                  target={action.target}\n                  rel={action.rel}\n                >\n                  {action.label}\n                </a>\n              ))}\n            </div>\n          )}\n          {socialLinks.length > 0 && (\n            <div className=\"brand-shell-footer__social\" aria-label=\"Social links\">\n              {socialLinks.map((link) => {\n                const Icon = SOCIAL_ICON_COMPONENTS[link.platform];\n                return (\n                  <a\n                    key={link.href + link.platform}\n                    href={link.href}\n                    className=\"brand-shell-footer__social-link\"\n                    aria-label={link.label}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    {Icon ? <Icon aria-hidden=\"true\" /> : <span>{link.label[0]}</span>}\n                  </a>\n                );\n              })}\n            </div>\n          )}\n        </div>\n        <p className=\"brand-shell-footer__copy\">&copy; {new Date().getFullYear()} {normalizedDetails.name}</p>\n      </div>\n    </footer>\n  );\n}\n\nconst SOCIAL_ICON_COMPONENTS: Record<SocialPlatform, (props: IconProps) => JSX.Element> = {\n  website: MessageCircleIcon,\n  linkedin: LinkedinIcon,\n  email: MailIcon,\n  github: GithubIcon,\n  twitter: TwitterIcon,\n  discord: DiscordIcon,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["SOCIAL_ICON_COMPONENTS"],"sources":["../src/react/theme.ts","../src/icons.tsx","../src/Header.tsx","../src/Footer.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { BrandTheme } from \"../core/types\";\nimport { themeToCssVariables } from \"../core/theme\";\n\nexport function themeToStyle(theme?: BrandTheme | null): CSSProperties {\n  return themeToCssVariables(theme) as CSSProperties;\n}\n","/**\n * Social Media Icons\n *\n * Brand icons from lucide-react are deprecated and will be removed in v1.0.\n * This file provides reusable icon components using Simple Icons SVG paths.\n * See: https://github.com/lucide-icons/lucide/issues/670\n */\n\nimport type { SVGProps } from \"react\";\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n  className?: string;\n  \"aria-label\"?: string;\n}\n\nexport function GithubIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function TwitterIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function LinkedinIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function DiscordIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className={className} width={width} height={height} {...props}>\n      <path d=\"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    </svg>\n  );\n}\n\nexport function MailIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      width={width}\n      height={height}\n      {...props}\n    >\n      <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n      <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\" />\n    </svg>\n  );\n}\n\nexport function GlobeIcon({ className, width = \"1em\", height = \"1em\", ...props }: IconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      width={width}\n      height={height}\n      {...props}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" />\n      <path d=\"M2 12h20\" />\n    </svg>\n  );\n}\n","import type { ReactElement, ReactNode } from \"react\";\nimport type { BrandDetails, BrandTheme } from \"./types\";\nimport {\n  assertValidBrandDetails,\n  assertValidBrandTheme,\n  buildShellViewModelFromNormalized,\n  normalizeBrandDetails,\n  normalizeBrandTheme,\n  shouldValidateInDev,\n} from \"./core\";\nimport type { SocialPlatform } from \"./core\";\nimport type { IconProps } from \"./icons\";\nimport { themeToStyle } from \"./react/theme\";\nimport {\n  DiscordIcon,\n  GithubIcon,\n  GlobeIcon,\n  LinkedinIcon,\n  MailIcon,\n  TwitterIcon,\n} from \"./icons\";\n\nexport interface LinkRenderProps {\n  href: string;\n  className: string;\n  \"aria-label\": string;\n  target: string;\n  rel?: string;\n  children: ReactNode;\n}\n\nexport interface HeaderProps {\n  details: BrandDetails;\n  theme?: BrandTheme | null;\n  className?: string;\n  renderLink?: (props: LinkRenderProps) => ReactElement;\n}\n\nexport function Header({ details, theme, className, renderLink }: HeaderProps) {\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(details, \"brand-shell/Header details\");\n    assertValidBrandTheme(theme, \"brand-shell/Header theme\");\n  }\n\n  const normalizedDetails = normalizeBrandDetails(details);\n  const normalizedTheme = normalizeBrandTheme(theme);\n  const ctaLayout = normalizedTheme?.ctaLayout === \"stacked\" ? \"stacked\" : \"inline\";\n  const style = themeToStyle(normalizedTheme);\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModelFromNormalized(normalizedDetails);\n  const combinedClassName = [\"brand-shell-header\", className].filter(Boolean).join(\" \");\n\n  const LinkEl = renderLink\n    ? renderLink\n    : ({ href, className: cls, \"aria-label\": ariaLabel, target, rel, children }: LinkRenderProps) => (\n        <a href={href} className={cls} aria-label={ariaLabel} target={target} rel={rel}>{children}</a>\n      );\n\n  const brandIdentity = normalizedDetails.homeHref ? (\n    <LinkEl\n      href={normalizedDetails.homeHref}\n      className=\"brand-shell-header__name\"\n      aria-label={`${normalizedDetails.name} home`}\n      target=\"_self\"\n    >\n      {normalizedDetails.name}\n    </LinkEl>\n  ) : (\n    <span className=\"brand-shell-header__name\">{normalizedDetails.name}</span>\n  );\n\n  return (\n    <header className={combinedClassName} data-brand-cta-layout={ctaLayout} style={style} role=\"banner\">\n      <div className=\"brand-shell-header__inner\">\n        {brandIdentity}\n        <div className=\"brand-shell-header__actions\">\n          {navLinks.length > 0 && (\n            <nav className=\"brand-shell-header__nav\" aria-label=\"Primary\">\n              <ul className=\"brand-shell-header__list\">\n                {navLinks.map((link) => {\n                  return (\n                    <li key={link.href + link.label}>\n                      <LinkEl\n                        href={link.href}\n                        className=\"brand-shell-header__link\"\n                        aria-label={link.ariaLabel}\n                        target={link.target}\n                        rel={link.rel}\n                      >\n                        {link.label}\n                      </LinkEl>\n                    </li>\n                  );\n                })}\n              </ul>\n            </nav>\n          )}\n          {ctaLinks.length > 0 && (\n            <div className=\"brand-shell-header__ctas\">\n              {ctaLinks.map((action) => (\n                <LinkEl\n                  key={action.href + action.label}\n                  href={action.href}\n                  className={[\"brand-shell-button\", `brand-shell-button--${action.variant}`].join(\" \")}\n                  aria-label={action.ariaLabel}\n                  target={action.target}\n                  rel={action.rel}\n                >\n                  {action.label}\n                </LinkEl>\n              ))}\n            </div>\n          )}\n          {socialLinks.length > 0 && (\n            <div className=\"brand-shell-header__social\" aria-label=\"Social links\">\n              {socialLinks.map((link) => {\n                const Icon = SOCIAL_ICON_COMPONENTS[link.platform as SocialPlatform];\n                const isMailto = link.href.startsWith(\"mailto:\");\n                return (\n                  <a\n                    key={link.href + link.platform}\n                    href={link.href}\n                    className=\"brand-shell-header__social-link\"\n                    aria-label={link.label}\n                    {...(!isMailto && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n                  >\n                    {Icon ? (\n                      <Icon aria-hidden=\"true\" />\n                    ) : link.iconSvg ? (\n                      <span dangerouslySetInnerHTML={{ __html: link.iconSvg }} aria-hidden=\"true\" />\n                    ) : (\n                      <span>{link.label[0]}</span>\n                    )}\n                  </a>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n}\n\nconst SOCIAL_ICON_COMPONENTS: Record<SocialPlatform, (props: IconProps) => JSX.Element> = {\n  website: GlobeIcon,\n  linkedin: LinkedinIcon,\n  email: MailIcon,\n  github: GithubIcon,\n  twitter: TwitterIcon,\n  discord: DiscordIcon,\n};\n","import type { ReactElement } from \"react\";\nimport type { BrandDetails, BrandTheme } from \"./types\";\nimport {\n  assertValidBrandDetails,\n  assertValidBrandTheme,\n  buildShellViewModelFromNormalized,\n  normalizeBrandDetails,\n  normalizeBrandTheme,\n  shouldValidateInDev,\n} from \"./core\";\nimport type { SocialPlatform } from \"./core\";\nimport type { IconProps } from \"./icons\";\nimport { themeToStyle } from \"./react/theme\";\nimport {\n  DiscordIcon,\n  GithubIcon,\n  GlobeIcon,\n  LinkedinIcon,\n  MailIcon,\n  TwitterIcon,\n} from \"./icons\";\n\nimport type { LinkRenderProps } from \"./Header\";\n\nexport interface FooterProps {\n  details: BrandDetails;\n  theme?: BrandTheme | null;\n  className?: string;\n  renderLink?: (props: LinkRenderProps) => ReactElement;\n}\n\nexport function Footer({ details, theme, className, renderLink }: FooterProps) {\n  if (shouldValidateInDev()) {\n    assertValidBrandDetails(details, \"brand-shell/Footer details\");\n    assertValidBrandTheme(theme, \"brand-shell/Footer theme\");\n  }\n\n  const normalizedDetails = normalizeBrandDetails(details);\n  const normalizedTheme = normalizeBrandTheme(theme);\n  const ctaLayout = normalizedTheme?.ctaLayout === \"stacked\" ? \"stacked\" : \"inline\";\n  const style = themeToStyle(normalizedTheme);\n  const { navLinks, ctaLinks, socialLinks } = buildShellViewModelFromNormalized(normalizedDetails);\n  const combinedClassName = [\"brand-shell-footer\", className].filter(Boolean).join(\" \");\n\n  const LinkEl = renderLink\n    ? renderLink\n    : ({ href, className: cls, \"aria-label\": ariaLabel, target, rel, children }: LinkRenderProps) => (\n        <a href={href} className={cls} aria-label={ariaLabel} target={target} rel={rel}>{children}</a>\n      );\n\n  return (\n    <footer className={combinedClassName} data-brand-cta-layout={ctaLayout} style={style} role=\"contentinfo\">\n      <div className=\"brand-shell-footer__inner\">\n        <div className=\"brand-shell-footer__top\">\n          <div className=\"brand-shell-footer__brand\">\n            <p className=\"brand-shell-footer__name\">{normalizedDetails.name}</p>\n            {normalizedDetails.tagline && <p className=\"brand-shell-footer__tagline\">{normalizedDetails.tagline}</p>}\n          </div>\n          {navLinks.length > 0 && (\n            <nav className=\"brand-shell-footer__nav\" aria-label=\"Footer\">\n              <ul className=\"brand-shell-footer__list\">\n                {navLinks.map((link) => {\n                  return (\n                    <li key={link.href + link.label}>\n                      <LinkEl\n                        href={link.href}\n                        className=\"brand-shell-footer__link\"\n                        aria-label={link.ariaLabel}\n                        target={link.target}\n                        rel={link.rel}\n                      >\n                        {link.label}\n                      </LinkEl>\n                    </li>\n                  );\n                })}\n              </ul>\n            </nav>\n          )}\n          {ctaLinks.length > 0 && (\n            <div className=\"brand-shell-footer__ctas\">\n              {ctaLinks.map((action) => (\n                <LinkEl\n                  key={action.href + action.label}\n                  href={action.href}\n                  className={[\"brand-shell-button\", `brand-shell-button--${action.variant}`].join(\" \")}\n                  aria-label={action.ariaLabel}\n                  target={action.target}\n                  rel={action.rel}\n                >\n                  {action.label}\n                </LinkEl>\n              ))}\n            </div>\n          )}\n          {socialLinks.length > 0 && (\n            <div className=\"brand-shell-footer__social\" aria-label=\"Social links\">\n              {socialLinks.map((link) => {\n                const Icon = SOCIAL_ICON_COMPONENTS[link.platform as SocialPlatform];\n                const isMailto = link.href.startsWith(\"mailto:\");\n                return (\n                  <a\n                    key={link.href + link.platform}\n                    href={link.href}\n                    className=\"brand-shell-footer__social-link\"\n                    aria-label={link.label}\n                    {...(!isMailto && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n                  >\n                    {Icon ? (\n                      <Icon aria-hidden=\"true\" />\n                    ) : link.iconSvg ? (\n                      <span dangerouslySetInnerHTML={{ __html: link.iconSvg }} aria-hidden=\"true\" />\n                    ) : (\n                      <span>{link.label[0]}</span>\n                    )}\n                  </a>\n                );\n              })}\n            </div>\n          )}\n        </div>\n        <p className=\"brand-shell-footer__copy\">&copy; {new Date().getFullYear()} {normalizedDetails.name}</p>\n      </div>\n    </footer>\n  );\n}\n\nconst SOCIAL_ICON_COMPONENTS: Record<SocialPlatform, (props: IconProps) => JSX.Element> = {\n  website: GlobeIcon,\n  linkedin: LinkedinIcon,\n  email: MailIcon,\n  github: GithubIcon,\n  twitter: TwitterIcon,\n  discord: DiscordIcon,\n};\n"],"mappings":"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"}

package/dist/svelte.d.mts

@@ -1,4 +1,4 @@
-import { i as BrandTheme, n as BrandDetails } from "./types-PQziYg7Z.mjs";
+import { i as BrandTheme, n as BrandDetails } from "./types-B_CLRZMO.mjs";
 import { BrandShellElementProps } from "./web.mjs";
 import { Action } from "svelte/action";
 

package/dist/svelte.mjs

@@ -1,4 +1,4 @@
-import { l as shouldValidateInDev, n as assertValidBrandDetails, r as assertValidBrandTheme } from "./validation-xdqzwr3p.mjs";
+import { l as shouldValidateInDev, n as assertValidBrandDetails, r as assertValidBrandTheme } from "./validation-CtH2UkVv.mjs";
 import { applyBrandShellProps, registerBrandShellElements } from "./web.mjs";
 
 //#region src/svelte/index.ts

package/dist/{types-PQziYg7Z.d.mts → types-B_CLRZMO.d.mts}

@@ -1,4 +1,18 @@
 //#region src/core/types.d.ts
+/**
+ * A custom social link for platforms not built into brand-shell.
+ * Built-in platforms retain priority; custom links are appended in insertion order.
+ */
+interface CustomSocialLink {
+  /** Arbitrary identifier used as a key (e.g. "bluesky", "mastodon") */
+  platform: string;
+  /** Link URL (must be a safe href) */
+  href: string;
+  /** Accessible label (used as aria-label) */
+  label: string;
+  /** Optional inline SVG string (24×24 viewBox). aria-hidden="true" is added automatically. */
+  iconSvg?: string;
+}
 /**
  * Schema for header/footer content. Caller passes these; package does not store them.
  */
@@ -42,7 +56,7 @@ interface BrandDetails {
   /** LinkedIn profile URL */
   linkedin?: string;
   /** Email address (e.g. mailto: or plain) */
-  gmail?: string;
+  email?: string;
   /** GitHub profile URL */
   github?: string;
   /** Twitter/X profile URL */
@@ -53,6 +67,8 @@ interface BrandDetails {
   website?: string;
   /** Optional tagline (e.g. in footer) */
   tagline?: string;
+  /** Additional social links for custom platforms (Bluesky, Mastodon, YouTube, etc.) */
+  customSocialLinks?: CustomSocialLink[];
 }
 /**
  * Optional theme to adapt branding without custom CSS.
@@ -75,7 +91,15 @@ interface BrandTheme {
   buttonTextColor?: string;
   /** Mobile CTA arrangement: side-by-side (`inline`) or one-per-row (`stacked`) */
   ctaLayout?: "inline" | "stacked";
+  /** Border radius for buttons and containers (e.g. 0.5rem, 4px) → --brand-radius */
+  borderRadius?: string;
+  /** Header height override (e.g. 4rem, 64px) → --brand-header-height */
+  headerHeight?: string;
+  /** Footer padding override (e.g. 3rem 1.5rem) → --brand-footer-padding */
+  footerPadding?: string;
+  /** Secondary button background color → --brand-button-secondary */
+  secondaryButtonBg?: string;
 }
 //#endregion
-export { BrandTheme as i, BrandDetails as n, BrandNavLink as r, BrandAction as t };
-//# sourceMappingURL=types-PQziYg7Z.d.mts.map
+export { CustomSocialLink as a, BrandTheme as i, BrandDetails as n, BrandNavLink as r, BrandAction as t };
+//# sourceMappingURL=types-B_CLRZMO.d.mts.map

package/dist/types-B_CLRZMO.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-B_CLRZMO.d.mts","names":[],"sources":["../src/core/types.ts"],"mappings":";;AAIA;;;UAAiB,gBAAA;EAEf;EAAA,QAAA;EAIA;EAFA,IAAA;EAIO;EAFP,KAAA;EAQe;EANf,OAAA;AAAA;;;;UAMe,YAAA;EAQf;EANA,KAAA;EAQG;EANH,IAAA;EASe;EAPf,SAAA;;EAEA,MAAA;EAOA;EALA,GAAA;AAAA;AAAA,UAGe,WAAA;EAUf;EARA,KAAA;EAUO;EARP,IAAA;EAWe;EATf,SAAA;;EAEA,MAAA;EAegB;EAbhB,GAAA;EA+BoB;EA7BpB,OAAA;AAAA;AAAA,UAGe,YAAA;EAIf;EAFA,IAAA;EAIW;EAFX,QAAA;EAIgB;EAFhB,QAAA,GAAW,YAAA;EAIO;EAFlB,aAAA,GAAgB,WAAA;EAMhB;EAJA,eAAA,GAAkB,WAAA;EAQlB;EANA,QAAA;EAUA;EARA,KAAA;EAYA;EAVA,MAAA;EAUoC;EARpC,OAAA;EAee;EAbf,OAAA;;EAEA,OAAA;EAaA;EAXA,OAAA;EAeA;EAbA,iBAAA,GAAoB,gBAAA;AAAA;;;;;UAOL,UAAA;EAsBf;EApBA,YAAA;EAsBiB;EApBjB,eAAA;;EAEA,SAAA;;EAEA,UAAA;;EAEA,SAAA;;EAEA,cAAA;;EAEA,eAAA;;EAEA,SAAA;;EAEA,YAAA;;EAEA,YAAA;;EAEA,aAAA;;EAEA,iBAAA;AAAA"}