@forjacms/sections 1.2.6

package/README.md

@@ -0,0 +1,185 @@
+# @forjacms/sections
+
+Framework-agnostic Web Components for rendering Forja page sections. Built with [Stencil](https://stenciljs.com/), ships as vanilla Custom Elements with auto-generated React wrappers. Zero CSS — bring your own styles via BEM class hooks.
+
+## Installation
+
+```bash
+# Vanilla / Astro / Vue / Angular
+npm install @forjacms/sections
+
+# React
+npm install @forjacms/sections @forjacms/sections-react
+```
+
+## Quick Start
+
+### Plain HTML
+
+```html
+<script type="module">
+  import { defineCustomElements } from '@forjacms/sections/loader';
+  defineCustomElements();
+</script>
+
+<forja-hero
+  section-title="Welcome to Forja"
+  text="<p>Build beautiful websites with headless CMS sections.</p>"
+  button-text="Get Started"
+  button-href="/docs"
+></forja-hero>
+```
+
+### React
+
+```tsx
+import { ForjaHero, ForjaPricing } from '@forjacms/sections-react';
+
+function LandingPage() {
+  return (
+    <>
+      <ForjaHero sectionTitle="Welcome" buttonText="Start" buttonHref="/signup" />
+      <ForjaPricing sectionTitle="Plans" tiers={[
+        { name: 'Free', price: '$0', features: ['1 site'] },
+        { name: 'Pro', price: '$19', period: '/month', highlighted: true, features: ['Unlimited sites'] },
+      ]} />
+    </>
+  );
+}
+```
+
+### Astro
+
+```astro
+---
+import '@forjacms/sections/dist/forja-sections/forja-sections.esm.js';
+---
+
+<forja-hero section-title="Hello" text="<p>World</p>" />
+<forja-features section-title="Features" items={JSON.stringify(features)} />
+```
+
+### Vue
+
+Custom Elements work natively in Vue — no wrapper package needed:
+
+```vue
+<script setup>
+import { defineCustomElements } from '@forjacms/sections/loader';
+defineCustomElements();
+</script>
+
+<template>
+  <forja-hero section-title="Hello" image-url="/hero.jpg" />
+</template>
+```
+
+### Angular
+
+Add `CUSTOM_ELEMENTS_SCHEMA` to your module:
+
+```typescript
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { defineCustomElements } from '@forjacms/sections/loader';
+
+defineCustomElements();
+
+@NgModule({ schemas: [CUSTOM_ELEMENTS_SCHEMA] })
+export class AppModule {}
+```
+
+## Component Catalog
+
+| Component | Tag | Key Props |
+|-----------|-----|-----------|
+| Hero | `<forja-hero>` | `sectionTitle`, `text`, `imageUrl`, `buttonText`, `buttonHref`, `fullWidth`, `gradient` |
+| Features | `<forja-features>` | `sectionTitle`, `text`, `items: FeatureItem[]`, `columns` |
+| CTA | `<forja-cta>` | `sectionTitle`, `text`, `buttonText`, `buttonHref`, `imageUrl` |
+| Text Block | `<forja-text-block>` | `sectionTitle`, `text`, `width`, `alignment` |
+| Divider | `<forja-divider>` | `dividerStyle`, `label` |
+| Gallery | `<forja-gallery>` | `sectionTitle`, `text`, `items: GalleryItem[]`, `columns` |
+| Testimonials | `<forja-testimonials>` | `sectionTitle`, `text`, `items: TestimonialItem[]`, `columns` |
+| Pricing | `<forja-pricing>` | `sectionTitle`, `text`, `tiers: PricingTier[]`, `columns` |
+| Stats | `<forja-stats>` | `sectionTitle`, `text`, `items: StatItem[]`, `columns`, `statsStyle` |
+| Team | `<forja-team>` | `sectionTitle`, `text`, `members: TeamMember[]`, `columns`, `showRole`, `showBio` |
+| Timeline | `<forja-timeline>` | `sectionTitle`, `text`, `events: TimelineEvent[]`, `layout`, `showDates` |
+| Logo Cloud | `<forja-logo-cloud>` | `sectionTitle`, `text`, `logos: LogoItem[]`, `columns`, `grayscale` |
+| FAQ | `<forja-faq>` | `sectionTitle`, `text`, `items: FaqItem[]` |
+| Contact | `<forja-contact>` | `sectionTitle`, `text`, `fields: ContactField[]`, `formAction` |
+| Newsletter | `<forja-newsletter>` | `sectionTitle`, `text`, `buttonText`, `formAction`, `showName` |
+| Video | `<forja-video>` | `sectionTitle`, `text`, `videoUrl`, `provider`, `autoplay`, `aspectRatio` |
+| Portfolio | `<forja-portfolio>` | `sectionTitle`, `text`, `experiences: PortfolioExperience[]`, `education: EducationItem[]`, `skills: SkillItem[]` |
+| Tag Cloud | `<forja-tag-cloud>` | `sectionTitle`, `text`, `tags: TagItem[]` |
+| Projects | `<forja-projects>` | `sectionTitle`, `text`, `items: ProjectItem[]`, `columns` |
+| Blog | `<forja-blog>` | `sectionTitle`, `text`, `posts: BlogPostItem[]`, `columns`, `buttonText`, `buttonHref` |
+| Legal | `<forja-legal>` | `sectionTitle`, `intro`, `body`, `documentType`, `version`, `effectiveDate`, `showVersion`, `showDates` |
+| Nav | `<forja-nav>` | `siteName`, `homeHref`, `items: NavItem[]`, `locales: LocaleOption[]`, `currentLocale`, `showThemeToggle` |
+| Footer | `<forja-footer>` | `siteName`, `homeHref`, `items: NavItem[]`, `socialLinks: SocialLink[]`, `tagline`, `showRss`, `showSitemap` |
+| Section Renderer | `<forja-section-renderer>` | `sectionType`, plus all common section props |
+
+## Styling
+
+Components ship with **zero CSS** and render in the light DOM (`shadow: false`). Style them using BEM class hooks:
+
+```css
+/* Example: Hero section */
+.forja-hero { position: relative; }
+.forja-hero__image { width: 100%; height: auto; }
+.forja-hero__content { padding: 2rem; }
+.forja-hero__title { font-size: 2.5rem; }
+.forja-hero__cta { display: inline-block; padding: 0.75rem 1.5rem; }
+
+/* Modifier classes */
+.forja-hero--full-width { width: 100vw; }
+.forja-hero--gradient { background: linear-gradient(...); }
+
+/* Grid components use data-columns for responsive layouts */
+.forja-features__grid[data-columns="3"] { grid-template-columns: repeat(3, 1fr); }
+```
+
+## Accessibility
+
+All components follow WCAG 2.1 AA patterns:
+
+- Semantic HTML: `<section>`, `<article>`, `<figure>`, `<blockquote>`, `<details>`, `<dl>`, `<time>`
+- `aria-label` on every section (title or descriptive fallback)
+- `aria-hidden="true"` on decorative elements (icons, avatars)
+- `aria-required` on required form fields
+- Proper `<label>` → `<input>` association via generated IDs
+- Native `<details>/<summary>` for FAQ accordion (no JS needed)
+- Keyboard navigation works via native HTML semantics
+
+## Structured Data Props
+
+Components that accept arrays/objects handle both JSON strings (HTML attributes) and typed objects (framework props):
+
+```html
+<!-- HTML: JSON string -->
+<forja-pricing tiers='[{"name":"Free","price":"$0"}]'></forja-pricing>
+
+<!-- React: typed prop -->
+<ForjaPricing tiers={[{ name: 'Free', price: '$0' }]} />
+```
+
+## Events
+
+Form components emit custom events:
+
+| Component | Event | Payload |
+|-----------|-------|---------|
+| `<forja-contact>` | `forjaSubmit` | `FormData` |
+| `<forja-newsletter>` | `forjaSubmit` | `FormData` |
+
+```typescript
+// Vanilla
+document.querySelector('forja-contact').addEventListener('forjaSubmit', (e) => {
+  console.log(e.detail); // FormData
+});
+
+// React
+<ForjaContact onForjaSubmit={(e) => console.log(e.detail)} />
+```
+
+## License
+
+AGPL-3.0-or-later

package/dist/cjs/a11y-IAJPjMwx.js

@@ -0,0 +1,27 @@
+'use strict';
+
+/**
+ * ARIA and accessibility helpers for section components.
+ * These utilities help maintain consistent accessible markup across all sections.
+ */
+/** Build an aria-label from a title, falling back to a generic section description. */
+function sectionLabel(title, fallback) {
+    return (title === null || title === void 0 ? void 0 : title.trim()) || fallback;
+}
+/**
+ * Generate a unique ID for linking headings to their content.
+ * Uses a slug derived from the title, or a random suffix if no title is provided.
+ */
+function sectionId(title, prefix) {
+    if (title) {
+        const slug = title
+            .toLowerCase()
+            .replace(/[^a-z0-9]+/g, '-')
+            .replace(/^-|-$/g, '');
+        return `${prefix}-${slug}`;
+    }
+    return `${prefix}-${Math.random().toString(36).slice(2, 8)}`;
+}
+
+exports.sectionId = sectionId;
+exports.sectionLabel = sectionLabel;

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/forja-blog.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaBlog = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const hasPosts = this.posts && this.posts.length > 0;
+        return (index.h("section", { key: '2e07ceebf04b3741b7a9e9003ca4cb4c227b1f53', class: "forja-blog", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Blog') }, index.h("slot", { key: 'fa89312e96a5a9d76f9ecb35a2b884b86c724136', name: "before" }), this.sectionTitle && index.h("h2", { key: 'e2b67b101f958249015d16d3875ad4ef2045f5a9', class: "forja-blog__title" }, this.sectionTitle), this.text && index.h("div", { key: 'cfb8fe068f2ca902ebee227ff919b69a3c6e28f2', class: "forja-blog__text", innerHTML: this.text }), hasPosts ? (index.h("div", { class: "forja-blog__grid", role: "list", "data-columns": this.columns }, this.posts.map(post => (index.h("article", { class: "forja-blog__card", role: "listitem" }, post.imageUrl && (index.h("a", { href: post.href, class: "forja-blog__image-link" }, index.h("img", { src: post.imageUrl, alt: "", class: "forja-blog__image", loading: "lazy" }))), index.h("div", { class: "forja-blog__content" }, (post.date || post.author) && (index.h("div", { class: "forja-blog__meta" }, post.date && index.h("time", { class: "forja-blog__date" }, post.date), post.author && index.h("span", { class: "forja-blog__author" }, post.author))), index.h("h3", { class: "forja-blog__post-title" }, post.href ? (index.h("a", { href: post.href, class: "forja-blog__link" }, post.title)) : (post.title)), post.excerpt && (index.h("div", { class: "forja-blog__excerpt", innerHTML: post.excerpt })))))))) : (index.h("slot", null)), this.buttonText && this.buttonHref && (index.h("div", { key: 'd30200ce9a72871b17c225446e511c9792e541f1', class: "forja-blog__footer" }, index.h("a", { key: '42eb53eb15ec8a2c88cf7bf29a425b5e0c074c28', href: this.buttonHref, class: "forja-blog__cta" }, this.buttonText))), index.h("slot", { key: 'fc9ac4b7e88a64eb401abbec1cc5e93f9dea0455', name: "after" })));
+    }
+};
+
+exports.forja_blog = ForjaBlog;

package/dist/cjs/forja-contact.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaContact = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.forjaSubmit = index.createEvent(this, "forjaSubmit");
+        this.handleSubmit = (e) => {
+            e.preventDefault();
+            const form = e.target;
+            this.forjaSubmit.emit(new FormData(form));
+        };
+    }
+    render() {
+        const hasFields = this.fields && this.fields.length > 0;
+        return (index.h("section", { key: '15bb71d6aa6d3d73c85ab4cdd7346696f3145074', class: "forja-contact", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Contact') }, index.h("slot", { key: '63820a89dd1c9812dc0b931fd8ce7b17a7b1782e', name: "before" }), index.h("div", { key: 'b74c9c884de525c6a08a92c982f0a1c8a2235c02', class: "forja-contact__content" }, this.sectionTitle && index.h("h2", { key: '53014e550127a34a191adcef4b8eaa3b01dfec7a', class: "forja-contact__title" }, this.sectionTitle), this.text && index.h("div", { key: '38d9ff63e255d33328da1113a3b7f2fe82871a23', class: "forja-contact__text", innerHTML: this.text }), this.buttonText && this.buttonHref && (index.h("a", { key: '15ebb06b95b3cb6d58fb3d4caaa1e713126a201a', href: this.buttonHref, class: "forja-contact__cta" }, this.buttonText))), hasFields ? (index.h("form", { class: "forja-contact__form", action: this.formAction, method: this.formAction ? 'post' : undefined, onSubmit: this.handleSubmit }, this.fields.map(field => {
+            const fieldId = a11y.sectionId(field.name, 'contact');
+            return (index.h("div", { class: "forja-contact__field" }, index.h("label", { class: "forja-contact__label", htmlFor: fieldId }, field.label, field.required && index.h("span", { "aria-hidden": "true" }, " *")), field.type === 'textarea' ? (index.h("textarea", { id: fieldId, name: field.name, class: "forja-contact__input forja-contact__input--textarea", required: field.required, "aria-required": field.required ? 'true' : undefined, placeholder: field.placeholder })) : (index.h("input", { id: fieldId, name: field.name, type: field.type, class: "forja-contact__input", required: field.required, "aria-required": field.required ? 'true' : undefined, placeholder: field.placeholder }))));
+        }), index.h("button", { type: "submit", class: "forja-contact__submit" }, this.buttonText || 'Send'))) : (index.h("slot", null)), index.h("slot", { key: '7ec1b5c2ee966906cbd6fa05a2c8a5a2ca13d7e2', name: "after" })));
+    }
+};
+
+exports.forja_contact = ForjaContact;

