@affinda/wc 0.0.13 → 0.0.14

package/dist/collection/components/af-footer-link/af-footer-link.js

@@ -0,0 +1,73 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Footer link component
+ * Styled link for use in footer navigation columns
+ */
+export class AfFooterLink {
+    constructor() {
+        /** Link URL */
+        this.href = '#';
+        /** Whether this is an external link (opens in new tab) */
+        this.external = false;
+    }
+    render() {
+        return (h(Host, { key: 'e6f7a589242a219d1b6378fd253972c760443500' }, h("li", { key: '335bfe5438a894bd61de90b79d3ab22d0fc89900' }, h("a", { key: 'f409bdcd2f5cc5ab98a3e63917c46406af0d5305', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, h("slot", { key: '8b511b8adf25e0a930186cc6276ffa4bebda0fc1' }), this.external && (h("svg", { key: '53a643543ad59dce128eec87b02d0397305522e2', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '0e20bfbaaaf254a98aca18375442a11c4d2719d3', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+    }
+    static get is() { return "af-footer-link"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-footer-link.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-footer-link.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Link URL"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href",
+                "defaultValue": "'#'"
+            },
+            "external": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this is an external link (opens in new tab)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "external",
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=af-footer-link.js.map

package/dist/collection/components/af-footer-link/af-footer-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-footer-link.js","sourceRoot":"","sources":["../../../src/components/af-footer-link/af-footer-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAOH,MAAM,OAAO,YAAY;IANzB;QAOE,eAAe;QACP,SAAI,GAAW,GAAG,CAAC;QAE3B,0DAA0D;QAClD,aAAQ,GAAY,KAAK,CAAC;KAuBnC;IArBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH;gBACE,0DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,aAAa,EACnB,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC5C,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS;oBAEtD,8DAAa;oBACZ,IAAI,CAAC,QAAQ,IAAI,CAChB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;wBAC5F,6DAAM,CAAC,EAAC,qFAAqF,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CACnL,CACP,CACC,CACD,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Footer link component\n * Styled link for use in footer navigation columns\n */\n@Component({\n  tag: 'af-footer-link',\n  styleUrl: 'af-footer-link.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfFooterLink {\n  /** Link URL */\n  @Prop() href: string = '#';\n\n  /** Whether this is an external link (opens in new tab) */\n  @Prop() external: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <li>\n          <a \n            href={this.href} \n            class=\"footer-link\"\n            target={this.external ? '_blank' : undefined}\n            rel={this.external ? 'noopener noreferrer' : undefined}\n          >\n            <slot></slot>\n            {this.external && (\n              <svg class=\"footer-link__external-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                <path d=\"M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n            )}\n          </a>\n        </li>\n      </Host>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/af-hero-section/af-hero-section.js

@@ -12,7 +12,7 @@ export class AfHeroSection {
         this.minHeight = '60vh';
     }
     render() {
-        return (h(Host, { key: '26122357a77c12e5711fa4f9ca30e7a3062050c1' }, h("div", { key: 'b0ca1b0974a0278f70f44fd6a7816a829f6bc39f', class: `hero-section variant-${this.variant}`, style: { minHeight: this.minHeight } }, this.withDecoration && (h("div", { key: '999d766773cc276b8b31280b9f27e23e057418f7', class: "hero-decoration" }, h("slot", { key: '928c298ffb8a39afbf46602478aa6723b453c895', name: "decoration" }))), h("af-container", { key: '223877cf087a5e497d5dc8b911b371dc14acfdcc' }, h("div", { key: 'bf2be7ac0edc396884ef42d4904694fff226f070', class: "hero-content" }, h("slot", { key: '48e60e14f6b4bf8c9a11924554dc38b5b568b05a' }))))));
+        return (h(Host, { key: '04cc80eabba2deec11fb704a10f22e4fc78beb05' }, h("div", { key: 'fa2cba909c39a1387ebcdf2be6fd710ef1b66db7', class: `hero-section variant-${this.variant}`, style: { minHeight: this.minHeight } }, this.withDecoration && (h("div", { key: '27a340cd2601be24e820129939a0e9fc8b03edd7', class: "hero-decoration" }, h("slot", { key: 'ae480ef5001db618c3f939c1c8e2e87dac40819f', name: "decoration" }))), h("af-container", { key: '9a6be795a98100430b5fdaa39912a465989936b6' }, h("div", { key: '4ce12e860ba8f00c180d2a124b8295a3877962c2', class: "hero-content" }, h("slot", { key: '36965812bbece59614f08927266b12f28e4501ce' }))))));
     }
     static get is() { return "af-hero-section"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-logo-well/af-logo-well.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class AfLogoWell {
     render() {
-        return (h(Host, { key: 'c2b6e2eecb490fbb421dd44f91f73dc95b5cf5be' }, h("div", { key: '6cc9871c13a2e94f65b68fe55444a559457c7c18', class: "logo-well" }, h("slot", { key: '510e40bff708a248b6e5b443fa2693a49946b19c' }))));
+        return (h(Host, { key: 'b99aefd4635d21c0072b89923619b95a0497251e' }, h("div", { key: 'e35b23d12938521ba306c0499516434d25cd66f2', class: "logo-well" }, h("slot", { key: 'd1894aec9b2136b288de9e9c508bbaa12fd4a612' }))));
     }
     static get is() { return "af-logo-well"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/af-section/af-section.js

@@ -12,8 +12,8 @@ export class AfSection {
         this.container = true;
     }
     render() {
-        const content = h("slot", { key: '7cec74499369d76c03d53bb025b2bc0bfc0a02e1' });
-        return (h(Host, { key: 'c1419d985f8b44b99d37f25e043f2f7bbc799ed6' }, h("div", { key: 'ed687025297958eb3a666224b3e0be314c908a86', class: `section padding-${this.padding} bg-${this.background}` }, this.container ? (h("af-container", null, content)) : content)));
+        const content = h("slot", { key: '612e24d2b0cf678687c97799e870d17d2b74d236' });
+        return (h(Host, { key: '13e74f2a301c1ca178a806789f3df7d7413498ff' }, h("div", { key: '9968aa80b1fa0a44d4c86fc8612ca4fe59cf7112', class: `section padding-${this.padding} bg-${this.background}` }, this.container ? (h("af-container", null, content)) : content)));
     }
     static get is() { return "af-section"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-social-link/af-social-link.css

@@ -0,0 +1,21 @@
+:host {
+  display: inline-block;
+}
+
+.social-link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+  border: 1px solid rgba(198, 213, 209, 0.3);
+  border-radius: 50%;
+  color: var(--colour-tints-mistGreen-200, #C6D5D1);
+  transition: all 0.2s ease;
+}
+
+.social-link:hover {
+  background-color: rgba(198, 213, 209, 0.1);
+  border-color: rgba(198, 213, 209, 0.5);
+}
+

package/dist/collection/components/af-social-link/af-social-link.js

@@ -0,0 +1,111 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Social media link component
+ * Circular bordered icon link for social media profiles
+ */
+export class AfSocialLink {
+    constructor() {
+        /** Link URL */
+        this.href = '#';
+        /** Accessible label for the link */
+        this.label = '';
+        /** Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom' */
+        this.icon = 'custom';
+    }
+    renderIcon() {
+        switch (this.icon) {
+            case 'linkedin':
+                return (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }), h("rect", { x: "2", y: "9", width: "4", height: "12" }), h("circle", { cx: "4", cy: "4", r: "2" })));
+            case 'youtube':
+                return (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { d: "M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" }), h("polygon", { points: "9.75,15.02 15.5,11.75 9.75,8.48", fill: "currentColor", stroke: "none" })));
+            case 'github':
+                return (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" })));
+            case 'twitter':
+                return (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { d: "M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" })));
+            case 'facebook':
+                return (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }, h("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" })));
+            default:
+                return h("slot", { name: "icon" });
+        }
+    }
+    render() {
+        return (h(Host, { key: '7761c19f95afb1353ac33ec1a121ad763976c5bb' }, h("a", { key: 'daf55dfa75facd649cb920ed14f6b488a4bb5487', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
+    }
+    static get is() { return "af-social-link"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-social-link.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-social-link.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Link URL"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href",
+                "defaultValue": "'#'"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label for the link"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "''"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'linkedin' | 'youtube' | 'github' | 'twitter' | 'facebook' | 'custom'",
+                    "resolved": "\"custom\" | \"facebook\" | \"github\" | \"linkedin\" | \"twitter\" | \"youtube\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom'"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon",
+                "defaultValue": "'custom'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=af-social-link.js.map

package/dist/collection/components/af-social-link/af-social-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-social-link.js","sourceRoot":"","sources":["../../../src/components/af-social-link/af-social-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAOH,MAAM,OAAO,YAAY;IANzB;QAOE,eAAe;QACP,SAAI,GAAW,GAAG,CAAC;QAE3B,oCAAoC;QAC5B,UAAK,GAAW,EAAE,CAAC;QAE3B,qFAAqF;QAC7E,SAAI,GAA0E,QAAQ,CAAC;KAyDhG;IAvDS,UAAU;QAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,UAAU;gBACb,OAAO,CACL,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK;oBAClG,YAAM,CAAC,EAAC,gFAAgF,GAAE;oBAC1F,YAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,GAAE;oBACzC,cAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAE,CACzB,CACP,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO,CACL,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK;oBAClG,YAAM,CAAC,EAAC,mQAAmQ,GAAE;oBAC7Q,eAAS,MAAM,EAAC,iCAAiC,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,GAAE,CACjF,CACP,CAAC;YACJ,KAAK,QAAQ;gBACX,OAAO,CACL,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK;oBAClG,YAAM,CAAC,EAAC,qSAAqS,GAAE,CAC3S,CACP,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO,CACL,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK;oBAClG,YAAM,CAAC,EAAC,6KAA6K,GAAE,CACnL,CACP,CAAC;YACJ,KAAK,UAAU;gBACb,OAAO,CACL,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK;oBAClG,YAAM,CAAC,EAAC,mEAAmE,GAAE,CACzE,CACP,CAAC;YACJ;gBACE,OAAO,YAAM,IAAI,EAAC,MAAM,GAAQ,CAAC;QACrC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,0DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,KAAK,EAAC,aAAa,gBACP,IAAI,CAAC,KAAK,IAErB,IAAI,CAAC,UAAU,EAAE,CAChB,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Social media link component\n * Circular bordered icon link for social media profiles\n */\n@Component({\n  tag: 'af-social-link',\n  styleUrl: 'af-social-link.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfSocialLink {\n  /** Link URL */\n  @Prop() href: string = '#';\n\n  /** Accessible label for the link */\n  @Prop() label: string = '';\n\n  /** Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom' */\n  @Prop() icon: 'linkedin' | 'youtube' | 'github' | 'twitter' | 'facebook' | 'custom' = 'custom';\n\n  private renderIcon() {\n    switch (this.icon) {\n      case 'linkedin':\n        return (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"/>\n            <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"/>\n            <circle cx=\"4\" cy=\"4\" r=\"2\"/>\n          </svg>\n        );\n      case 'youtube':\n        return (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"/>\n            <polygon points=\"9.75,15.02 15.5,11.75 9.75,8.48\" fill=\"currentColor\" stroke=\"none\"/>\n          </svg>\n        );\n      case 'github':\n        return (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\"/>\n          </svg>\n        );\n      case 'twitter':\n        return (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"/>\n          </svg>\n        );\n      case 'facebook':\n        return (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n            <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"/>\n          </svg>\n        );\n      default:\n        return <slot name=\"icon\"></slot>;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <a \n          href={this.href} \n          target=\"_blank\" \n          rel=\"noopener noreferrer\" \n          class=\"social-link\" \n          aria-label={this.label}\n        >\n          {this.renderIcon()}\n        </a>\n      </Host>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/af-testimonial/af-testimonial.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class AfTestimonial {
     render() {
-        return (h(Host, { key: 'd0b61f50a40dd1a92cdbc7cd872d5986a7dcd37f' }, h("div", { key: '8ba353ac6d94054fa956025341ed040df25c8602', class: "testimonial-card" }, h("div", { key: '3ebd5e31ff5a419db55f4175851ed7ccd119b900', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'b0dfa12d3655e3dca70f0709d044f3c0ccafaa23', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '1d0ee35b1201afb51d4a3ef42a36adbd8dfe0551', class: "testimonial-logo" }, h("img", { key: 'c166c8ecd60a57dbcc94bd11a1732a48287e072a', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '55928587d1464f4e55535f61979f254accf9a4ce', class: "testimonial-content" }, h("div", { key: 'cec7936cb3b115ea7ede3fe6fd7690376e920846', class: "testimonial-quote-section" }, h("div", { key: '8e920411d307fa9013b09e9b94dd6e8c13537f54', class: "testimonial-quote-icon" }, h("slot", { key: '41f0eb01d52b1150d56c39781268571de16fc9c9', name: "quote-icon" }, h("svg", { key: 'c2f5c892db3fe85eed6d8907967cc4f20c177e20', width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f7e485fd3f591a0c069d18f1170709beb6dec7e6', d: "M10.5 25.5C10.5 23.0147 12.5147 21 15 21H18C18.8284 21 19.5 20.3284 19.5 19.5V15C19.5 12.5147 17.4853 10.5 15 10.5H10.5C6.35786 10.5 3 13.8579 3 18V33C3 35.4853 5.01472 37.5 7.5 37.5H15C17.4853 37.5 19.5 35.4853 19.5 33V25.5C19.5 23.0147 17.4853 21 15 21H10.5ZM33 25.5C33 23.0147 35.0147 21 37.5 21H40.5C41.3284 21 42 20.3284 42 19.5V15C42 12.5147 39.9853 10.5 37.5 10.5H33C28.8579 10.5 25.5 13.8579 25.5 18V33C25.5 35.4853 27.5147 37.5 30 37.5H37.5C39.9853 37.5 42 35.4853 42 33V25.5C42 23.0147 39.9853 21 37.5 21H33Z", fill: "currentColor" })))), h("p", { key: '24a613c4ec69fe002f4f6b9c3f9733b923cf8a3c', class: "testimonial-text" }, this.quote), h("p", { key: 'daf3225255a4afaa4fac77b4b2d5627105a8b129', class: "testimonial-attribution" }, this.attribution)), h("div", { key: '340ae0a9421c0940ba748a4a1b90465639cf076c', class: "testimonial-stats" }, h("slot", { key: '04271f6252560c1a170b2e60073f728e731d1eb2', name: "stats" })), h("div", { key: '46db8d1703fb7d01ee10de1941fc7bd8a8a8de05', class: "testimonial-footer" }, h("div", { key: 'ad547cea9cd808b06b93f356176f6305db62f45b', class: "testimonial-nav" }, h("slot", { key: 'c7d90da0e041ac2af4bd32eb067bab0646944bbd', name: "navigation" })), this.readMoreLink && (h("a", { key: '57292d52aa3f52e481fe6959ac8934e071d7d24c', href: this.readMoreLink, class: "testimonial-cta" }, h("span", { key: '29f334d7f7dbe218ebcc08aae34e58caca0a8433' }, "Read full story"), h("svg", { key: '75db358b7340d4af26c101da303871ed2eb003a0', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '5171676ecc584df2ccd1e8d69c82dc63283179ec', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))));
+        return (h(Host, { key: '7bdb327659469eb993ce82c64a34ea8e481bb8f6' }, h("div", { key: 'd77a77df9c5b22bcb47eb6375be61295d6698369', class: "testimonial-card" }, h("div", { key: '5f8c7ff73a4c5448d8c5c76f2d123db901fc8421', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'b9f0799c3268bb3c63a43b5f214db4e6acb68b42', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '10cda2c94aed491e1bfc7baada22053491c54de2', class: "testimonial-logo" }, h("img", { key: 'f1bbdc345f2e3e30741f530d3661eb3b23efde59', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '5600096adcd04345b9da9f0dd6c9ba8983849316', class: "testimonial-content" }, h("div", { key: 'fc4a60a32b643725e1af77caca488ae65b8763bf', class: "testimonial-quote-section" }, h("div", { key: '2acf1b8c192535fb544fe9b5b511cbe2cd453f90', class: "testimonial-quote-icon" }, h("slot", { key: '1be45989e94b215c9b4275fffa432cacfe70d39b', name: "quote-icon" }, h("svg", { key: '55750e232791947ba95c47aa3e1e3e101101aff2', width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6bfaf884c17bd2bb19ed16b5f34b158718a40af8', d: "M10.5 25.5C10.5 23.0147 12.5147 21 15 21H18C18.8284 21 19.5 20.3284 19.5 19.5V15C19.5 12.5147 17.4853 10.5 15 10.5H10.5C6.35786 10.5 3 13.8579 3 18V33C3 35.4853 5.01472 37.5 7.5 37.5H15C17.4853 37.5 19.5 35.4853 19.5 33V25.5C19.5 23.0147 17.4853 21 15 21H10.5ZM33 25.5C33 23.0147 35.0147 21 37.5 21H40.5C41.3284 21 42 20.3284 42 19.5V15C42 12.5147 39.9853 10.5 37.5 10.5H33C28.8579 10.5 25.5 13.8579 25.5 18V33C25.5 35.4853 27.5147 37.5 30 37.5H37.5C39.9853 37.5 42 35.4853 42 33V25.5C42 23.0147 39.9853 21 37.5 21H33Z", fill: "currentColor" })))), h("p", { key: 'a38744d52c048966225f1dd903930a6f8a7a8481', class: "testimonial-text" }, this.quote), h("p", { key: '25a74f0335453a12d564e13519ea19f363411e7c', class: "testimonial-attribution" }, this.attribution)), h("div", { key: 'e3aad02ebaad4b2c602f2dbe5d71a0d9ba10400a', class: "testimonial-stats" }, h("slot", { key: 'fd85f2fea87ac47c3cd9fb569b28fb6d7ba7a78b', name: "stats" })), h("div", { key: '884b677f364afa23e620f563ba6da1ec55e0e542', class: "testimonial-footer" }, h("div", { key: '52f6d8e1d45d8dd984b80389fecd7b264e73954d', class: "testimonial-nav" }, h("slot", { key: '311a754277fb388948a11fd238aabdaa06f63566', name: "navigation" })), this.readMoreLink && (h("a", { key: 'b2c37a562983aed6db7bda821952e5fadb0ee817', href: this.readMoreLink, class: "testimonial-cta" }, h("span", { key: '5aab117fc370fdc46c2217331566f8ffa8582ab5' }, "Read full story"), h("svg", { key: '17e2107ba8cc97e3870603dc080eaa85fe7272e1', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '4c2c8a8c3060e0724eeeea6683c3874958a0fb27', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))));
     }
     static get is() { return "af-testimonial"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js

@@ -65,7 +65,7 @@ export class AfTestimonialCarousel {
     render() {
         const hasPrev = this.currentIndex > 0;
         const hasNext = this.currentIndex < this.testimonialCount - 1;
-        return (h(Host, { key: 'e56cced29d69d1100d5876778f8ebeeed2522f6a' }, h("div", { key: '769dfc354d93e6a356c6902370399efb488c527f', class: "testimonial-carousel" }, h("div", { key: '095ecb50be6cb8b7849b62df7385125b86cd2c8d', class: "testimonial-slides" }, h("slot", { key: '0ad223e6125f04cf75a9fe6d42c57710080a90ca' })), this.testimonialCount > 1 && (h("div", { key: '6c709ae5e82894cb6389c814d9144efd698ebfba', class: "testimonial-progress" }, Array.from({ length: this.testimonialCount }).map((_, index) => (h("div", { class: `progress-dot ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
+        return (h(Host, { key: '5ddb7b62b4dca675ea90181301f3f99a2c87e378' }, h("div", { key: '1dd1ecba6b72b87fb12dfba34a67ead22e217b95', class: "testimonial-carousel" }, h("div", { key: '56a4cdb617d4224705e1bd6b7effc262fbc84fe3', class: "testimonial-slides" }, h("slot", { key: '4d6fb07f99fb69d6d752db05370ed8646525b1fd' })), this.testimonialCount > 1 && (h("div", { key: '251b1dc1ad3388ba5da3b8efea0a6cc533dd30ed', class: "testimonial-progress" }, Array.from({ length: this.testimonialCount }).map((_, index) => (h("div", { class: `progress-dot ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
                 if (!this.isAnimating && index !== this.currentIndex) {
                     this.isAnimating = true;
                     this.currentIndex = index;
@@ -74,7 +74,7 @@ export class AfTestimonialCarousel {
                         this.isAnimating = false;
                     }, 500);
                 }
-            } }))))), this.testimonialCount > 1 && (h("div", { key: '2977c03985768076ba9c70521430dc4f48263166', class: "carousel-navigation" }, h("button", { key: 'e458568b72aa183d0cc5d05ae310227d983c7e2a', class: "nav-button prev", disabled: !hasPrev, onClick: this.goToPrevious, "aria-label": "Previous testimonial" }, h("svg", { key: '18a261dfe9ea8b3cfc1baad1926f335e07c993f0', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '2226758cdf1ae0c3016d9f58c4f3124ec9480254', d: "M19 12H5M5 12L12 19M5 12L12 5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'b244c5e2b7617eaac9a59fd44fa4bac364f129e8', class: "nav-button next", disabled: !hasNext, onClick: this.goToNext, "aria-label": "Next testimonial" }, h("svg", { key: '98a26dedc0bb962c6e48c7b669634ddc53555a0b', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'fe6fdd3b0cb626ca0235cef4646e1c51162e095f', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+            } }))))), this.testimonialCount > 1 && (h("div", { key: '12023b28f4ad3c95ac16c81ec2f508d39f27a153', class: "carousel-navigation" }, h("button", { key: 'f10bb543acd01bc911d757deae625c2730f980e2', class: "nav-button prev", disabled: !hasPrev, onClick: this.goToPrevious, "aria-label": "Previous testimonial" }, h("svg", { key: '6dcfef878052ab902b5530949e36fc4ac5936927', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '586a9aabdb26109ddbea5907a051123b3c99dc6c', d: "M19 12H5M5 12L12 19M5 12L12 5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '5f3bd4fe55b664dd47ec0b2c7790a29c31997b06', class: "nav-button next", disabled: !hasNext, onClick: this.goToNext, "aria-label": "Next testimonial" }, h("svg", { key: '3e0da3374959da6d7d205b7c30403872a115d111', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '440f42623c1f6d7e1ae74c8db66b52196f491b3e', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     static get is() { return "af-testimonial-carousel"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js

@@ -7,7 +7,7 @@ export class AfTestimonialStat {
         this.accentBorder = false;
     }
     render() {
-        return (h(Host, { key: '0fd013ada3a0dc85dcce4a062dec73fe68fd010c' }, h("div", { key: '7f768435506778e75b3c1d04270dd82f08204a76', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("p", { key: '8e4d5dc800e56f23094d81f1549e8b105d9998ca', class: "stat-value" }, this.value), h("p", { key: '803eb941fcb3c0552df8aecb4d28e6e4b00808a2', class: "stat-description" }, this.description))));
+        return (h(Host, { key: '8f221081ab89cc0f37a3b1d2585f58c5889b053e' }, h("div", { key: '2df78950a8dc36a6f093ff0b22a64cd9d7f15e97', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("p", { key: 'e81b31e9c4626a4aee54794307681cefd37e62b9', class: "stat-value" }, this.value), h("p", { key: 'aed7ac399263efba79ac1fbdd81780761979b729', class: "stat-description" }, this.description))));
     }
     static get is() { return "af-testimonial-stat"; }
     static get encapsulation() { return "scoped"; }

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AfContactItem extends Components.AfContactItem, HTMLElement {}
+export const AfContactItem: {
+    prototype: AfContactItem;
+    new (): AfContactItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/af-contact-item.js

@@ -0,0 +1,44 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-Dt4Fpr3O.js';
+
+const afContactItemCss = ".sc-af-contact-item-h{display:block}.contact-item.sc-af-contact-item{display:flex;flex-direction:column;gap:4px}.contact-item__label.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0}.contact-item__value.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);margin:0}";
+
+const AfContactItem$1 = /*@__PURE__*/ proxyCustomElement(class AfContactItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /** Contact label (e.g., "Sales enquiries") */
+        this.label = '';
+        /** Contact value (e.g., email address) */
+        this.value = '';
+    }
+    render() {
+        return (h(Host, { key: 'd7028d8cf36ac49af112610cb75183bf6abf13a3' }, h("div", { key: '810bf1b96babcb480cd2aa2ba367646b9c4cc88a', class: "contact-item" }, this.label && (h("h5", { key: '1dabbf6e3c53d537645b3db0593f5653f9ca5f2b', class: "contact-item__label" }, this.label)), this.value && (h("p", { key: '73ab6e021d479b54f6341a9fa2fac5bb09e57d8d', class: "contact-item__value" }, this.value)), h("slot", { key: '787187f21f16576b62638aed8ddcc4dd38f0ac21' }))));
+    }
+    static get style() { return afContactItemCss; }
+}, [262, "af-contact-item", {
+        "label": [1],
+        "value": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-contact-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-contact-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfContactItem$1);
+            }
+            break;
+    } });
+}
+
+const AfContactItem = AfContactItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfContactItem, defineCustomElement };
+//# sourceMappingURL=af-contact-item.js.map
+
+//# sourceMappingURL=af-contact-item.js.map

package/dist/components/af-contact-item.js.map

@@ -0,0 +1 @@
+{"file":"af-contact-item.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,oeAAoe;;MCYhfA,eAAa,iBAAAC,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAN1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQU,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGlB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAiB3B;IAfC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,KAAK,KACT,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAM,CAClD,EACA,IAAI,CAAC,KAAK,KACT,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAChD,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfContactItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-contact-item/af-contact-item.css?tag=af-contact-item&encapsulation=scoped","src/components/af-contact-item/af-contact-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.contact-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.contact-item__label {\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--colour-tints-mistGreen-200, #C6D5D1);\n  margin: 0;\n}\n\n.contact-item__value {\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(198, 213, 209, 0.7);\n  margin: 0;\n}\n\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Contact item component for footer\n * Displays a label and value pair (e.g., \"Sales enquiries\" / \"contact@example.com\")\n */\n@Component({\n  tag: 'af-contact-item',\n  styleUrl: 'af-contact-item.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfContactItem {\n  /** Contact label (e.g., \"Sales enquiries\") */\n  @Prop() label: string = '';\n\n  /** Contact value (e.g., email address) */\n  @Prop() value: string = '';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"contact-item\">\n          {this.label && (\n            <h5 class=\"contact-item__label\">{this.label}</h5>\n          )}\n          {this.value && (\n            <p class=\"contact-item__value\">{this.value}</p>\n          )}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n\n"],"version":3}

package/dist/components/af-cta-section.js

@@ -24,7 +24,7 @@ const AfCtaSection$1 = /*@__PURE__*/ proxyCustomElement(class AfCtaSection exten
         this.illustrationUrl = '';
     }
     render() {
-        return (h(Host, { key: '4799cecb74e6ed366615d0f6431b801b697104c1' }, h("div", { key: '5ec289c687484ea343bbe235b8e5ff275834bb1c', class: "cta-section" }, h("div", { key: 'd4ace70049c68d389e4ad6bfa0c33df90e40228c', class: "cta-section__container" }, h("div", { key: '44bff410dfa32e62d71d07a083ac796d8f2c4701', class: "cta-section__wave-bg" }, h("svg", { key: 'eaaa575510c3c9eb0151c3a9b429b05d63f091d2', viewBox: "0 0 1200 400", preserveAspectRatio: "none", class: "cta-section__wave-svg" }, h("ellipse", { key: '3efdf781f5d90f3a6171ce89d05b47d031dba87d', cx: "900", cy: "450", rx: "600", ry: "350", fill: "rgba(255,255,255,0.2)" }), h("ellipse", { key: '1b8bb8fe8629e8c1a38401a437f9ebc81448fd89', cx: "1000", cy: "500", rx: "400", ry: "250", fill: "rgba(255,255,255,0.15)" }))), h("div", { key: 'd5b18a8738c88cebe47501bbd3f4f8cb21e5b570', class: "cta-section__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "cta-section__illustration-img" })) : (h("slot", { name: "illustration" }))), h("div", { key: 'a1aaf9056f0f4efbc1e8932c2bd7499c2109fe53', class: "cta-section__content" }, h("h2", { key: '6615663e27005aceab17e23cfc393b4d34c2eeec', class: "cta-section__heading" }, this.heading), h("p", { key: '13cd23b082ff90d2aaefcded32695ab64c0be51a', class: "cta-section__description" }, this.description), h("div", { key: '60c1b7e486fabc5bca71e1d4ec6e7ef5a88250e7', class: "cta-section__buttons" }, h("a", { key: '8b38088923d1b558bf9600957c36ea21468ea4f7', href: this.primaryButtonUrl, class: "cta-section__button cta-section__button--primary" }, this.primaryButtonText), h("a", { key: '9f38363587db152fb6cc04f0349ba4e7a8eac125', href: this.secondaryButtonUrl, class: "cta-section__button cta-section__button--secondary" }, this.secondaryButtonText)))))));
+        return (h(Host, { key: '8cf3c9274e0913f7ce160b296734e73c4d2d3734' }, h("div", { key: 'a538dac4d55527fea4341e6e5742e8f950161bf1', class: "cta-section" }, h("div", { key: '9c1d051adf987b36563a48185e91ad245fc1eab1', class: "cta-section__container" }, h("div", { key: '343f5022b9178f72d53b04ae3131f8d3ef3313a1', class: "cta-section__wave-bg" }, h("svg", { key: '7d66a29c84ee16d9cddecae3eea3bf7ef04a32a4', viewBox: "0 0 1200 400", preserveAspectRatio: "none", class: "cta-section__wave-svg" }, h("ellipse", { key: '83f3a06010d898eb107d8c85c70e7af1340a7ab1', cx: "900", cy: "450", rx: "600", ry: "350", fill: "rgba(255,255,255,0.2)" }), h("ellipse", { key: 'e74e9f443057d6af20af44ae48af382d79598c83', cx: "1000", cy: "500", rx: "400", ry: "250", fill: "rgba(255,255,255,0.15)" }))), h("div", { key: 'ce574daa6ff34cea13621508445a684ec02d07a6', class: "cta-section__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "cta-section__illustration-img" })) : (h("slot", { name: "illustration" }))), h("div", { key: '07ad207e4ff04493da5d65f8abf93b55fba14fa0', class: "cta-section__content" }, h("h2", { key: '18f0f9f50bf1dcef7de2ef6613523b1ab7875cb0', class: "cta-section__heading" }, this.heading), h("p", { key: '08600c4a40d127c2b24adc43ad490f1a2c1f2211', class: "cta-section__description" }, this.description), h("div", { key: 'ab487ba8609a834d61c3804ef11a671406f7b570', class: "cta-section__buttons" }, h("a", { key: '60f3d7bcc62f11ff303ca706a32e3a400f6bb33a', href: this.primaryButtonUrl, class: "cta-section__button cta-section__button--primary" }, this.primaryButtonText), h("a", { key: '06f735171e0e3f7b1bc783d0917967b591b3d455', href: this.secondaryButtonUrl, class: "cta-section__button cta-section__button--secondary" }, this.secondaryButtonText)))))));
     }
     static get style() { return afCtaSectionCss; }
 }, [262, "af-cta-section", {

package/dist/components/af-feature-accordion.js

@@ -90,13 +90,13 @@ const AfFeatureAccordion$1 = /*@__PURE__*/ proxyCustomElement(class AfFeatureAcc
     render() {
         const items = this.getItems();
         const currentItem = items[this.expandedIndex];
-        return (h(Host, { key: '7825aa3ce7bc01d0a2ca8d9bda5b8198aa76271c' }, h("div", { key: '0f6256791b7f0df695b73fbbfac13062441efe5d', class: "feature-accordion" }, h("div", { key: '325051f2986b59513be4911ebb74ea07e06d51aa', class: "feature-accordion__container" }, h("h2", { key: '03d56b844bb0683030cf180ad73c861411be6d97', class: "feature-accordion__heading" }, this.heading), h("div", { key: '3016a08061e853af3886c147f1cdead2e275da47', class: "feature-accordion__content" }, h("div", { key: '2810385a3c67d49dc4a7c5516aa88764c31cea38', class: "feature-accordion__list" }, items.map((item, index) => (h("div", { class: {
+        return (h(Host, { key: 'a6fc5618dfb0cafedbabfa8695eb6834e22f7915' }, h("div", { key: '30f3c9877b645a2e55fb59686826cd1f9a9554d2', class: "feature-accordion" }, h("div", { key: 'c7a1e31676fb44e7cf826be75c909e5755b4fb47', class: "feature-accordion__container" }, h("h2", { key: 'a86fc105621891bbf0ad735093d52aeaf5d77a45', class: "feature-accordion__heading" }, this.heading), h("div", { key: '19cf92b1a8ffb56fa6fedb26a01ab3ddde54ca9b', class: "feature-accordion__content" }, h("div", { key: '7eb7a385f98aecc1ea2e95067f0ed06d37b8adf2', class: "feature-accordion__list" }, items.map((item, index) => (h("div", { class: {
                 'accordion-item': true,
                 'accordion-item--expanded': this.expandedIndex === index
             }, key: index }, h("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index), "aria-expanded": this.expandedIndex === index ? 'true' : 'false' }, h("h4", { class: "accordion-item__title" }, item.title), h("span", { class: "accordion-item__icon" }, this.expandedIndex === index ? (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))) : (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))))), h("div", { class: "accordion-item__content", style: {
                 maxHeight: this.expandedIndex === index ? '200px' : '0',
                 opacity: this.expandedIndex === index ? '1' : '0'
-            } }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '91407477630dfe4287aa84750a3ec344d4d929fe', class: "feature-accordion__image-container" }, h("div", { key: '5a5f537b6e38f250ed821e0dfaecf059e88e4251', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (h("img", { key: 'e974ce7cc07d28768447a106eeb7f714e93069a9', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (h("div", { key: '4e0e981e30d9ad3a10048715f71681dfacff76b4', class: "feature-accordion__image-placeholder" }, h("slot", { key: 'c98c9302c6fdd0db75b63ae20a56273bf64638b6', name: "image" }))))))))));
+            } }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '25d9abb394e6fc3027b8646fc3e86f157aa50849', class: "feature-accordion__image-container" }, h("div", { key: '9a697e0b33a744d092f0d4c467c65649d88896bc', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (h("img", { key: '1c506ddbaa60c00071cc9421cbbc3e42ba81694a', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (h("div", { key: 'dd9af6189d504abc163c25fe804445fac8b91e97', class: "feature-accordion__image-placeholder" }, h("slot", { key: '46bdaf5f99dd570cb43f198d40b52d85b5da7ab0', name: "image" }))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AfFooterColumn extends Components.AfFooterColumn, HTMLElement {}
+export const AfFooterColumn: {
+    prototype: AfFooterColumn;
+    new (): AfFooterColumn;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/af-footer-column.js

@@ -0,0 +1,41 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-Dt4Fpr3O.js';
+
+const afFooterColumnCss = ".sc-af-footer-column-h{display:block}.footer-column.sc-af-footer-column{display:flex;flex-direction:column;gap:16px}.footer-column__heading.sc-af-footer-column{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0;text-transform:none}.footer-column__list.sc-af-footer-column{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer-column__list.sc-af-footer-column-s>li,.footer-column__list .sc-af-footer-column-s>li{margin:0}";
+
+const AfFooterColumn$1 = /*@__PURE__*/ proxyCustomElement(class AfFooterColumn extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /** Column heading */
+        this.heading = '';
+    }
+    render() {
+        return (h(Host, { key: '8ba73f2f7a90d6a6b7ee33a04d4533b750624256' }, h("div", { key: '5b3f50b63fd0461d64dca4c7a6cbb6ee94ab98f6', class: "footer-column" }, this.heading && (h("h5", { key: '3583cd3ef323471dd2a106281e1522bba5e8dec6', class: "footer-column__heading" }, this.heading)), h("ul", { key: '35334470d9c1fd1832d52169a757a2d5a11cab10', class: "footer-column__list" }, h("slot", { key: 'e37bd4e38617d11fe8bbf931f71d0ff71123770c' })))));
+    }
+    static get style() { return afFooterColumnCss; }
+}, [262, "af-footer-column", {
+        "heading": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-footer-column"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-footer-column":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfFooterColumn$1);
+            }
+            break;
+    } });
+}
+
+const AfFooterColumn = AfFooterColumn$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfFooterColumn, defineCustomElement };
+//# sourceMappingURL=af-footer-column.js.map
+
+//# sourceMappingURL=af-footer-column.js.map

package/dist/components/af-footer-column.js.map

@@ -0,0 +1 @@
+{"file":"af-footer-column.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,8iBAA8iB;;MCY3jBA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAN3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQU,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAgB7B;IAdC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,OAAO,KACX,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAE,EAAA,IAAI,CAAC,OAAO,CAAM,CACvD,EACD,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC7B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfFooterColumn","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-footer-column/af-footer-column.css?tag=af-footer-column&encapsulation=scoped","src/components/af-footer-column/af-footer-column.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.footer-column {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.footer-column__heading {\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--colour-tints-mistGreen-200, #C6D5D1);\n  margin: 0;\n  text-transform: none;\n}\n\n.footer-column__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.footer-column__list ::slotted(li) {\n  margin: 0;\n}\n\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Footer navigation column component\n * Used within af-footer to create navigation link groups\n */\n@Component({\n  tag: 'af-footer-column',\n  styleUrl: 'af-footer-column.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfFooterColumn {\n  /** Column heading */\n  @Prop() heading: string = '';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"footer-column\">\n          {this.heading && (\n            <h5 class=\"footer-column__heading\">{this.heading}</h5>\n          )}\n          <ul class=\"footer-column__list\">\n            <slot></slot>\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n\n"],"version":3}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AfFooterLink extends Components.AfFooterLink, HTMLElement {}
+export const AfFooterLink: {
+    prototype: AfFooterLink;
+    new (): AfFooterLink;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/af-footer-link.js

@@ -0,0 +1,44 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-Dt4Fpr3O.js';
+
+const afFooterLinkCss = ".sc-af-footer-link-h{display:contents}li.sc-af-footer-link{margin:0;list-style:none}.footer-link.sc-af-footer-link{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);text-decoration:none;transition:color 0.2s ease;display:inline-flex;align-items:center;gap:6px}.footer-link.sc-af-footer-link:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1)}.footer-link__external-icon.sc-af-footer-link{opacity:0.7;flex-shrink:0}";
+
+const AfFooterLink$1 = /*@__PURE__*/ proxyCustomElement(class AfFooterLink extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /** Link URL */
+        this.href = '#';
+        /** Whether this is an external link (opens in new tab) */
+        this.external = false;
+    }
+    render() {
+        return (h(Host, { key: 'e6f7a589242a219d1b6378fd253972c760443500' }, h("li", { key: '335bfe5438a894bd61de90b79d3ab22d0fc89900' }, h("a", { key: 'f409bdcd2f5cc5ab98a3e63917c46406af0d5305', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, h("slot", { key: '8b511b8adf25e0a930186cc6276ffa4bebda0fc1' }), this.external && (h("svg", { key: '53a643543ad59dce128eec87b02d0397305522e2', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '0e20bfbaaaf254a98aca18375442a11c4d2719d3', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+    }
+    static get style() { return afFooterLinkCss; }
+}, [262, "af-footer-link", {
+        "href": [1],
+        "external": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-footer-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-footer-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfFooterLink$1);
+            }
+            break;
+    } });
+}
+
+const AfFooterLink = AfFooterLink$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfFooterLink, defineCustomElement };
+//# sourceMappingURL=af-footer-link.js.map
+
+//# sourceMappingURL=af-footer-link.js.map

package/dist/components/af-footer-link.js.map

@@ -0,0 +1 @@
+{"file":"af-footer-link.js","mappings":";;AAAA,MAAM,eAAe,GAAG,ifAAif;;MCY5fA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AANzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQU,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;;AAGlB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAuBlC;IArBC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,aAAa,EACnB,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC5C,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,SAAS,EAAA,EAEtD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACZ,IAAI,CAAC,QAAQ,KACZ,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,qFAAqF,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK,EAAA,gBAAA,EAAgB,OAAO,EAAiB,iBAAA,EAAA,OAAO,GAAE,CACnL,CACP,CACC,CACD,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfFooterLink","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-footer-link/af-footer-link.css?tag=af-footer-link&encapsulation=scoped","src/components/af-footer-link/af-footer-link.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\nli {\n  margin: 0;\n  list-style: none;\n}\n\n.footer-link {\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(198, 213, 209, 0.7);\n  text-decoration: none;\n  transition: color 0.2s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.footer-link:hover {\n  color: var(--colour-tints-mistGreen-200, #C6D5D1);\n}\n\n.footer-link__external-icon {\n  opacity: 0.7;\n  flex-shrink: 0;\n}\n\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Footer link component\n * Styled link for use in footer navigation columns\n */\n@Component({\n  tag: 'af-footer-link',\n  styleUrl: 'af-footer-link.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfFooterLink {\n  /** Link URL */\n  @Prop() href: string = '#';\n\n  /** Whether this is an external link (opens in new tab) */\n  @Prop() external: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <li>\n          <a \n            href={this.href} \n            class=\"footer-link\"\n            target={this.external ? '_blank' : undefined}\n            rel={this.external ? 'noopener noreferrer' : undefined}\n          >\n            <slot></slot>\n            {this.external && (\n              <svg class=\"footer-link__external-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                <path d=\"M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n            )}\n          </a>\n        </li>\n      </Host>\n    );\n  }\n}\n\n"],"version":3}