@affinda/wc 0.6.1 → 0.7.0

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

@@ -0,0 +1,118 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Minimal footer for client proposal documents.
+ *
+ * Displays the Affinda logo mark alongside proposal metadata text.
+ * Designed for standalone HTML documents and print-friendly layouts.
+ *
+ * @example
+ * ```html
+ * <af-proposal-footer
+ *   client-name="Land Services SA"
+ *   date="May 2026"
+ *   confidential
+ * ></af-proposal-footer>
+ * ```
+ */
+export class AfProposalFooter {
+    constructor() {
+        /** Client name displayed in the footer text. */
+        this.clientName = '';
+        /** Date string (e.g. "May 2026"). */
+        this.date = '';
+        /** Whether to show "Confidential" suffix. */
+        this.confidential = true;
+    }
+    buildFooterText() {
+        const parts = [];
+        if (this.clientName) {
+            parts.push(`Proposal for ${this.clientName}`);
+        }
+        if (this.date) {
+            parts.push(this.date);
+        }
+        if (this.confidential) {
+            parts.push('Confidential');
+        }
+        return parts.join(' · ');
+    }
+    render() {
+        return (h(Host, { key: '319adab3e4ec43ada7ac3ad9bb349554acdc1019' }, h("footer", { key: '17df861c7eb6b4bfd10ca485418c743a063d5b42', class: "proposal-footer" }, h("div", { key: '31ad1e5fc54063342abd0b127883ce07b9bb1f4a', class: "proposal-footer__logo" }, h("af-logo-mark", { key: '115c7b5d17ec3a716143fce2771568c122b58eaf', width: "40", height: "26" })), h("div", { key: '036e5b0d1e2a6e5a5816410ec702721551076910', class: "proposal-footer__text" }, this.buildFooterText()))));
+    }
+    static get is() { return "af-proposal-footer"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-proposal-footer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-proposal-footer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "clientName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client name displayed in the footer text."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "client-name",
+                "defaultValue": "''"
+            },
+            "date": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Date string (e.g. \"May 2026\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "date",
+                "defaultValue": "''"
+            },
+            "confidential": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to show \"Confidential\" suffix."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "confidential",
+                "defaultValue": "true"
+            }
+        };
+    }
+}

package/dist/collection/components/af-proposal-header/af-proposal-header.css

