brand-shell 0.3.0

package/dist/web.d.mts

@@ -0,0 +1,61 @@
+import { i as BrandTheme, n as BrandDetails, r as BrandNavLink, t as BrandAction } from "./types-PQziYg7Z.mjs";
+
+//#region src/web/index.d.ts
+declare const HTMLElementBase: typeof HTMLElement;
+interface RegisterBrandShellElementsOptions {
+  headerTagName?: string;
+  footerTagName?: string;
+}
+interface BrandShellElementProps {
+  details: BrandDetails;
+  theme?: BrandTheme | null;
+  shellClass?: string | null;
+}
+type BrandShellElementLike = HTMLElement & {
+  details?: BrandDetails | null;
+  theme?: BrandTheme | null;
+  shellClass?: string | null;
+};
+interface SerializedBrandShellAttributes {
+  details: string;
+  theme?: string;
+  "shell-class"?: string;
+}
+declare abstract class BaseBrandShellElement extends HTMLElementBase {
+  static get observedAttributes(): string[];
+  private _details;
+  private _theme;
+  private _shellClass;
+  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);
+  connectedCallback(): void;
+  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+  protected abstract build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement;
+  private render;
+  private upgradeProperty;
+}
+declare class BrandHeaderElement extends BaseBrandShellElement {
+  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement;
+}
+declare class BrandFooterElement extends BaseBrandShellElement {
+  protected build(details: BrandDetails, theme: BrandTheme | null, shellClass: string | null): HTMLElement;
+}
+declare function registerBrandShellElements(options?: RegisterBrandShellElementsOptions): {
+  headerTagName: string;
+  footerTagName: string;
+};
+declare function applyBrandShellProps(element: BrandShellElementLike | null | undefined, props: BrandShellElementProps): void;
+declare function serializeBrandShellAttributes(props: BrandShellElementProps): SerializedBrandShellAttributes;
+declare global {
+  interface HTMLElementTagNameMap {
+    "brand-header": BrandHeaderElement;
+    "brand-footer": BrandFooterElement;
+  }
+} //# sourceMappingURL=index.d.ts.map
+//#endregion
+export { type BrandAction, type BrandDetails, BrandFooterElement, BrandHeaderElement, type BrandNavLink, BrandShellElementLike, BrandShellElementProps, type BrandTheme, RegisterBrandShellElementsOptions, SerializedBrandShellAttributes, applyBrandShellProps, registerBrandShellElements, serializeBrandShellAttributes };
+//# sourceMappingURL=web.d.mts.map

package/dist/web.d.mts.map

@@ -0,0 +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"}

package/dist/web.mjs