package/dist/cjs/forja-cta.cjs.entry.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaCta = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("section", { key: '446ccf4f954e159368c7824587d8a5db98a276d2', class: "forja-cta", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Call to action') }, index.h("slot", { key: '3663547f1d3869de3c0295c8db3d2339a64c1f7b', name: "before" }), this.imageUrl && (index.h("img", { key: '192e4fa7564506794fbd55a77a9fd6f2c202eea7', src: this.imageUrl, alt: this.imageAlt || '', class: "forja-cta__image", loading: "lazy" })), index.h("div", { key: 'f480a01537524bec5b2dd7faaa973776081c5ed0', class: "forja-cta__content" }, this.sectionTitle && index.h("h2", { key: '0baa33a4f63ea70a65da02669977b261d6ca9cbe', class: "forja-cta__title" }, this.sectionTitle), this.text && index.h("div", { key: 'f67e87b654f0cb08f4415aa4ea2b7a39b5e0ca84', class: "forja-cta__text", innerHTML: this.text }), this.buttonText && this.buttonHref && (index.h("a", { key: 'bb0618dcd3fd6deb8f1ce1446167a9ff5d904f6b', href: this.buttonHref, class: "forja-cta__button" }, this.buttonText))), index.h("slot", { key: 'ff766293f87f21e4498004243d78c31d31889dfc', name: "after" })));
+    }
+};
+
+exports.forja_cta = ForjaCta;