@@ -0,0 +1,131 @@
+.proposal-header {
+  position: relative;
+  background-color: var(--colour-brand-inkwell, #14343b);
+  color: var(--colour-text-on-inkwell, #ffffff);
+  padding: 80px 48px;
+  overflow: hidden;
+  min-height: 400px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+@media (max-width: 768px) {
+  .proposal-header {
+    padding: 48px 24px;
+    min-height: 320px;
+  }
+}
+
+.proposal-header__paperclip {
+  position: absolute;
+  top: 50%;
+  right: -10%;
+  transform: translateY(-50%);
+  width: 70%;
+  max-width: 800px;
+  height: 100%;
+  pointer-events: none;
+  opacity: 1;
+}
+
+@media (max-width: 768px) {
+  .proposal-header__paperclip {
+    right: -30%;
+    width: 100%;
+  }
+}
+
+.proposal-header__content {
+  position: relative;
+  z-index: 1;
+  max-width: 800px;
+}
+
+.proposal-header__brandmark {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 32px;
+}
+
+.proposal-header__logo {
+  height: 24px;
+  width: auto;
+  color: currentColor;
+}
+
+.proposal-header__divider {
+  width: 1px;
+  height: 20px;
+  background-color: currentColor;
+  opacity: 0.4;
+}
+
+.proposal-header__team {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-size: 14px;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  opacity: 0.8;
+}
+
+.proposal-header__title {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-size: clamp(32px, 5vw, 56px);
+  font-weight: 700;
+  line-height: 1.1;
+  margin: 0 0 24px 0;
+}
+
+.proposal-header__accent {
+  color: var(--colour-brand-ice, #a6fffb);
+  font-weight: 400;
+}
+
+.proposal-header__subtitle {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-size: clamp(16px, 2vw, 20px);
+  font-weight: 400;
+  line-height: 1.5;
+  margin: 0 0 40px 0;
+  opacity: 0.9;
+  max-width: 600px;
+}
+
+.proposal-header__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 32px 48px;
+  padding-top: 24px;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+@media (max-width: 640px) {
+  .proposal-header__meta {
+    flex-direction: column;
+    gap: 20px;
+  }
+}
+
+.proposal-header__meta-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.proposal-header__meta-label {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-size: 12px;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  opacity: 0.6;
+}
+
+.proposal-header__meta-value {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-size: 14px;
+  font-weight: 500;
+}

package/dist/collection/components/af-proposal-header/af-proposal-header.js

@@ -0,0 +1,178 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Full-width hero header for client proposal documents.
+ *
+ * Renders an inkwell-themed header with the Affinda brandmark, client title,
+ * subtitle, and meta information (prepared for/by, date). Includes a decorative
+ * paperclip watermark in the background.
+ *
+ * Designed to work in standalone HTML documents outside the Astro marketing site.
+ *
+ * @example
+ * ```html
+ * <af-proposal-header
+ *   team="Value Creation"
+ *   client-name="Land Services SA"
+ *   subtitle="Three ways we can work together to grow margin..."
+ *   prepared-for="Land Services SA executive team"
+ *   prepared-by="Affinda, Value Creation & AI Solutions"
+ *   date="May 2026"
+ * ></af-proposal-header>
+ * ```
+ */
+export class AfProposalHeader {
+    constructor() {
+        /** Team or division name shown beside the logo (e.g. "Value Creation"). */
+        this.team = 'Value Creation';
+        /** Client name displayed in the title as "{clientName} × Affinda". */
+        this.clientName = '';
+        /** Supporting description or tagline below the title. */
+        this.subtitle = '';
+        /** Who the proposal is prepared for (e.g. "Land Services SA executive team"). */
+        this.preparedFor = '';
+        /** Author attribution (defaults to Affinda Value Creation team). */
+        this.preparedBy = 'Affinda, Value Creation & AI Solutions';
+        /** Date string (e.g. "May 2026"). */
+        this.date = '';
+    }
+    render() {
+        const hasMetaItems = this.preparedFor || this.preparedBy || this.date;
+        return (h(Host, { key: '1d37b9cc0d23083c98dce2c0e05e9536a07b4ea5' }, h("header", { key: '38b6742fa6ccdd7199188c3e9013c03881094666', class: "proposal-header" }, h("div", { key: 'b0bc211db5c32a2dbc5cb210a79bcedaebc2527a', class: "proposal-header__paperclip", "aria-hidden": "true" }, h("af-paperclip-decoration", { key: '76b1e9e3c066bea30087069f3b23dd382b547247', width: "100%", height: "100%", opacity: 0.06, fill: "white" })), h("div", { key: '0443d2d72548491bc6647645531511d0a7f146d6', class: "proposal-header__content" }, h("div", { key: 'a965b37bda40d1f3d0d706d0efe8cb6bfe84031f', class: "proposal-header__brandmark" }, h("af-logo", { key: 'c8394c7f0958f4965b0a2d2b70142e2cf36ce43e', class: "proposal-header__logo" }), h("span", { key: '80b4ca6bf7e1c5fbd1a39bbc920174cf1365ac86', class: "proposal-header__divider" }), h("span", { key: '688d501e9cf77a80c9a300c4c87b297990d88204', class: "proposal-header__team" }, this.team)), h("h1", { key: '73e638574ef72a5d08eb236f064a64d9e57c7b97', class: "proposal-header__title" }, this.clientName, " ", h("span", { key: '05f71f3e4617679349c3fdbdb93ed49e00fac3ae', class: "proposal-header__accent" }, "\u00D7"), " Affinda"), this.subtitle && (h("p", { key: '524aa5433c0b40909ad891412f59ccf2ece902cb', class: "proposal-header__subtitle" }, this.subtitle)), hasMetaItems && (h("div", { key: 'e525d1d651afc3807cd7140f94759933db5cb56d', class: "proposal-header__meta" }, this.preparedFor && (h("div", { key: 'facf41f1a8f3dd9209a674f7e59ffc751cb04a22', class: "proposal-header__meta-item" }, h("div", { key: 'c9a9fe6d511e12bccac6e6798558e21f5d6c3f66', class: "proposal-header__meta-label" }, "Prepared for"), h("div", { key: '1d7c6e50c29362dd93ef516bf489946507ef470f', class: "proposal-header__meta-value" }, this.preparedFor))), this.preparedBy && (h("div", { key: '50117c160e17979dd9aeb3a33aed0b3836f1a3f9', class: "proposal-header__meta-item" }, h("div", { key: '5f477a93ad03b436cbb8e633dd5039a5064bc996', class: "proposal-header__meta-label" }, "Prepared by"), h("div", { key: '2df6b472cb1c6be6803f78462690b8a544fbeb16', class: "proposal-header__meta-value" }, this.preparedBy))), this.date && (h("div", { key: '86871a9a4f664d2b58002b61388fc99b40cd0a4e', class: "proposal-header__meta-item" }, h("div", { key: '4d6a6e8db15a7da9a3dcd0ffb5b2ceb606789778', class: "proposal-header__meta-label" }, "Date"), h("div", { key: '6af9d33f2f0aff0795167b5cdbdadbb6da1fa65b', class: "proposal-header__meta-value" }, this.date)))))))));
+    }
+    static get is() { return "af-proposal-header"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-proposal-header.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-proposal-header.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "team": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Team or division name shown beside the logo (e.g. \"Value Creation\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "team",
+                "defaultValue": "'Value Creation'"
+            },
+            "clientName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client name displayed in the title as \"{clientName} \u00D7 Affinda\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "client-name",
+                "defaultValue": "''"
+            },
+            "subtitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Supporting description or tagline below the title."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "subtitle",
+                "defaultValue": "''"
+            },
+            "preparedFor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Who the proposal is prepared for (e.g. \"Land Services SA executive team\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "prepared-for",
+                "defaultValue": "''"
+            },
+            "preparedBy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Author attribution (defaults to Affinda Value Creation team)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "prepared-by",
+                "defaultValue": "'Affinda, Value Creation & AI Solutions'"
+            },
+            "date": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Date string (e.g. \"May 2026\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "date",
+                "defaultValue": "''"
+            }
+        };
+    }
+}

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

