@affinda/wc 0.0.12 → 0.0.14

package/dist/esm/affinda.js

@@ -16,6 +16,6 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["af-hero-section",[[262,"af-hero-section",{"variant":[1],"withDecoration":[4,"with-decoration"],"minHeight":[1,"min-height"]}]]],["af-section",[[262,"af-section",{"padding":[1],"background":[1],"container":[4]}]]],["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1],"theme":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar",{"mobileMenuOpen":[32]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1],"theme":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"darkBackground":[4,"dark-background"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-client-carousel",[[257,"af-client-carousel",{"showHeadline":[4,"show-headline"],"headlineText":[1,"headline-text"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-cta-section",[[262,"af-cta-section",{"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"]}]]],["af-feature-accordion",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":["handleAutoCycleChange"]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]]], options);
+  return bootstrapLazy([["af-hero-section",[[262,"af-hero-section",{"variant":[1],"withDecoration":[4,"with-decoration"],"minHeight":[1,"min-height"]}]]],["af-section",[[262,"af-section",{"padding":[1],"background":[1],"container":[4]}]]],["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1],"theme":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar",{"mobileMenuOpen":[32]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1],"theme":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"darkBackground":[4,"dark-background"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-client-carousel",[[257,"af-client-carousel",{"showHeadline":[4,"show-headline"],"headlineText":[1,"headline-text"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-cta-section",[[262,"af-cta-section",{"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"]}]]],["af-feature-accordion",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":["handleAutoCycleChange"]}]]],["af-footer",[[262,"af-footer",{"copyrightText":[1,"copyright-text"],"statusText":[1,"status-text"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"showStatus":[4,"show-status"]}]]],["af-footer-column",[[262,"af-footer-column",{"heading":[1]}]]],["af-footer-link",[[262,"af-footer-link",{"href":[1],"external":[4]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-social-link",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]]], options);
 });
 //# sourceMappingURL=affinda.js.map

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-DI7b0bCy.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["af-hero-section",[[262,"af-hero-section",{"variant":[1],"withDecoration":[4,"with-decoration"],"minHeight":[1,"min-height"]}]]],["af-section",[[262,"af-section",{"padding":[1],"background":[1],"container":[4]}]]],["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1],"theme":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar",{"mobileMenuOpen":[32]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1],"theme":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"darkBackground":[4,"dark-background"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-client-carousel",[[257,"af-client-carousel",{"showHeadline":[4,"show-headline"],"headlineText":[1,"headline-text"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-cta-section",[[262,"af-cta-section",{"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"]}]]],["af-feature-accordion",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":["handleAutoCycleChange"]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]]], options);
+  return bootstrapLazy([["af-hero-section",[[262,"af-hero-section",{"variant":[1],"withDecoration":[4,"with-decoration"],"minHeight":[1,"min-height"]}]]],["af-section",[[262,"af-section",{"padding":[1],"background":[1],"container":[4]}]]],["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1],"theme":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar",{"mobileMenuOpen":[32]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1],"theme":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"darkBackground":[4,"dark-background"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-client-carousel",[[257,"af-client-carousel",{"showHeadline":[4,"show-headline"],"headlineText":[1,"headline-text"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-cta-section",[[262,"af-cta-section",{"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"]}]]],["af-feature-accordion",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":["handleAutoCycleChange"]}]]],["af-footer",[[262,"af-footer",{"copyrightText":[1,"copyright-text"],"statusText":[1,"status-text"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"showStatus":[4,"show-status"]}]]],["af-footer-column",[[262,"af-footer-column",{"heading":[1]}]]],["af-footer-link",[[262,"af-footer-link",{"href":[1],"external":[4]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-social-link",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/af-contact-item/af-contact-item.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Contact item component for footer
+ * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+ */
+export declare class AfContactItem {
+    /** Contact label (e.g., "Sales enquiries") */
+    label: string;
+    /** Contact value (e.g., email address) */
+    value: string;
+    render(): any;
+}

package/dist/types/components/af-footer/af-footer.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Footer component for marketing pages
+ * Provides a flexible, slot-based layout for footer content
+ * All content is passed via slots - no hardcoded links or content
+ */
+export declare class AfFooter {
+    /** Copyright text (e.g., "© 2025 Company Name. All rights reserved.") */
+    copyrightText: string;
+    /** Status message text */
+    statusText: string;
+    /** Status page URL */
+    statusUrl: string;
+    /** Whether systems are operational (shows green/red indicator) */
+    systemsOperational: boolean;
+    /** Whether to show the status indicator */
+    showStatus: boolean;
+    render(): any;
+}

package/dist/types/components/af-footer-column/af-footer-column.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Footer navigation column component
+ * Used within af-footer to create navigation link groups
+ */
+export declare class AfFooterColumn {
+    /** Column heading */
+    heading: string;
+    render(): any;
+}

package/dist/types/components/af-footer-link/af-footer-link.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Footer link component
+ * Styled link for use in footer navigation columns
+ */
+export declare class AfFooterLink {
+    /** Link URL */
+    href: string;
+    /** Whether this is an external link (opens in new tab) */
+    external: boolean;
+    render(): any;
+}

package/dist/types/components/af-social-link/af-social-link.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Social media link component
+ * Circular bordered icon link for social media profiles
+ */
+export declare class AfSocialLink {
+    /** Link URL */
+    href: string;
+    /** Accessible label for the link */
+    label: string;
+    /** Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom' */
+    icon: 'linkedin' | 'youtube' | 'github' | 'twitter' | 'facebook' | 'custom';
+    private renderIcon;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -106,6 +106,22 @@ export namespace Components {
          */
         "size": 'default' | 'large';
     }
+    /**
+     * Contact item component for footer
+     * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+     */
+    interface AfContactItem {
+        /**
+          * Contact label (e.g., "Sales enquiries")
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Contact value (e.g., email address)
+          * @default ''
+         */
+        "value": string;
+    }
     /**
      * A responsive container component that provides consistent margins and max-width
      * constraints based on the Affinda grid system.
@@ -185,6 +201,65 @@ export namespace Components {
          */
         "items": string;
     }
+    /**
+     * Footer component for marketing pages
+     * Provides a flexible, slot-based layout for footer content
+     * All content is passed via slots - no hardcoded links or content
+     */
+    interface AfFooter {
+        /**
+          * Copyright text (e.g., "© 2025 Company Name. All rights reserved.")
+          * @default ''
+         */
+        "copyrightText": string;
+        /**
+          * Whether to show the status indicator
+          * @default true
+         */
+        "showStatus": boolean;
+        /**
+          * Status message text
+          * @default ''
+         */
+        "statusText": string;
+        /**
+          * Status page URL
+          * @default ''
+         */
+        "statusUrl": string;
+        /**
+          * Whether systems are operational (shows green/red indicator)
+          * @default true
+         */
+        "systemsOperational": boolean;
+    }
+    /**
+     * Footer navigation column component
+     * Used within af-footer to create navigation link groups
+     */
+    interface AfFooterColumn {
+        /**
+          * Column heading
+          * @default ''
+         */
+        "heading": string;
+    }
+    /**
+     * Footer link component
+     * Styled link for use in footer navigation columns
+     */
+    interface AfFooterLink {
+        /**
+          * Whether this is an external link (opens in new tab)
+          * @default false
+         */
+        "external": boolean;
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href": string;
+    }
     interface AfHeading {
         /**
           * Visual alignment
@@ -314,6 +389,27 @@ export namespace Components {
          */
         "padding": 'tight' | 'default' | 'loose';
     }
+    /**
+     * Social media link component
+     * Circular bordered icon link for social media profiles
+     */
+    interface AfSocialLink {
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href": string;
+        /**
+          * Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom'
+          * @default 'custom'
+         */
+        "icon": 'linkedin' | 'youtube' | 'github' | 'twitter' | 'facebook' | 'custom';
+        /**
+          * Accessible label for the link
+          * @default ''
+         */
+        "label": string;
+    }
     interface AfTestimonial {
         /**
           * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
@@ -446,6 +542,16 @@ declare global {
         prototype: HTMLAfColorSwatchElement;
         new (): HTMLAfColorSwatchElement;
     };
+    /**
+     * Contact item component for footer
+     * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+     */
+    interface HTMLAfContactItemElement extends Components.AfContactItem, HTMLStencilElement {
+    }
+    var HTMLAfContactItemElement: {
+        prototype: HTMLAfContactItemElement;
+        new (): HTMLAfContactItemElement;
+    };
     /**
      * A responsive container component that provides consistent margins and max-width
      * constraints based on the Affinda grid system.
@@ -477,6 +583,37 @@ declare global {
         prototype: HTMLAfFeatureAccordionElement;
         new (): HTMLAfFeatureAccordionElement;
     };
+    /**
+     * Footer component for marketing pages
+     * Provides a flexible, slot-based layout for footer content
+     * All content is passed via slots - no hardcoded links or content
+     */
+    interface HTMLAfFooterElement extends Components.AfFooter, HTMLStencilElement {
+    }
+    var HTMLAfFooterElement: {
+        prototype: HTMLAfFooterElement;
+        new (): HTMLAfFooterElement;
+    };
+    /**
+     * Footer navigation column component
+     * Used within af-footer to create navigation link groups
+     */
+    interface HTMLAfFooterColumnElement extends Components.AfFooterColumn, HTMLStencilElement {
+    }
+    var HTMLAfFooterColumnElement: {
+        prototype: HTMLAfFooterColumnElement;
+        new (): HTMLAfFooterColumnElement;
+    };
+    /**
+     * Footer link component
+     * Styled link for use in footer navigation columns
+     */
+    interface HTMLAfFooterLinkElement extends Components.AfFooterLink, HTMLStencilElement {
+    }
+    var HTMLAfFooterLinkElement: {
+        prototype: HTMLAfFooterLinkElement;
+        new (): HTMLAfFooterLinkElement;
+    };
     interface HTMLAfHeadingElement extends Components.AfHeading, HTMLStencilElement {
     }
     var HTMLAfHeadingElement: {
@@ -546,6 +683,16 @@ declare global {
         prototype: HTMLAfSectionElement;
         new (): HTMLAfSectionElement;
     };
+    /**
+     * Social media link component
+     * Circular bordered icon link for social media profiles
+     */
+    interface HTMLAfSocialLinkElement extends Components.AfSocialLink, HTMLStencilElement {
+    }
+    var HTMLAfSocialLinkElement: {
+        prototype: HTMLAfSocialLinkElement;
+        new (): HTMLAfSocialLinkElement;
+    };
     interface HTMLAfTestimonialElement extends Components.AfTestimonial, HTMLStencilElement {
     }
     var HTMLAfTestimonialElement: {
@@ -583,9 +730,13 @@ declare global {
         "af-card": HTMLAfCardElement;
         "af-client-carousel": HTMLAfClientCarouselElement;
         "af-color-swatch": HTMLAfColorSwatchElement;
+        "af-contact-item": HTMLAfContactItemElement;
         "af-container": HTMLAfContainerElement;
         "af-cta-section": HTMLAfCtaSectionElement;
         "af-feature-accordion": HTMLAfFeatureAccordionElement;
+        "af-footer": HTMLAfFooterElement;
+        "af-footer-column": HTMLAfFooterColumnElement;
+        "af-footer-link": HTMLAfFooterLinkElement;
         "af-heading": HTMLAfHeadingElement;
         "af-hero-section": HTMLAfHeroSectionElement;
         "af-icon-button": HTMLAfIconButtonElement;
@@ -594,6 +745,7 @@ declare global {
         "af-nav-item": HTMLAfNavItemElement;
         "af-navbar": HTMLAfNavbarElement;
         "af-section": HTMLAfSectionElement;
+        "af-social-link": HTMLAfSocialLinkElement;
         "af-testimonial": HTMLAfTestimonialElement;
         "af-testimonial-carousel": HTMLAfTestimonialCarouselElement;
         "af-testimonial-stat": HTMLAfTestimonialStatElement;
@@ -702,6 +854,22 @@ declare namespace LocalJSX {
          */
         "size"?: 'default' | 'large';
     }
+    /**
+     * Contact item component for footer
+     * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+     */
+    interface AfContactItem {
+        /**
+          * Contact label (e.g., "Sales enquiries")
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Contact value (e.g., email address)
+          * @default ''
+         */
+        "value"?: string;
+    }
     /**
      * A responsive container component that provides consistent margins and max-width
      * constraints based on the Affinda grid system.
@@ -781,6 +949,65 @@ declare namespace LocalJSX {
          */
         "items"?: string;
     }
+    /**
+     * Footer component for marketing pages
+     * Provides a flexible, slot-based layout for footer content
+     * All content is passed via slots - no hardcoded links or content
+     */
+    interface AfFooter {
+        /**
+          * Copyright text (e.g., "© 2025 Company Name. All rights reserved.")
+          * @default ''
+         */
+        "copyrightText"?: string;
+        /**
+          * Whether to show the status indicator
+          * @default true
+         */
+        "showStatus"?: boolean;
+        /**
+          * Status message text
+          * @default ''
+         */
+        "statusText"?: string;
+        /**
+          * Status page URL
+          * @default ''
+         */
+        "statusUrl"?: string;
+        /**
+          * Whether systems are operational (shows green/red indicator)
+          * @default true
+         */
+        "systemsOperational"?: boolean;
+    }
+    /**
+     * Footer navigation column component
+     * Used within af-footer to create navigation link groups
+     */
+    interface AfFooterColumn {
+        /**
+          * Column heading
+          * @default ''
+         */
+        "heading"?: string;
+    }
+    /**
+     * Footer link component
+     * Styled link for use in footer navigation columns
+     */
+    interface AfFooterLink {
+        /**
+          * Whether this is an external link (opens in new tab)
+          * @default false
+         */
+        "external"?: boolean;
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href"?: string;
+    }
     interface AfHeading {
         /**
           * Visual alignment
@@ -910,6 +1137,27 @@ declare namespace LocalJSX {
          */
         "padding"?: 'tight' | 'default' | 'loose';
     }
+    /**
+     * Social media link component
+     * Circular bordered icon link for social media profiles
+     */
+    interface AfSocialLink {
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href"?: string;
+        /**
+          * Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom'
+          * @default 'custom'
+         */
+        "icon"?: 'linkedin' | 'youtube' | 'github' | 'twitter' | 'facebook' | 'custom';
+        /**
+          * Accessible label for the link
+          * @default ''
+         */
+        "label"?: string;
+    }
     interface AfTestimonial {
         /**
           * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
@@ -1004,9 +1252,13 @@ declare namespace LocalJSX {
         "af-card": AfCard;
         "af-client-carousel": AfClientCarousel;
         "af-color-swatch": AfColorSwatch;
+        "af-contact-item": AfContactItem;
         "af-container": AfContainer;
         "af-cta-section": AfCtaSection;
         "af-feature-accordion": AfFeatureAccordion;
+        "af-footer": AfFooter;
+        "af-footer-column": AfFooterColumn;
+        "af-footer-link": AfFooterLink;
         "af-heading": AfHeading;
         "af-hero-section": AfHeroSection;
         "af-icon-button": AfIconButton;
@@ -1015,6 +1267,7 @@ declare namespace LocalJSX {
         "af-nav-item": AfNavItem;
         "af-navbar": AfNavbar;
         "af-section": AfSection;
+        "af-social-link": AfSocialLink;
         "af-testimonial": AfTestimonial;
         "af-testimonial-carousel": AfTestimonialCarousel;
         "af-testimonial-stat": AfTestimonialStat;
@@ -1039,6 +1292,11 @@ declare module "@stencil/core" {
              */
             "af-client-carousel": LocalJSX.AfClientCarousel & JSXBase.HTMLAttributes<HTMLAfClientCarouselElement>;
             "af-color-swatch": LocalJSX.AfColorSwatch & JSXBase.HTMLAttributes<HTMLAfColorSwatchElement>;
+            /**
+             * Contact item component for footer
+             * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+             */
+            "af-contact-item": LocalJSX.AfContactItem & JSXBase.HTMLAttributes<HTMLAfContactItemElement>;
             /**
              * A responsive container component that provides consistent margins and max-width
              * constraints based on the Affinda grid system.
@@ -1055,6 +1313,22 @@ declare module "@stencil/core" {
              * Features auto-cycling through items with a progress timer
              */
             "af-feature-accordion": LocalJSX.AfFeatureAccordion & JSXBase.HTMLAttributes<HTMLAfFeatureAccordionElement>;
+            /**
+             * Footer component for marketing pages
+             * Provides a flexible, slot-based layout for footer content
+             * All content is passed via slots - no hardcoded links or content
+             */
+            "af-footer": LocalJSX.AfFooter & JSXBase.HTMLAttributes<HTMLAfFooterElement>;
+            /**
+             * Footer navigation column component
+             * Used within af-footer to create navigation link groups
+             */
+            "af-footer-column": LocalJSX.AfFooterColumn & JSXBase.HTMLAttributes<HTMLAfFooterColumnElement>;
+            /**
+             * Footer link component
+             * Styled link for use in footer navigation columns
+             */
+            "af-footer-link": LocalJSX.AfFooterLink & JSXBase.HTMLAttributes<HTMLAfFooterLinkElement>;
             "af-heading": LocalJSX.AfHeading & JSXBase.HTMLAttributes<HTMLAfHeadingElement>;
             /**
              * Hero section component for marketing pages
@@ -1084,6 +1358,11 @@ declare module "@stencil/core" {
              * Section layout component for consistent spacing and backgrounds
              */
             "af-section": LocalJSX.AfSection & JSXBase.HTMLAttributes<HTMLAfSectionElement>;
+            /**
+             * Social media link component
+             * Circular bordered icon link for social media profiles
+             */
+            "af-social-link": LocalJSX.AfSocialLink & JSXBase.HTMLAttributes<HTMLAfSocialLinkElement>;
             "af-testimonial": LocalJSX.AfTestimonial & JSXBase.HTMLAttributes<HTMLAfTestimonialElement>;
             "af-testimonial-carousel": LocalJSX.AfTestimonialCarousel & JSXBase.HTMLAttributes<HTMLAfTestimonialCarouselElement>;
             "af-testimonial-stat": LocalJSX.AfTestimonialStat & JSXBase.HTMLAttributes<HTMLAfTestimonialStatElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affinda/wc",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",