@@ -0,0 +1,328 @@
+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";
+
+//#region src/web/index.ts
+const SVG_NS = "http://www.w3.org/2000/svg";
+const HTMLElementBase = typeof HTMLElement === "undefined" ? class {} : HTMLElement;
+var BaseBrandShellElement = class extends HTMLElementBase {
+	constructor(..._args) {
+		super(..._args);
+		this._details = null;
+		this._theme = null;
+		this._shellClass = null;
+	}
+	static get observedAttributes() {
+		return [
+			"details",
+			"theme",
+			"shell-class"
+		];
+	}
+	get details() {
+		return this._details;
+	}
+	set details(value) {
+		this._details = value;
+		this.render();
+	}
+	get theme() {
+		return this._theme;
+	}
+	set theme(value) {
+		this._theme = value;
+		this.render();
+	}
+	get shellClass() {
+		return this._shellClass;
+	}
+	set shellClass(value) {
+		this._shellClass = value;
+		this.render();
+	}
+	connectedCallback() {
+		this.upgradeProperty("details");
+		this.upgradeProperty("theme");
+		this.upgradeProperty("shellClass");
+		const attrs = parseAttributes(this);
+		if (this._details == null) this._details = attrs.details;
+		if (this._theme == null) this._theme = attrs.theme;
+		if (this._shellClass == null) this._shellClass = attrs.shellClass;
+		if (this.style.display !== "block") this.style.display = "block";
+		this.render();
+	}
+	attributeChangedCallback(name, _oldValue, newValue) {
+		if (name === "details") this._details = parseJsonAttribute(newValue);
+		else if (name === "theme") this._theme = parseJsonAttribute(newValue);
+		else if (name === "shell-class") this._shellClass = normalizeClassName(newValue);
+		this.render();
+	}
+	render() {
+		if (this._details == null) {
+			this.replaceChildren();
+			return;
+		}
+		const detailsResult = validateBrandDetails(this._details);
+		if (!detailsResult.valid) {
+			if (shouldValidateInDev()) throw new BrandShellValidationError("brand-shell/web details", detailsResult.errors);
+			this.replaceChildren();
+			return;
+		}
+		const themeResult = validateBrandTheme(this._theme);
+		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);
+		this.replaceChildren(element);
+	}
+	upgradeProperty(propertyName) {
+		if (Object.prototype.hasOwnProperty.call(this, propertyName)) {
+			const value = this[propertyName];
+			delete this[propertyName];
+			this[propertyName] = value;
+		}
+	}
+};
+var BrandHeaderElement = class extends BaseBrandShellElement {
+	build(details, theme, shellClass) {
+		return createHeader(details, theme, shellClass);
+	}
+};
+var BrandFooterElement = class extends BaseBrandShellElement {
+	build(details, theme, shellClass) {
+		return createFooter(details, theme, shellClass);
+	}
+};
+function registerBrandShellElements(options = {}) {
+	if (typeof customElements === "undefined") throw new Error("Custom elements are not available in this environment.");
+	const headerTagName = options.headerTagName ?? "brand-header";
+	const footerTagName = options.footerTagName ?? "brand-footer";
+	if (!customElements.get(headerTagName)) {
+		const HeaderConstructor = headerTagName === "brand-header" ? BrandHeaderElement : class extends BrandHeaderElement {};
+		customElements.define(headerTagName, HeaderConstructor);
+	}
+	if (!customElements.get(footerTagName)) {
+		const FooterConstructor = footerTagName === "brand-footer" ? BrandFooterElement : class extends BrandFooterElement {};
+		customElements.define(footerTagName, FooterConstructor);
+	}
+	return {
+		headerTagName,
+		footerTagName
+	};
+}
+function applyBrandShellProps(element, props) {
+	if (!element) return;
+	if (shouldValidateInDev()) {
+		assertValidBrandDetails(props.details, "brand-shell/web details");
+		assertValidBrandTheme(props.theme, "brand-shell/web theme");
+	}
+	element.details = validateBrandDetails(props.details).normalized ?? props.details;
+	element.theme = normalizeBrandTheme(props.theme ?? null);
+	element.shellClass = props.shellClass ?? null;
+}
+function serializeBrandShellAttributes(props) {
+	if (shouldValidateInDev()) {
+		assertValidBrandDetails(props.details, "brand-shell/web serialize details");
+		assertValidBrandTheme(props.theme, "brand-shell/web serialize theme");
+	}
+	const normalizedDetails = validateBrandDetails(props.details).normalized ?? props.details;
+	const normalizedTheme = normalizeBrandTheme(props.theme ?? null);
+	const attributes = { details: JSON.stringify(normalizedDetails) };
+	if (normalizedTheme) attributes.theme = JSON.stringify(normalizedTheme);
+	const shellClass = normalizeClassName(props.shellClass ?? null);
+	if (shellClass) attributes["shell-class"] = shellClass;
+	return attributes;
+}
+function parseAttributes(element) {
+	return {
+		details: parseJsonAttribute(element.getAttribute("details")),
+		theme: parseJsonAttribute(element.getAttribute("theme")),
+		shellClass: normalizeClassName(element.getAttribute("shell-class"))
+	};
+}
+function parseJsonAttribute(value) {
+	if (!value) return null;
+	try {
+		return JSON.parse(value);
+	} catch {
+		return null;
+	}
+}
+function normalizeClassName(value) {
+	if (!value) return null;
+	const trimmed = value.trim();
+	return trimmed.length > 0 ? trimmed : null;
+}
+function createHeader(details, theme, shellClass) {
+	const header = document.createElement("header");
+	header.className = joinClassNames("brand-shell-header", shellClass);
+	header.setAttribute("role", "banner");
+	applyThemeVariables(header, theme);
+	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`);
+	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 (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) {
+	const footer = document.createElement("footer");
+	footer.className = joinClassNames("brand-shell-footer", shellClass);
+	footer.setAttribute("role", "contentinfo");
+	applyThemeVariables(footer, theme);
+	footer.dataset.brandCtaLayout = resolveCtaLayout(theme);
+	const inner = document.createElement("div");
+	inner.className = "brand-shell-footer__inner";
+	const top = document.createElement("div");
+	top.className = "brand-shell-footer__top";
+	const brand = document.createElement("div");
+	brand.className = "brand-shell-footer__brand";
+	brand.append(createParagraph("brand-shell-footer__name", details.name));
+	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 (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) {
+	const nav = document.createElement("nav");
+	nav.className = `${blockClass}__nav`;
+	nav.setAttribute("aria-label", ariaLabel);
+	const list = document.createElement("ul");
+	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);
+		item.append(anchor);
+		list.append(item);
+	}
+	nav.append(list);
+	return nav;
+}
+function createCtas(actions, containerClass) {
+	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;
+		container.append(anchor);
+	});
+	return container;
+}
+function createSocialLinks(links, containerClass, linkClass) {
+	const container = document.createElement("div");
+	container.className = containerClass;
+	container.setAttribute("aria-label", "Social links");
+	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 (icon) anchor.append(icon);
+		else anchor.append(createSpan("", link.label[0] ?? "?"));
+		container.append(anchor);
+	}
+	return container;
+}
+function createSocialIcon(platform) {
+	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;
+	}
+}
+function createFilledIcon(pathData) {
+	const svg = createBaseSvg();
+	svg.setAttribute("fill", "currentColor");
+	const path = document.createElementNS(SVG_NS, "path");
+	path.setAttribute("d", pathData);
+	svg.append(path);
+	return svg;
+}
+function createStrokedIcon(pathData, rectAttributes) {
+	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");
+	if (rectAttributes) {
+		const rect = document.createElementNS(SVG_NS, "rect");
+		rect.setAttribute("width", "20");
+		rect.setAttribute("height", "16");
+		rect.setAttribute("x", "2");
+		rect.setAttribute("y", "4");
+		for (const [attribute, value] of Object.entries(rectAttributes)) rect.setAttribute(attribute, value);
+		svg.append(rect);
+	}
+	for (const d of pathData) {
+		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");
+	svg.setAttribute("width", "1em");
+	svg.setAttribute("height", "1em");
+	svg.setAttribute("aria-hidden", "true");
+	return svg;
+}
+function applyThemeVariables(element, theme) {
+	const style = themeToCssVariables(theme);
+	for (const [name, value] of Object.entries(style)) element.style.setProperty(name, value);
+}
+function resolveCtaLayout(theme) {
+	return theme?.ctaLayout === "stacked" ? "stacked" : "inline";
+}
+function joinClassNames(...classNames) {
+	return classNames.filter(Boolean).join(" ");
+}
+function createAnchor(href, className, text) {
+	const anchor = document.createElement("a");
+	anchor.href = href;
+	anchor.className = className;
+	anchor.textContent = text;
+	return anchor;
+}
+function createParagraph(className, text) {
+	const paragraph = document.createElement("p");
+	paragraph.className = className;
+	paragraph.textContent = text;
+	return paragraph;
+}
+function createSpan(className, text) {
+	const span = document.createElement("span");
+	span.className = className;
+	span.textContent = text;
+	return span;
+}
+
+//#endregion
+export { BrandFooterElement, BrandHeaderElement, applyBrandShellProps, registerBrandShellElements, serializeBrandShellAttributes };
+//# sourceMappingURL=web.mjs.map

package/dist/web.mjs.map

@@ -0,0 +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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"}

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "brand-shell",
+  "version": "0.3.0",
+  "description": "Reusable Header and Footer components with typed details and theme. Premium default UX, works in React, Vite, Next.js.",
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.mts"
+    },
+    "./web": {
+      "import": "./dist/web.mjs",
+      "types": "./dist/web.d.mts"
+    },
+    "./vue": {
+      "import": "./dist/vue.mjs",
+      "types": "./dist/vue.d.mts"
+    },
+    "./svelte": {
+      "import": "./dist/svelte.mjs",
+      "types": "./dist/svelte.d.mts"
+    },
+    "./schema": "./dist/brand-shell.schema.json",
+    "./schema.json": "./dist/brand-shell.schema.json",
+    "./default.css": "./dist/default.css",
+    "./dist/default.css": "./dist/default.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepare": "bun run build",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "demo:setup:react": "bun install --cwd examples/react-vite",
+    "demo:setup:vue": "bun install --cwd examples/vue-vite",
+    "demo:setup:svelte": "bun install --cwd examples/svelte-vite",
+    "demo:setup:next": "bun install --cwd examples/next-app",
+    "demo:setup:tanstack": "bun install --cwd examples/tanstack-vite",
+    "demo:setup": "bun run build && bun run demo:setup:react && bun run demo:setup:vue && bun run demo:setup:svelte && bun run demo:setup:next && bun run demo:setup:tanstack",
+    "demo:build:react": "bun run --cwd examples/react-vite build",
+    "demo:build:vue": "bun run --cwd examples/vue-vite build",
+    "demo:build:svelte": "bun run --cwd examples/svelte-vite build",
+    "demo:build:next": "bun run --cwd examples/next-app build",
+    "demo:build:tanstack": "bun run --cwd examples/tanstack-vite build",
+    "demo:build:all": "bun run build && bun run demo:build:react && bun run demo:build:vue && bun run demo:build:svelte && bun run demo:build:next && bun run demo:build:tanstack",
+    "demo:dev:react": "bun run build && bun run --cwd examples/react-vite dev",
+    "demo:dev:vue": "bun run build && bun run --cwd examples/vue-vite dev",
+    "demo:dev:svelte": "bun run build && bun run --cwd examples/svelte-vite dev",
+    "demo:dev:next": "bun run build && bun run --cwd examples/next-app dev",
+    "demo:dev:tanstack": "bun run build && bun run --cwd examples/tanstack-vite dev",
+    "docs:setup": "bun install --cwd apps/docs",
+    "docs:dev": "bun run build && bun run --cwd apps/docs dev",
+    "docs:build": "bun run build && bun run --cwd apps/docs build",
+    "test": "vitest run",
+    "test:smoke": "vitest run --config vitest.smoke.config.ts",
+    "typecheck": "tsc -p tsconfig.check.json --noEmit",
+    "lint": "bun run typecheck",
+    "commitlint": "commitlint --config .commitlintrc.cjs --verbose",
+    "pack:check": "node scripts/check-pack.cjs",
+    "check": "bun run lint && bun run test && bun run build && bun run pack:check",
+    "changeset": "bunx @changesets/cli@2.29.7",
+    "version:packages": "bun run changeset version",
+    "release:publish": "bun run changeset publish --provenance",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "postbuild": "node scripts/copy-css.cjs"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "svelte": ">=5.0.0",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "ajv": "^8.17.1",
+    "@types/node": "^22.10.7",
+    "@types/react": "^18.3.12",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "svelte": "^5.0.0",
+    "tsdown": "^0.20.0",
+    "typescript": "^5.6.3",
+    "vue": "^3.5.0",
+    "storybook": "^10.2.8",
+    "@storybook/react-vite": "^10.2.8",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@storybook/addon-vitest": "^10.2.8",
+    "@storybook/addon-a11y": "^10.2.8",
+    "@storybook/addon-docs": "^10.2.8",
+    "vitest": "^4.0.18",
+    "playwright": "^1.58.2",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18"
+  },
+  "license": "MIT"
+}