@@ -157,4 +157,3 @@ export class AfRadio {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=af-radio.js.map

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

@@ -104,6 +104,17 @@
   --af-form-control-stroke-disabled: var(--colour-mistgreen-500, #d0d6d8);
   --af-form-control-icon: var(--colour-brand-white, #ffffff);
   --af-form-control-label: var(--colour-brand-inkwell, #14343b);
+  
+  /* Timeline tokens */
+  --af-timeline-planned: var(--colour-inkwell-100, #d0d6d8);
+  --af-timeline-active: var(--colour-brand-mist-green, #c6d5d1);
+  --af-timeline-complete: var(--colour-tints-mist-green-600, #b2c0bc);
+  --af-timeline-axis: var(--colour-inkwell-200, #a1aeb1);
+  --af-timeline-today: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-today-text: var(--colour-brand-white, #ffffff);
+  --af-timeline-target: var(--colour-brand-ice, #a6fffb);
+  --af-timeline-target-text: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-label: var(--colour-brand-inkwell, #14343b);
 }
 
 /* ==========================================================================
@@ -178,6 +189,19 @@
   --af-form-control-stroke-disabled: var(--colour-inkwell-400, #2b484f);
   --af-form-control-icon: var(--colour-brand-inkwell, #14343b);
   --af-form-control-label: var(--colour-brand-white, #ffffff);
+  
+  /* Timeline tokens - inkwell tints starting darker for contrast */
+  --af-timeline-planned: var(--colour-inkwell-200, #a1aeb1);
+  --af-timeline-active: var(--colour-inkwell-300, #728589);
+  --af-timeline-complete: var(--colour-inkwell-350, #60767b);
+  --af-timeline-axis: var(--colour-inkwell-350, #60767b);
+  --af-timeline-today: var(--colour-brand-white, #ffffff);
+  --af-timeline-today-text: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-target: var(--colour-brand-ice, #a6fffb);
+  --af-timeline-target-text: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-label: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-tooltip-bg: var(--colour-brand-white, #ffffff);
+  --af-timeline-tooltip-text: var(--colour-brand-inkwell, #14343b);
 }
 
 /* ==========================================================================
@@ -252,6 +276,17 @@
   --af-form-control-stroke-disabled: var(--colour-mistgreen-600, #b2c0bc);
   --af-form-control-icon: var(--colour-brand-white, #ffffff);
   --af-form-control-label: var(--colour-brand-inkwell, #14343b);
+  
+  /* Timeline tokens - use inkwell/soft-clay for contrast against mist-green bg */
+  --af-timeline-planned: var(--colour-tints-soft-clay-300, #d0c0a9);
+  --af-timeline-active: var(--colour-tints-soft-clay-400, #c0ab8d);
+  --af-timeline-complete: var(--colour-tints-soft-clay-500, #b09670);
+  --af-timeline-axis: var(--colour-tints-mist-green-700, #9eaaa7);
+  --af-timeline-today: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-today-text: var(--colour-brand-white, #ffffff);
+  --af-timeline-target: var(--colour-brand-ice, #a6fffb);
+  --af-timeline-target-text: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-label: var(--colour-brand-inkwell, #14343b);
 }
 
 /* ==========================================================================
@@ -326,6 +361,17 @@
   --af-form-control-stroke-disabled: var(--colour-softclay-600, #9e8765);
   --af-form-control-icon: var(--colour-brand-white, #ffffff);
   --af-form-control-label: var(--colour-brand-inkwell, #14343b);
+  
+  /* Timeline tokens - use mist-green for contrast against soft-clay bg */
+  --af-timeline-planned: var(--colour-tints-mist-green-300, #dde6e3);
+  --af-timeline-active: var(--colour-tints-mist-green-400, #d1ddda);
+  --af-timeline-complete: var(--colour-tints-mist-green-500, #c6d5d1);
+  --af-timeline-axis: var(--colour-tints-soft-clay-600, #9e8765);
+  --af-timeline-today: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-today-text: var(--colour-brand-white, #ffffff);
+  --af-timeline-target: var(--colour-brand-ice, #a6fffb);
+  --af-timeline-target-text: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-label: var(--colour-brand-inkwell, #14343b);
 }
 
 /* ==========================================================================
@@ -400,6 +446,17 @@
   --af-form-control-stroke-disabled: var(--colour-ivory-300, #ffe9b8);
   --af-form-control-icon: var(--colour-brand-white, #ffffff);
   --af-form-control-label: var(--colour-brand-inkwell, #14343b);
+  
+  /* Timeline tokens */
+  --af-timeline-planned: var(--colour-tints-soft-clay-100, #efeae2);
+  --af-timeline-active: var(--colour-brand-mist-green, #c6d5d1);
+  --af-timeline-complete: var(--colour-tints-mist-green-600, #b2c0bc);
+  --af-timeline-axis: var(--colour-tints-soft-clay-200, #dfd5c6);
+  --af-timeline-today: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-today-text: var(--colour-brand-white, #ffffff);
+  --af-timeline-target: var(--colour-brand-ice, #a6fffb);
+  --af-timeline-target-text: var(--colour-brand-inkwell, #14343b);
+  --af-timeline-label: var(--colour-brand-inkwell, #14343b);
 }
 
 /* Mobile adjustments */

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

@@ -13,8 +13,8 @@ export class AfSection {
         this.container = true;
     }
     render() {
-        const content = h("slot", { key: 'fd7304dd713f0cbad475910d56fd9e2622068fad' });
-        return (h(Host, { key: 'f1758977b8ce080e03631629507f33759d1696d9' }, h("div", { key: 'af0fd30917df8a59cf7d441e9346ed643672aaec', class: `section padding-${this.padding} theme-${this.theme}` }, this.container ? (h("af-container", null, content)) : content)));
+        const content = h("slot", { key: 'eb03927d10ef42f3a407b08bdb8d7eb103904aa5' });
+        return (h(Host, { key: '086905f3c93c282b90fdc89b86bbbfd3fdf897ca' }, h("div", { key: '9be748f8ebc3885531049ec77bbbed52dbc758e5', class: `section padding-${this.padding} theme-${this.theme}` }, this.container ? (h("af-container", null, content)) : content)));
     }
     static get is() { return "af-section"; }
     static get encapsulation() { return "scoped"; }
@@ -40,7 +40,8 @@ export class AfSection {
                         "Padding": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Padding"
+                            "id": "src/types.ts::Padding",
+                            "referenceLocation": "Padding"
                         }
                     }
                 },
@@ -66,7 +67,8 @@ export class AfSection {
                         "Theme": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Theme"
+                            "id": "src/types.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -105,4 +107,3 @@ export class AfSection {
         };
     }
 }
-//# sourceMappingURL=af-section.js.map

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

@@ -18,7 +18,7 @@ export class AfShow {
             [`show-above-${this.above}`]: !!this.above,
             [`show-below-${this.below}`]: !!this.below,
         };
-        return (h(Host, { key: '42763e1aa4b245a42a4319ee3db31277b1bbca79', class: classes }, h("slot", { key: '0f88b298410118de3a3963b30d48b24c180f6a86' })));
+        return (h(Host, { key: '3c05fb6738a1794225658380a05dd59bc6da7b18', class: classes }, h("slot", { key: '857af79ec67bb7c93c1aa75e66266e6b1f647c9e' })));
     }
     static get is() { return "af-show"; }
     static get encapsulation() { return "shadow"; }
@@ -85,4 +85,3 @@ export class AfShow {
         };
     }
 }
-//# sourceMappingURL=af-show.js.map

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

@@ -15,7 +15,7 @@ export class AfSocialLink {
     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" })));
+                return (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" }), h("path", { d: "M8 11v5" }), h("path", { d: "M8 8v.01" }), h("path", { d: "M12 16v-5" }), h("path", { d: "M16 16v-3a2 2 0 0 0-4 0" })));
             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':
@@ -29,7 +29,7 @@ export class AfSocialLink {
         }
     }
     render() {
-        return (h(Host, { key: 'ae4db8c4baeea96b707faf5581c5e5970019fad6' }, h("a", { key: '53e90930c51f30fa0ec74773234b06e3c2e06d6c', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
+        return (h(Host, { key: 'b532d73d6dd2bc382840371b9173ef244a121b10' }, h("a", { key: 'cde26e6cb747868b244631bb238e2e96e60e175a', 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"; }
@@ -108,4 +108,3 @@ export class AfSocialLink {
         };
     }
 }
-//# sourceMappingURL=af-social-link.js.map

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

@@ -34,7 +34,7 @@ export class AfSpacer {
                 style.height = sizeValue;
             }
         }
-        return h(Host, { key: '0ffa6692a18f469b5fe09385e268b1a43f5fdbe9', style: style, "aria-hidden": "true" });
+        return h(Host, { key: 'bee20a0371e996d61da088d4beaf284aedda994b', style: style, "aria-hidden": "true" });
     }
     static get is() { return "af-spacer"; }
     static get encapsulation() { return "shadow"; }
@@ -117,4 +117,3 @@ export class AfSpacer {
         };
     }
 }
-//# sourceMappingURL=af-spacer.js.map

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

@@ -26,14 +26,14 @@ export class AfSplitSection {
         this.container = true;
     }
     render() {
-        const content = h("slot", { key: '25574554f5f24e11488e1b94842229b7b87b3ffe' });
+        const content = h("slot", { key: '38c2f43d75bcf0a4b06626ad6618d2bc3ea2afaf' });
         // Create the split background using CSS gradient
         const topColor = themeColors[this.topTheme];
         const bottomColor = themeColors[this.bottomTheme];
         const backgroundStyle = {
             background: `linear-gradient(to bottom, ${topColor} 0%, ${topColor} 50%, ${bottomColor} 50%, ${bottomColor} 100%)`
         };
-        return (h(Host, { key: '5745d7d5c8b238a4959a53f820498bf348b1c668' }, h("div", { key: 'a2b8760b663800015b120c2ad82b004bced9882f', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (h("af-container", null, content)) : content)));
+        return (h(Host, { key: '563840e7c887275f03c4aa414bd39cc936059a5f' }, h("div", { key: 'da940ce33cf7480007761aa631674e80cb4c3651', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (h("af-container", null, content)) : content)));
     }
     static get is() { return "af-split-section"; }
     static get encapsulation() { return "scoped"; }
@@ -59,7 +59,8 @@ export class AfSplitSection {
                         "Theme": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Theme"
+                            "id": "src/types.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -85,7 +86,8 @@ export class AfSplitSection {
                         "Theme": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Theme"
+                            "id": "src/types.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -111,7 +113,8 @@ export class AfSplitSection {
                         "Padding": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Padding"
+                            "id": "src/types.ts::Padding",
+                            "referenceLocation": "Padding"
                         }
                     }
                 },
@@ -150,4 +153,3 @@ export class AfSplitSection {
         };
     }
 }
-//# sourceMappingURL=af-split-section.js.map