package/dist/cjs/forja-divider.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+
+const ForjaDivider = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dividerStyle = 'line';
+    }
+    render() {
+        const classes = ['forja-divider', `forja-divider--${this.dividerStyle}`].join(' ');
+        if (this.label) {
+            return (index.h("div", { class: classes, role: "separator", "aria-label": this.label }, index.h("span", { class: "forja-divider__label" }, this.label)));
+        }
+        return index.h("hr", { class: classes });
+    }
+};
+
+exports.forja_divider = ForjaDivider;

package/dist/cjs/forja-faq.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaFaq = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const hasItems = this.items && this.items.length > 0;
+        return (index.h("section", { key: '94a1ad63276f33116d60bc7e6c00445754a4e7da', class: "forja-faq", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Frequently asked questions') }, index.h("slot", { key: '4b33e56d9cd117bcfc07583a2c58a89d07be50dd', name: "before" }), this.sectionTitle && index.h("h2", { key: 'c47444fed71889ea5a693d623513328f87e6f16e', class: "forja-faq__title" }, this.sectionTitle), this.text && index.h("div", { key: 'a7992070168b9f081dbb11689cf4e333fbf75413', class: "forja-faq__text", innerHTML: this.text }), hasItems ? (index.h("div", { class: "forja-faq__list" }, this.items.map(item => (index.h("details", { class: "forja-faq__item" }, index.h("summary", { class: "forja-faq__question" }, item.question), index.h("div", { class: "forja-faq__answer", innerHTML: item.answer })))))) : (index.h("div", { class: "forja-faq__list" }, index.h("slot", null))), index.h("slot", { key: '77bac4fe776da5ecb301ad5bdb270e1823329f81', name: "after" })));
+    }
+};
+
+exports.forja_faq = ForjaFaq;

package/dist/cjs/forja-features.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaFeatures = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const hasItems = this.items && this.items.length > 0;
+        return (index.h("section", { key: '01434127526dac604e2542876f04c5ac88768038', class: "forja-features", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Features') }, index.h("slot", { key: 'cfc0d012020d197474abc35118b5c1191575d078', name: "before" }), (this.sectionTitle || this.text) && (index.h("div", { key: 'a626af8e540db41d255ec2a637bd341686287a86', class: "forja-features__header" }, this.sectionTitle && index.h("h2", { key: '15bf163f29719490525523ff72f05566277bbcc0', class: "forja-features__title" }, this.sectionTitle), this.text && index.h("div", { key: 'e9e05b4c08e6beb7ecca32df69daddafe2b53f1a', class: "forja-features__text", innerHTML: this.text }))), hasItems ? (index.h("ul", { class: "forja-features__grid", role: "list", "data-columns": this.columns }, this.items.map(item => (index.h("li", { class: "forja-features__item" }, item.icon && index.h("span", { class: "forja-features__icon", "aria-hidden": "true" }, item.icon), index.h("h3", { class: "forja-features__item-title" }, item.title), item.text && index.h("p", { class: "forja-features__item-text" }, item.text)))))) : (index.h("div", { class: "forja-features__grid", role: "list", "data-columns": this.columns }, index.h("slot", null))), index.h("slot", { key: '9521b8a787f3fb6907dd116b568a1da5764342fa', name: "after" })));
+    }
+};
+
+exports.forja_features = ForjaFeatures;

package/dist/cjs/forja-footer.cjs.entry.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+
+/** SVG path data for known social platforms (24x24 viewBox, fill). */
+const SOCIAL_ICONS = {
+    github: '<path d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.49.5.09.682-.217.682-.482 0-.237-.009-.866-.013-1.7-2.782.603-3.369-1.342-3.369-1.342-.454-1.155-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.088 2.91.832.091-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.577.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z"/>',
+    twitter: '<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"/>',
+    x: '<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"/>',
+    linkedin: '<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.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 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"/>',
+    youtube: '<path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>',
+    instagram: '<path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 001.384 2.126A5.868 5.868 0 004.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 002.126-1.384 5.86 5.86 0 001.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 00-1.384-2.126A5.847 5.847 0 0019.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 01-.899 1.382 3.744 3.744 0 01-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 01-1.379-.899 3.644 3.644 0 01-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 100-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 11-2.882 0 1.441 1.441 0 012.882 0z"/>',
+    mastodon: '<path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 00.023-.043v-1.809a.052.052 0 00-.02-.041.053.053 0 00-.046-.01 20.282 20.282 0 01-4.709.547c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 01-.319-1.433.053.053 0 01.066-.054 19.648 19.648 0 004.622.536h.348c1.587 0 3.187-.109 4.75-.409 0-.012.035-.013.042-.017 2.1-.407 4.1-1.679 4.309-5.084.008-.138.04-1.46.04-1.602.001-.489.14-3.473-.067-5.309z"/>',
+    bluesky: '<path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.785 2.627 3.57 3.493 6.164 3.18-3.636.58-6.84 1.996-2.678 7.035 4.956 5.048 6.564-.485 7.89-3.597.064-.15.114-.266.143-.183.03-.083.08.033.143.183 1.326 3.112 2.934 8.645 7.89 3.597 4.163-5.04.958-6.455-2.678-7.035 2.593.313 5.379-.553 6.164-3.18.246-.829.624-5.789.624-6.479 0-.688-.139-1.86-.902-2.203-.66-.299-1.664-.621-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z"/>',
+    email: '<path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z"/><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z"/>',
+};
+const FALLBACK_ICON = '<path d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101" stroke="currentColor" stroke-width="2" fill="none"/><path d="M10.172 13.828a4 4 0 005.656 0l4-4a4 4 0 10-5.656-5.656l-1.102 1.101" stroke="currentColor" stroke-width="2" fill="none"/>';
+function getSocialIcon(slug) {
+    const key = slug.toLowerCase().replace(/[^a-z]/g, '');
+    return SOCIAL_ICONS[key] || FALLBACK_ICON;
+}
+const ForjaFooter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.homeHref = '/';
+        this.showRss = true;
+        this.showSitemap = true;
+        this.tagline = 'Built with Forja';
+    }
+    render() {
+        const year = new Date().getFullYear();
+        const hasItems = this.items && this.items.length > 0;
+        const hasSocial = this.socialLinks && this.socialLinks.length > 0;
+        return (index.h("footer", { key: '1779882162fb8ba27cdf21d26faac13638a4de83', class: "forja-footer" }, index.h("div", { key: 'b6881c29c09d4b17adc8f328694d9cd7478046c7', class: "forja-footer__content" }, index.h("div", { key: 'ba569c1ae094dce6c47bfcc85a9d0122b6b0f691', class: "forja-footer__brand" }, this.siteName && (index.h("a", { key: '1f976458dcdec89824792d27e89177266bd3e253', href: this.homeHref, class: "forja-footer__brand-link" }, this.siteName)), this.tagline && index.h("p", { key: '0656d9fe9946ab5f5ecc51893a62149ff754e55e', class: "forja-footer__tagline" }, this.tagline)), hasItems && (index.h("nav", { key: '04e7795e7294f5844f340882a74da59b0e656130', class: "forja-footer__nav", "aria-label": "Footer navigation" }, index.h("p", { key: 'c4802164c33cf91b85efdb1f2fbda4028ca6809e', class: "forja-footer__nav-heading" }, "Links"), index.h("ul", { key: '3f8e1d71d014a5fc37df4729a7357bc71f20d2de', class: "forja-footer__nav-list" }, this.items.map(item => (index.h("li", null, index.h("a", { href: item.href, target: item.openInNewTab ? '_blank' : undefined, rel: item.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-footer__nav-link" }, item.title))))))), hasSocial && (index.h("div", { key: '72d42c4542ad1eca6ebc08a1d251656c9b7575e8', class: "forja-footer__social" }, index.h("p", { key: 'd78b27344cf900fb2d64106539184709331852f0', class: "forja-footer__nav-heading" }, "Connect"), index.h("div", { key: 'c1c9009bd10672fd8e19269cc6dd774985d0f7cf', class: "forja-footer__social-links", role: "list", "aria-label": "Social links" }, this.socialLinks.map(link => (index.h("a", { href: link.url, class: "forja-footer__social-link", target: "_blank", rel: "noopener noreferrer", title: link.title, role: "listitem" }, index.h("span", { class: "forja-footer__social-icon", "aria-hidden": "true", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor">${getSocialIcon(link.icon)}</svg>` }), index.h("span", { class: "forja-footer__sr-only" }, link.title)))))))), index.h("div", { key: '604a27ffdbc5bd7b286ca35f649fd9e72c62824f', class: "forja-footer__bottom" }, index.h("p", { key: '93edabccfab07cacdf5570ac841e4025e58e98a2', class: "forja-footer__copyright" }, "\u00A9 ", year, " ", this.siteName || 'Site', ". All rights reserved."), index.h("div", { key: '8fc15c5d9e76a21889ce6e8402cf711dc534e608', class: "forja-footer__bottom-links" }, this.showRss && (index.h("a", { key: '91766e4997d76d43bbfe696eb7ba527615de82ce', href: "/rss.xml", class: "forja-footer__bottom-link", "aria-label": "RSS Feed" }, index.h("svg", { key: 'c9cb4ee4546eded881660739ad8a9ef39cfb0c19', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: 'e06f360397b49644dde50b094f951b00c2967171', d: "M4 11a9 9 0 0 1 9 9" }), index.h("path", { key: 'be15bf6ec870c88719d77c50b97ba19f97fa4ba5', d: "M4 4a16 16 0 0 1 16 16" }), index.h("circle", { key: 'fcfc19bc0c1e28b96cb0002edada579d51d57801', cx: "5", cy: "19", r: "1" })))), this.showSitemap && (index.h("a", { key: 'c2795cf4063da2bf88b1241ddb93b1d400a1f7ec', href: "/sitemap.xml", class: "forja-footer__bottom-link" }, "Sitemap"))))));
+    }
+};
+
+exports.forja_footer = ForjaFooter;

package/dist/cjs/forja-gallery.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaGallery = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const hasItems = this.items && this.items.length > 0;
+        return (index.h("section", { key: 'b895958acc335c7a586411465baa3e5f63b96298', class: "forja-gallery", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Gallery') }, index.h("slot", { key: 'b11fe68eba917a5ba6494211ebfece03088c1d12', name: "before" }), this.sectionTitle && index.h("h2", { key: 'fd8b6ba0c5a51a4add4d1f4bada6691efe1ccaba', class: "forja-gallery__title" }, this.sectionTitle), this.text && index.h("div", { key: '99e0f4a727481d965f08c6e6028bd43472908f28', class: "forja-gallery__text", innerHTML: this.text }), hasItems ? (index.h("div", { class: "forja-gallery__grid", role: "list", "data-columns": this.columns }, this.items.map(item => (index.h("figure", { class: "forja-gallery__item", role: "listitem" }, index.h("img", { src: item.imageUrl, alt: item.alt || '', class: "forja-gallery__image", loading: "lazy" }), item.caption && index.h("figcaption", { class: "forja-gallery__caption" }, item.caption)))))) : (index.h("div", { class: "forja-gallery__grid", role: "list", "data-columns": this.columns }, index.h("slot", null))), index.h("slot", { key: '6aabc6822879290b15894b9f02b58e43205a9d75', name: "after" })));
+    }
+};
+
+exports.forja_gallery = ForjaGallery;

package/dist/cjs/forja-hero.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaHero = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const classes = [
+            'forja-hero',
+            this.fullWidth && 'forja-hero--full-width',
+            this.gradient && 'forja-hero--gradient',
+        ].filter(Boolean).join(' ');
+        return (index.h("section", { key: '43ec04aba0825c70330d5a9f22d6a7c4168cabad', class: classes, "aria-label": a11y.sectionLabel(this.sectionTitle, 'Hero') }, index.h("slot", { key: 'be9b16694a02aee3fe1ae96ab4bdd822ad1c0b96', name: "before" }), this.imageUrl && (index.h("img", { key: 'd41247eb3ddb7d6782f6fdbb6df7545e20c66c2b', src: this.imageUrl, alt: this.imageAlt || '', class: "forja-hero__image", loading: "eager" })), index.h("div", { key: '9545c4a55a85f3309a61afa5c7249ae84c183e86', class: "forja-hero__content" }, this.sectionTitle && index.h("h2", { key: '1f77acc32f1aae7af9d8afaabd09fc8d2a940af6', class: "forja-hero__title" }, this.sectionTitle), this.text && index.h("div", { key: '9d95c5669bd63d68a82206740e18edace7b22ef4', class: "forja-hero__text", innerHTML: this.text }), this.buttonText && this.buttonHref && (index.h("a", { key: 'ae33f3e16544486aef89a2f33e4e0361a9a1a3ca', href: this.buttonHref, class: "forja-hero__cta" }, this.buttonText))), index.h("slot", { key: '9fce9221736717aa80332eea4b981233a896a38c', name: "after" })));
+    }
+};
+
+exports.forja_hero = ForjaHero;

package/dist/cjs/forja-legal.cjs.entry.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+var index$1 = require('./index.cjs.js');
+
+const ForjaLegal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        // ── Visibility toggles ─────────────────────────────────
+        /** Show the document type badge. Default: true. */
+        this.showDocumentType = true;
+        /** Show the version number. Default: true. */
+        this.showVersion = true;
+        /** Show the effective / updated date. Default: true. */
+        this.showDates = true;
+        /** Show the introductory summary above the body. Default: true. */
+        this.showIntro = true;
+    }
+    formatDate(iso) {
+        try {
+            return new Date(iso).toLocaleDateString(undefined, {
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric',
+            });
+        }
+        catch (_a) {
+            return iso;
+        }
+    }
+    hasMetadata() {
+        return ((this.showDocumentType && !!this.documentType) ||
+            (this.showVersion && this.version != null) ||
+            (this.showDates && !!(this.effectiveDate || this.updatedAt || this.createdAt)));
+    }
+    render() {
+        const typeLabel = this.documentType
+            ? index$1.LEGAL_DOC_TYPE_LABELS[this.documentType] || this.documentType
+            : undefined;
+        const displayDate = this.effectiveDate || this.updatedAt || this.createdAt;
+        return (index.h("article", { key: 'cc8f30680c29057c92c9974711069119d486baf0', class: "forja-legal", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Legal document') }, index.h("header", { key: '4722e587aaaa5aafd1d5b87373366e037cb56f9f', class: "forja-legal__header" }, this.sectionTitle && index.h("h1", { key: '8ddda4f7eb1e06edcf0fb2ef151858f6359ed954', class: "forja-legal__title" }, this.sectionTitle), this.hasMetadata() && (index.h("div", { key: '5c344b92507b3961ba809c5c5ed2b3d436712a4a', class: "forja-legal__meta" }, this.showDocumentType && typeLabel && (index.h("span", { key: '18ee032889dc39068301751885f0077777095779', class: "forja-legal__type" }, typeLabel)), this.showVersion && this.version != null && (index.h("span", { key: '62cddb2b691bd00ac0f81e58a5707d9bce43b91c', class: "forja-legal__version" }, "Version ", this.version)), this.showDates && displayDate && (index.h("time", { key: 'e631e74a06ef96fb3e6d663516e2a8d7e55332cb', class: "forja-legal__date", dateTime: displayDate }, this.effectiveDate ? 'Effective ' : 'Updated ', this.formatDate(displayDate)))))), this.showIntro && this.intro && (index.h("div", { key: 'e621eccaf2fa1c0059cc7699de0a80c833c2bb8b', class: "forja-legal__intro", innerHTML: this.intro })), this.body ? (index.h("div", { class: "forja-legal__body", innerHTML: this.body })) : (index.h("div", { class: "forja-legal__body" }, index.h("slot", null)))));
+    }
+};
+
+exports.forja_legal = ForjaLegal;

package/dist/cjs/forja-logo-cloud.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaLogoCloud = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const hasLogos = this.logos && this.logos.length > 0;
+        const classes = [
+            'forja-logo-cloud',
+            this.grayscale && 'forja-logo-cloud--grayscale',
+        ].filter(Boolean).join(' ');
+        return (index.h("section", { key: 'cd65ea26049ceb3de18436c961990573c548b8ae', class: classes, "aria-label": a11y.sectionLabel(this.sectionTitle, 'Partners') }, index.h("slot", { key: '8477f0f53553d808a63b3fe241541b0625248828', name: "before" }), this.sectionTitle && index.h("h2", { key: '09e073ab7deb7ce27bf0f7e5801b10f60840b732', class: "forja-logo-cloud__title" }, this.sectionTitle), this.text && index.h("div", { key: 'ab4cd6049231cfda659fc191fd560143027bb3c0', class: "forja-logo-cloud__text", innerHTML: this.text }), hasLogos ? (index.h("ul", { class: "forja-logo-cloud__grid", role: "list", "data-columns": this.columns }, this.logos.map(logo => (index.h("li", { class: "forja-logo-cloud__item" }, logo.href ? (index.h("a", { href: logo.href, class: "forja-logo-cloud__link", target: "_blank", rel: "noopener" }, index.h("img", { src: logo.imageUrl, alt: logo.alt, class: "forja-logo-cloud__image", loading: "lazy" }))) : (index.h("img", { src: logo.imageUrl, alt: logo.alt, class: "forja-logo-cloud__image", loading: "lazy" }))))))) : (index.h("slot", null)), index.h("slot", { key: 'a56c182cd2090916395563b0c30fe21c929d1353', name: "after" })));
+    }
+};
+
+exports.forja_logo_cloud = ForjaLogoCloud;

package/dist/cjs/forja-nav.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+
+const ForjaNav = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.forjaThemeToggle = index.createEvent(this, "forjaThemeToggle");
+        this.forjaLocaleChange = index.createEvent(this, "forjaLocaleChange");
+        this.homeHref = '/';
+        this.showThemeToggle = true;
+        this.mobileOpen = false;
+        this.localeDropdownOpen = false;
+        this.toggleMobile = () => {
+            this.mobileOpen = !this.mobileOpen;
+        };
+        this.toggleLocaleDropdown = () => {
+            this.localeDropdownOpen = !this.localeDropdownOpen;
+        };
+        this.selectLocale = (code) => {
+            this.localeDropdownOpen = false;
+            this.forjaLocaleChange.emit(code);
+        };
+        this.handleThemeToggle = () => {
+            this.forjaThemeToggle.emit();
+        };
+    }
+    renderNavLink(item) {
+        return (index.h("a", { href: item.href, target: item.openInNewTab ? '_blank' : undefined, rel: item.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__link" }, item.title));
+    }
+    renderDesktopItem(item) {
+        if (item.children && item.children.length > 0) {
+            return (index.h("div", { class: "forja-nav__dropdown" }, index.h("a", { href: item.href, target: item.openInNewTab ? '_blank' : undefined, rel: item.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__link" }, item.title), index.h("div", { class: "forja-nav__dropdown-menu" }, item.children.map(child => (index.h("a", { href: child.href, target: child.openInNewTab ? '_blank' : undefined, rel: child.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__dropdown-item" }, child.title))))));
+        }
+        return this.renderNavLink(item);
+    }
+    renderThemeToggle() {
+        if (!this.showThemeToggle)
+            return null;
+        return (index.h("button", { type: "button", "aria-label": "Toggle dark mode", class: "forja-nav__theme-toggle", onClick: this.handleThemeToggle }, index.h("svg", { class: "forja-nav__icon-moon", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z" })), index.h("svg", { class: "forja-nav__icon-sun", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("circle", { cx: "12", cy: "12", r: "5" }), index.h("line", { x1: "12", y1: "1", x2: "12", y2: "3" }), index.h("line", { x1: "12", y1: "21", x2: "12", y2: "23" }), index.h("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }), index.h("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }), index.h("line", { x1: "1", y1: "12", x2: "3", y2: "12" }), index.h("line", { x1: "21", y1: "12", x2: "23", y2: "12" }), index.h("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }), index.h("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" }))));
+    }
+    renderLocaleSwitcher() {
+        if (!this.locales || this.locales.length <= 1)
+            return null;
+        return (index.h("div", { class: "forja-nav__locale-switcher" }, index.h("button", { type: "button", "aria-label": "Switch language", class: "forja-nav__locale-toggle", onClick: this.toggleLocaleDropdown }, this.currentLocale || 'en'), this.localeDropdownOpen && (index.h("div", { class: "forja-nav__locale-dropdown" }, this.locales.map(locale => (index.h("button", { type: "button", class: `forja-nav__locale-option${locale.code === this.currentLocale ? ' forja-nav__locale-option--active' : ''}`, onClick: () => this.selectLocale(locale.code) }, locale.name)))))));
+    }
+    render() {
+        const navItems = this.items || [];
+        return (index.h("nav", { key: 'd53286c5cb8ab3a53d319bfc4f56261f14bbd0e7', class: "forja-nav", "aria-label": "Main navigation" }, index.h("div", { key: 'f6ddbb63413194a4c9b65f28685c856794da9085', class: "forja-nav__container" }, this.siteName && (index.h("a", { key: '18bf629d717e2bf64da5705900bde85958a4efcc', href: this.homeHref, class: "forja-nav__brand" }, this.siteName)), index.h("div", { key: '60df3ad46c3d3d8c69ad94956d40e50713143fe1', class: "forja-nav__desktop" }, navItems.map(item => this.renderDesktopItem(item)), this.renderLocaleSwitcher(), this.renderThemeToggle()), index.h("button", { key: '5a11fece72449bb05dfab14a49dc0e4cb08b3030', type: "button", "aria-label": "Toggle navigation", class: "forja-nav__hamburger", onClick: this.toggleMobile }, index.h("svg", { key: '19ca0c78e8a9d2c0566f5722e058fe6bfdfa5e26', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '1a61567b4a0e80d1b924a8ddd82e6565e9c87896', x1: "3", y1: "12", x2: "21", y2: "12" }), index.h("line", { key: 'd57ae9589e5369942d48698b0842bd3390130747', x1: "3", y1: "6", x2: "21", y2: "6" }), index.h("line", { key: 'dc58d5f24249e2989ce33f7a366d6926a7408496', x1: "3", y1: "18", x2: "21", y2: "18" })))), this.mobileOpen && (index.h("div", { key: 'c2ae6b8da7095d8851196fc22b2e10bf7abce3b9', class: "forja-nav__mobile" }, navItems.map(item => (index.h("a", { href: item.href, target: item.openInNewTab ? '_blank' : undefined, rel: item.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__mobile-link" }, item.title))), this.renderThemeToggle()))));
+    }
+};
+
+exports.forja_nav = ForjaNav;

package/dist/cjs/forja-newsletter.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-Bp-SZu2Y.js');
+var a11y = require('./a11y-IAJPjMwx.js');
+
+const ForjaNewsletter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.forjaSubmit = index.createEvent(this, "forjaSubmit");
+        this.buttonText = 'Subscribe';
+        this.handleSubmit = (e) => {
+            e.preventDefault();
+            const form = e.target;
+            this.forjaSubmit.emit(new FormData(form));
+        };
+    }
+    render() {
+        const emailId = a11y.sectionId(this.sectionTitle, 'newsletter-email');
+        const nameId = a11y.sectionId(this.sectionTitle, 'newsletter-name');
+        return (index.h("section", { key: '2b01646d3aa10d12c9568551edc2f8836a1e6199', class: "forja-newsletter", "aria-label": a11y.sectionLabel(this.sectionTitle, 'Newsletter') }, index.h("slot", { key: '020fd3a2e10a86f6bec4f9499e217818c534885f', name: "before" }), this.sectionTitle && index.h("h2", { key: 'e540517a30deb49e8d3b1271b8099fe2c5167f02', class: "forja-newsletter__title" }, this.sectionTitle), this.text && index.h("div", { key: 'c31f0ad333733992f426ca1b564a609603ce7f43', class: "forja-newsletter__text", innerHTML: this.text }), index.h("form", { key: '08ba3a98b082670794797a08048ab1cc683aaef4', class: "forja-newsletter__form", action: this.formAction, method: this.formAction ? 'post' : undefined, onSubmit: this.handleSubmit }, this.showName && (index.h("div", { key: '9537213f04bdd4d2e2008a783bc70a7e7a268865', class: "forja-newsletter__field" }, index.h("label", { key: '8feb551b009eb8f288cbcb54b18360c9fe09a694', class: "forja-newsletter__label", htmlFor: nameId }, "Name"), index.h("input", { key: 'b2df119a4d000e46a8e1cfb1ab2a2514be2f28a4', id: nameId, name: "name", type: "text", class: "forja-newsletter__input" }))), index.h("div", { key: '7fff741fe589ee3bc7f5eb278f07dfb78a4363c1', class: "forja-newsletter__field" }, index.h("label", { key: '2dda48f90d5303de371101b1da09e0402291a704', class: "forja-newsletter__label", htmlFor: emailId }, "Email"), index.h("input", { key: '7c913bcd86483511926cd2c6df3b2d8fae202a3b', id: emailId, name: "email", type: "email", class: "forja-newsletter__input", required: true, "aria-required": "true" })), index.h("button", { key: '374357cafdc13172944199b9537f32fa252fa274', type: "submit", class: "forja-newsletter__submit" }, this.buttonText)), index.h("slot", { key: '253f3650ec3839083c2ef1a768c78627fef141b3', name: "after" })));
+    }
+};
+
+exports.forja_newsletter = ForjaNewsletter;