@affinda/wc 0.4.1 → 0.4.2

package/dist/components/af-nav-accordion-item.js

@@ -85,11 +85,11 @@ const AfNavAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class AfNavAccordi
         // sub-content to expand. A plain href item with no children is a
         // direct link and shouldn't show a disclosure affordance.
         const hasDropdownContent = this.hasContent;
-        return (h(Host, { key: '514c8d8a02712f76eb9de767f6ab5c171f7cba8a', class: {
+        return (h(Host, { key: '4027092e406bd448da8d84941b626a5416d7974f', class: {
                 'is-open': this.open,
                 'is-disabled': this.disabled,
                 [`breakpoint-${this.breakpoint}`]: true
-            } }, h("div", { key: 'c8e9e4d3cea27fe1ecdcb629f1525c1e3fb8c02a', class: "nav-accordion-item" }, this.href ? (h("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))) : (h("button", { class: "trigger", onClick: this.handleTriggerClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '4da5b93689a0dac535dca6233b3c9d2218d333c1', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, h("div", { key: '103be83255e80feef963f95566cb22c0ab4bb338', class: "content", ref: (el) => (this.contentRef = el) }, h("slot", { key: '2f48b5257f7fdcaf30635dc178ff452cd4a176a0' }))))));
+            } }, h("div", { key: '5ed6f75516a8b2a82c9231568beef6b8d5257318', class: "nav-accordion-item" }, this.href ? (h("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))) : (h("button", { class: "trigger", onClick: this.handleTriggerClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '158bd9902b4f77655cccfb8571802fd4853abbcc', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, h("div", { key: 'a3a4a2214fb02312d2ed90772afc83f5799f01dc', class: "content", ref: (el) => (this.contentRef = el) }, h("slot", { key: '834d9fc168ca9e17bcfa2dc9cd117e51e331344e' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -73,7 +73,7 @@ const AfNavAccordion$1 = /*@__PURE__*/ proxyCustomElement(class AfNavAccordion e
         this.syncItems();
     }
     render() {
-        return (h(Host, { key: 'a0c6718b375af88cefb975e997d70a228d1fb9aa', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, h("div", { key: '63b1716e6b40f7d73c9609a030b03af55a5db714', class: "nav-accordion" }, h("slot", { key: '48bb056a8e8cf39a47b20b8c54abbc7266f75765' }))));
+        return (h(Host, { key: 'e60e0f40da03dce1a766a880f1f3649dd957b63e', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, h("div", { key: 'e80e79b012c3060a9fdfcec22af050eb5d063648', class: "nav-accordion" }, h("slot", { key: '234d41321e32046d3d439a93a544c0325b0a02a8' }))));
     }
     get el() { return this; }
     static get style() { return afNavAccordionCss; }

package/dist/components/af-nav-menu-nest.js

@@ -36,7 +36,7 @@ const AfNavMenuNest$1 = /*@__PURE__*/ proxyCustomElement(class AfNavMenuNest ext
             [`type-${this.type}`]: true,
             [`breakpoint-${this.breakpoint}`]: true
         };
-        return (h(Host, { key: '799695a1e7e9edef21a1df1a2424d39dda307796' }, h("div", { key: '04d44b23ab48f4fa36d772b607a913bff03573d4', class: classes }, h("div", { key: '572aa555fff3429dd72c8623759d324cbc686aae', class: "menu-columns" }, h("slot", { key: '5e0f32b02a01b57a853921cafc583a05ec5ead38' })), h("div", { key: 'e043ec11d26b4bb7e1ded5d55ea20c99aa52301e', class: "menu-sidebar" }, h("slot", { key: '6f8efbba5940a73bc26086ef5329b25af2019368', name: "sidebar" })))));
+        return (h(Host, { key: '90fbee205d076ffd9884122101a2f337088d6cd6' }, h("div", { key: '49e9b2290833f5200119d2cac7d4381e74eddbec', class: classes }, h("div", { key: '148790bd4481d662149913a6b53e248c4ff49f95', class: "menu-columns" }, h("slot", { key: '7790aa268c060cc8253bab3dc08c9de0819eb39a' })), h("div", { key: '393ed046ddcd717e4d1dd8a2e9df0332f1612238', class: "menu-sidebar" }, h("slot", { key: 'cb61c9744b070aaf2bcbbbf2b402664e41e2866c', name: "sidebar" })))));
     }
     static get style() { return afNavMenuNestCss; }
 }, [262, "af-nav-menu-nest", {

package/dist/components/af-nav-menu.js

@@ -33,7 +33,7 @@ const AfNavMenu$1 = /*@__PURE__*/ proxyCustomElement(class AfNavMenu extends H {
             'has-border': this.showBorder,
             'card-style': this.cardStyle
         };
-        return (h(Host, { key: '98d8c217eb9e952d4feb3928c69cae1559621092' }, h("div", { key: '3185c320e6ce6cff4c2630fc7492bbb2b34ef838', class: classes }, this.heading && (h("div", { key: '207eeef13c68e3ff26dcf2bbeee20574c7fab481', class: "menu-header" }, h("h3", { key: 'a2c6e28d60b2aeb49b96e99c57c853493b415a4c', class: "menu-heading" }, this.heading))), h("div", { key: 'f133eea0ed320467cd4840820251d09e2d98f49f', class: "menu-items" }, h("slot", { key: '91b640df3dd990f556d394056683ddd9fd26d6c3' })))));
+        return (h(Host, { key: 'b77aa8f55e2148e3a21dea9009ccc9f345ad5da1' }, h("div", { key: '0ef8c2202f6ba4925bf16a2e448dec67f65b1bd6', class: classes }, this.heading && (h("div", { key: '6164df7a1a6efe8afb57860d20175fa5ecabf39c', class: "menu-header" }, h("h3", { key: 'a517c7e3039424974c111dc8bf085b9bb57ce833', class: "menu-heading" }, this.heading))), h("div", { key: '18389d1f29886f2d832744bf1cadc449c8e96948', class: "menu-items" }, h("slot", { key: '40c5ffc54a5c1eedd8e07fbecd040070f1b16d97' })))));
     }
     static get style() { return afNavMenuCss; }
 }, [262, "af-nav-menu", {

package/dist/components/af-navbar.js

@@ -1,4 +1,4 @@
-import { A as AfNavbar$1, d as defineCustomElement$1 } from './p-1ol-T8nk.js';
+import { A as AfNavbar$1, d as defineCustomElement$1 } from './p-CZdcAZe_.js';
 
 const AfNavbar = AfNavbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-number-badge.js

@@ -1,4 +1,4 @@
-import { A as AfNumberBadge$1, d as defineCustomElement$1 } from './p-DYZT-0xm.js';
+import { A as AfNumberBadge$1, d as defineCustomElement$1 } from './p-B_32JVKl.js';
 
 const AfNumberBadge = AfNumberBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-numbered-stepper-item.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-CiY0Twna.js';
-import { d as defineCustomElement$3 } from './p-DYZT-0xm.js';
-import { d as defineCustomElement$2 } from './p-CTDelwMf.js';
+import { d as defineCustomElement$3 } from './p-B_32JVKl.js';
+import { d as defineCustomElement$2 } from './p-CUmn76Kf.js';
 
 const afNumberedStepperItemCss = ".sc-af-numbered-stepper-item-h{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--space-6, 24px);min-width:0;color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B))}.numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{position:relative;display:flex;justify-content:center;width:100%;margin-bottom:var(--space-6, 24px)}.numbered-stepper-item__badge.sc-af-numbered-stepper-item{position:relative;z-index:1}.numbered-stepper-item__connector.sc-af-numbered-stepper-item{position:absolute;left:calc(50% + 20px);right:calc(-50% + 20px);top:50%;height:1px;background:var(--colour-brand-soft-clay, #B09670)}.sc-af-numbered-stepper-item-h:last-child .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper-item__lockup.sc-af-numbered-stepper-item{display:block;max-width:320px}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0;align-self:stretch;justify-content:flex-start;align-items:flex-start}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{left:50%;right:auto;top:calc(var(--space-10, 40px) + var(--space-1, 4px));bottom:calc(var(--space-8, 32px) * -1);height:auto;width:1px;transform:translateX(-50%)}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}}";
 
@@ -19,7 +19,7 @@ const AfNumberedStepperItem$1 = /*@__PURE__*/ proxyCustomElement(class AfNumbere
     render() {
         // The badge supports 1–10; clamp for safety so we never pass a bad prop.
         const clamped = Math.max(1, Math.min(10, this.index | 0));
-        return (h(Host, { key: '6aa07b74803b11d666b724fe2c96149860c58810', role: "listitem" }, h("div", { key: 'ddf3ea9200c5015dbefb53a2dc77ade6f634e24e', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, h("af-number-badge", { key: 'b778abffa4a41bbea6728920c61e1f2d2155662a', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), h("span", { key: 'e3f74fb9b1bc4fe999095878bdbe10f47694f8d8', class: "numbered-stepper-item__connector" })), h("af-typography-lockup", { key: '6f4688fc503175db37d5a91fa626b43692e4858a', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, h("slot", { key: 'd628fb339348c23c988e4fb69bc647105d7041f6', name: "heading" }), h("span", { key: 'a5b58d21e44537de9c32b22a754e0f4a8ef96007', slot: "description" }, h("slot", { key: '17607c180f777c5f829ea9d9919c5a7187718f2d', name: "body" })))));
+        return (h(Host, { key: 'f703f0459299a2a7f9bec41634fb9c71749aebdb', role: "listitem" }, h("div", { key: '635c36a16c67735dd241228fb44b3dda152bc9d9', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, h("af-number-badge", { key: 'ce495f0f0f17ea196a0ba0032c4e897fb027b2ad', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), h("span", { key: '5158ca703611b55d28bb34b445f68fa462b582cf', class: "numbered-stepper-item__connector" })), h("af-typography-lockup", { key: '591e3622a0cd4132a13ea7b0c87e368954ce287c', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, h("slot", { key: '0b8ada7fb0b6bd5bb29eb8f1fffa07eb79984b3f', name: "heading" }), h("span", { key: '83813e92ed8e70dbaf507db4fb306e0d69cf5d51', slot: "description" }, h("slot", { key: 'a676610379b5f948d65acad4f8c4adeecf5c81a1', name: "body" })))));
     }
     static get style() { return afNumberedStepperItemCss; }
 }, [262, "af-numbered-stepper-item", {

package/dist/components/af-numbered-stepper.js

@@ -27,7 +27,7 @@ const AfNumberedStepper$1 = /*@__PURE__*/ proxyCustomElement(class AfNumberedSte
         });
     }
     render() {
-        return (h(Host, { key: 'a1df62f85981a64331d4b641074eaa54db04fef8', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, h("slot", { key: '2c1fbae6a474c883ce7eef49b79610882b401464' })));
+        return (h(Host, { key: '018229242bb7fbcd74c312683b4a6ce4e7337894', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, h("slot", { key: '3fae9bbb5bc403d2f55bd4076c1794163e9631e2' })));
     }
     get el() { return this; }
     static get style() { return afNumberedStepperCss; }

package/dist/components/af-paperclip-decoration.js

@@ -32,7 +32,7 @@ const AfPaperclipDecoration$1 = /*@__PURE__*/ proxyCustomElement(class AfPapercl
         this.fill = 'white';
     }
     render() {
-        return (h(Host, { key: 'd6dbabf8f5f23ba6d590edc88d603ac67c677404' }, h("svg", { key: 'c32dce895897561ed17814fd298ced3b5f89ac62', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, h("path", { key: '21db7944de968d0f8d96bdcf9cf3cc6ecdd49013', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
+        return (h(Host, { key: '4236fa1de1c1847b0665c79341000bfb63ab4509' }, h("svg", { key: '6c11c85851c7e6e11d625dac2eb546bb9a0405dc', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, h("path", { key: 'ab2f7bcda82bd715dcf336abb1e191badd1f624a', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
     }
     static get style() { return afPaperclipDecorationCss; }
 }, [257, "af-paperclip-decoration", {

package/dist/components/af-progress-line.js

@@ -1,4 +1,4 @@
-import { A as AfProgressLine$1, d as defineCustomElement$1 } from './p-uvbCz67Q.js';
+import { A as AfProgressLine$1, d as defineCustomElement$1 } from './p-Dye7hRk7.js';
 
 const AfProgressLine = AfProgressLine$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-radio.js

@@ -1,4 +1,4 @@
-import { A as AfRadio$1, d as defineCustomElement$1 } from './p-D44TKuX4.js';
+import { A as AfRadio$1, d as defineCustomElement$1 } from './p-CJU2A9Ab.js';
 
 const AfRadio = AfRadio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-section.js

@@ -1,4 +1,4 @@
-import { A as AfSection$1, d as defineCustomElement$1 } from './p-DjjPGV3a.js';
+import { A as AfSection$1, d as defineCustomElement$1 } from './p-DdH3uwBx.js';
 
 const AfSection = AfSection$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-show.js

@@ -16,7 +16,7 @@ const AfShow$1 = /*@__PURE__*/ proxyCustomElement(class AfShow extends H {
             [`show-above-${this.above}`]: !!this.above,
             [`show-below-${this.below}`]: !!this.below,
         };
-        return (h(Host, { key: '80b73e3f33b7768227e77be1eb3337b592fc6724', class: classes }, h("slot", { key: '5f01244cc811877e0246b13983dad215bb0c3af0' })));
+        return (h(Host, { key: '5fcd914caa419668e4783e20fd427d25af19f769', class: classes }, h("slot", { key: '8e2d9c0e1df36a0e49c65956241d24ffb956bf96' })));
     }
     static get style() { return afShowCss; }
 }, [257, "af-show", {

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

@@ -32,7 +32,7 @@ const AfSocialLink$1 = /*@__PURE__*/ proxyCustomElement(class AfSocialLink exten
         }
     }
     render() {
-        return (h(Host, { key: 'e80a4427592546a5c5155d23108840ec2e34ecd3' }, h("a", { key: 'd734009513a61339c2a64906f8e74a22efc290b5', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
+        return (h(Host, { key: 'fe837fca1e27062dd707f9b5e58e5ce6d9c95cf8' }, h("a", { key: '78dde128f42950f3c1a51770c0a431ad16df03fb', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
     }
     static get style() { return afSocialLinkCss; }
 }, [262, "af-social-link", {

package/dist/components/af-spacer.js

@@ -38,7 +38,7 @@ const AfSpacer$1 = /*@__PURE__*/ proxyCustomElement(class AfSpacer extends H {
                 style.height = sizeValue;
             }
         }
-        return h(Host, { key: '2058a8599ce5dbf5dd3a2b9d973de30815058a3b', style: style, "aria-hidden": "true" });
+        return h(Host, { key: 'babcc0cce83253929d43a83856149296b0ea880b', style: style, "aria-hidden": "true" });
     }
     static get style() { return afSpacerCss; }
 }, [257, "af-spacer", {

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

@@ -27,14 +27,14 @@ const AfSplitSection$1 = /*@__PURE__*/ proxyCustomElement(class AfSplitSection e
         this.container = true;
     }
     render() {
-        const content = h("slot", { key: 'c87789ab65b2406b2eefc66dec06800dfc0d26de' });
+        const content = h("slot", { key: 'e56b2c06d21917dc745f308867026b2898a08ddf' });
         // 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: '194e34213dc52bb9e41f121873a983ba32eb27c9' }, h("div", { key: 'c987cd1f760d33e7cb7f8c150d7de151bd5a06bd', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (h("af-container", null, content)) : content)));
+        return (h(Host, { key: 'f1f5610bc3789c1038efc9c82a22f9e1c400ed36' }, h("div", { key: 'ed7dd397f532c9daa67588edfd1861979859a70c', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (h("af-container", null, content)) : content)));
     }
     static get style() { return afSplitSectionCss; }
 }, [262, "af-split-section", {

package/dist/components/af-stack.js

@@ -57,7 +57,7 @@ const AfStack$1 = /*@__PURE__*/ proxyCustomElement(class AfStack extends H {
             justifyContent: justifyMap[this.justify],
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (h(Host, { key: 'c851a39e7fc6c8a256c341a67bcac60ecbdb63b8', style: style }, h("slot", { key: 'a0e45727aacbbb4a0fe2d9396120bbae94cc3a46' })));
+        return (h(Host, { key: '2be027b85f3b9167ec237f8b046d41c68e92eaea', style: style }, h("slot", { key: 'df553b2b049139b4dbbb8b8794098dec439d3642' })));
     }
     static get style() { return afStackCss; }
 }, [257, "af-stack", {

package/dist/components/af-stat.js

@@ -13,7 +13,7 @@ const AfStat$1 = /*@__PURE__*/ proxyCustomElement(class AfStat extends H {
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '8ad0756b599ad60c0761bf4dfc7f40df26fd302e' }, h("div", { key: '839b8e6e4e20a87061db4cc9e1a595d9722ec306', class: "stat" }, h("af-heading", { key: 'eaf23a804729cd381184d2a290fe7af4682166cc', level: "2", class: "stat__value" }, this.value), h("af-text", { key: '67893f26ba74118ab99329771dd5db211d3cfc56', variant: "medium", class: "stat__label" }, this.label))));
+        return (h(Host, { key: '7aa910b1138ba826e4b9b6e9b829cde4e512ebfe' }, h("div", { key: '0b8301efd14d2e4275f508b4a3b21bb7130c5308', class: "stat" }, h("af-heading", { key: '4ed345a252ef232354b03ed2e393f943aa7d6d2f', level: "2", class: "stat__value" }, this.value), h("af-text", { key: 'ea32cadc8a0b216d1bd0929e8b68d8c19121690b', variant: "medium", class: "stat__label" }, this.label))));
     }
     static get style() { return afStatCss; }
 }, [257, "af-stat", {

package/dist/components/af-stats-row.js

@@ -10,7 +10,7 @@ const AfStatsRow$1 = /*@__PURE__*/ proxyCustomElement(class AfStatsRow extends H
         }
     }
     render() {
-        return (h(Host, { key: '1185dc84bcb132d6b4727e75f050e1441ff1bc5d' }, h("div", { key: '3d2671840ea84d06b37d4828387a2da2c8d7c85b', class: "stats-row" }, h("slot", { key: '192d3629812be1a1d3939ad8c37dd1fd1c5b7fa7' }))));
+        return (h(Host, { key: 'b2bdf61d7367064cabbb1f802436f57e056117ea' }, h("div", { key: '84f19a40ac81af985648a0863f90f9622bb06176', class: "stats-row" }, h("slot", { key: '605bda456df46717eecafdc7083c0b2e9b259fa0' }))));
     }
     static get style() { return afStatsRowCss; }
 }, [262, "af-stats-row"]);

package/dist/components/af-stepper-step.js

@@ -15,7 +15,7 @@ const AfStepperStep$1 = /*@__PURE__*/ proxyCustomElement(class AfStepperStep ext
         this.index = 1;
     }
     render() {
-        return (h(Host, { key: '80d8f05130125e97dc3158f66c31fa07c4133a77' }, h("span", { key: 'f39cbbdf710035e6f0dd6e6f40345316f23421a1', class: "stepper-step__badge" }, this.index), h("div", { key: 'dc6772b131b6b058b40367f93a41458e75fa6029', class: "stepper-step__content" }, h("div", { key: '8b9bd944a5a3f956d2311b02a5b07d5afc9835a8', class: "stepper-step__heading" }, h("slot", { key: 'e16e133764c32ee00e99a2963624b242f4e99b3e', name: "heading" })), h("div", { key: 'fd124afd080b392b03c9f193cb2a210224b7715e', class: "stepper-step__body" }, h("slot", { key: 'cf09b3c7f8551f35df808b41205ba4ec15d2e71f', name: "body" })))));
+        return (h(Host, { key: '7ea12be34ade3e4f2cd3b5453ec13f4b4e2dc613' }, h("span", { key: '4be517aa7d2f6e5cf998221d2823d1f6c06167de', class: "stepper-step__badge" }, this.index), h("div", { key: 'e13ccd376cf098378bf1ac13ecc61ce9a8aa9cd6', class: "stepper-step__content" }, h("div", { key: '9798d19d11031998955c9df2a09fda210c1c96ee', class: "stepper-step__heading" }, h("slot", { key: '1ecaba03758b8109fa2d861cfaa09e7e41873f7e', name: "heading" })), h("div", { key: '21efd7b8aa67137f72044c31f4719eac1802fea3', class: "stepper-step__body" }, h("slot", { key: '73a42fef64c764bf96513914d4a0912f51516832', name: "body" })))));
     }
     static get style() { return afStepperStepCss; }
 }, [262, "af-stepper-step", {

package/dist/components/af-stepper.js

@@ -25,7 +25,7 @@ const AfStepper$1 = /*@__PURE__*/ proxyCustomElement(class AfStepper extends H {
         });
     }
     render() {
-        return (h(Host, { key: '3f2ad37be78c6ff11fb60d09535e6bbd24dc04e1', class: `stepper stepper--${this.orientation}` }, h("div", { key: '6991c841716e24e95e75590dfeb1a9cb1ba1ea77', class: "stepper__connector", "aria-hidden": "true" }), h("slot", { key: '849622c3adb413d03114d1f498c504235a7f8e8a' })));
+        return (h(Host, { key: 'c0f67912f1725dcc8cce09bb7fc87ef2b61f0153', class: `stepper stepper--${this.orientation}` }, h("div", { key: '190ee10d7b204a387cda11019275018becb7700f', class: "stepper__connector", "aria-hidden": "true" }), h("slot", { key: 'af02da9d06b1b29850686f66e941403ac765e5d0' })));
     }
     get el() { return this; }
     static get style() { return afStepperCss; }

package/dist/components/af-switch.js

@@ -1,4 +1,4 @@
-import { A as AfSwitch$1, d as defineCustomElement$1 } from './p-C7gWqhJQ.js';
+import { A as AfSwitch$1, d as defineCustomElement$1 } from './p-BkTUo72F.js';
 
 const AfSwitch = AfSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-tab-bar.js

@@ -1,4 +1,4 @@
-import { A as AfTabBar$1, d as defineCustomElement$1 } from './p-C0enaaNi.js';
+import { A as AfTabBar$1, d as defineCustomElement$1 } from './p-DQF6qg3h.js';
 
 const AfTabBar = AfTabBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-tab.js

@@ -1,4 +1,4 @@
-import { A as AfTab$1, d as defineCustomElement$1 } from './p-Xy0_sffa.js';
+import { A as AfTab$1, d as defineCustomElement$1 } from './p-BsHk9vlU.js';
 
 const AfTab = AfTab$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-tag.js

@@ -1,4 +1,4 @@
-import { A as AfTag$1, d as defineCustomElement$1 } from './p-D6WBvdoZ.js';
+import { A as AfTag$1, d as defineCustomElement$1 } from './p-B4IVxpr4.js';
 
 const AfTag = AfTag$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-CiY0Twna.js';
-import { d as defineCustomElement$2 } from './p-uvbCz67Q.js';
+import { d as defineCustomElement$2 } from './p-Dye7hRk7.js';
 
 const afTestimonialCarouselCss = ".sc-af-testimonial-carousel-h{display:block;width:100%}.testimonial-carousel.sc-af-testimonial-carousel{position:relative;width:100%;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel{position:relative;width:100%;min-height:544px;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{position:absolute;top:0;left:0;width:100%;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}@media (prefers-reduced-motion: reduce){.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{transition:none}}.testimonial-progress.sc-af-testimonial-carousel{margin-top:32px;max-width:840px;margin-left:auto;margin-right:auto}";
 
@@ -94,7 +94,7 @@ const AfTestimonialCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimo
         return (this.currentIndex + 1) / this.testimonialCount;
     }
     render() {
-        return (h(Host, { key: 'a3dba3e3073b5a0009a68896c962269dec2ec580' }, h("div", { key: '21e3310b04dced5b58bf88ffbe773ad7ed3f56be', class: "testimonial-carousel" }, h("div", { key: '85fe5a7dc6b0dc55e7602c75b273492082b17ab5', class: "testimonial-slides" }, h("slot", { key: '6712252f49721d7d63b4e136ddff6f40a043cd4e' })), this.testimonialCount > 1 && (h("div", { key: '212be1b74d47c371f1942808475fbb459760aff5', class: "testimonial-progress" }, h("af-progress-line", { key: '7b8ec0176748a0e20cf5cfc653bb3be798a1e6df', progress: this.getProgress() }))))));
+        return (h(Host, { key: '2aae30a8996d65e6bb85883f41d9be0389e6945c' }, h("div", { key: '702073a8a2d720e24f5d80204ce01b7f43e52633', class: "testimonial-carousel" }, h("div", { key: '405781a22ac921805d28110c6784ee284fd696f9', class: "testimonial-slides" }, h("slot", { key: 'ed0a41a5fa386a2472dc9d0c0e7013c1a673850d' })), this.testimonialCount > 1 && (h("div", { key: 'f65ff8b896e4ae6667d9c4cf2282cdd5d7b3126c', class: "testimonial-progress" }, h("af-progress-line", { key: 'db4f70a9c5981820f053ae63cf23958840433f78', progress: this.getProgress() }))))));
     }
     get host() { return this; }
     static get style() { return afTestimonialCarouselCss; }

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

@@ -16,7 +16,7 @@ const AfTestimonialStat$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonial
         this.accentBorder = false;
     }
     render() {
-        return (h(Host, { key: '555836fed68760965fadc4c2e2f159b9d303918a' }, h("div", { key: 'd98e8e344674b0260cac3e47be6434c0cc920bca', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("af-heading", { key: 'c8fa22df6f81e30b5dd5c10bd7c8c74f4aa33ea3', level: 2, class: "stat-value" }, this.value), h("af-text", { key: '77421992735b6287dd061f791a0f17d16f639e5f', variant: "medium", class: "stat-description" }, this.description))));
+        return (h(Host, { key: 'b7d49238a1751411a02158e697b3fd102734df05' }, h("div", { key: 'e9dba52bac336fe49d6167c4797e83ddf9edca4f', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("af-heading", { key: '15f6e7e2e1719639c8f3996bf89e79e928a5fd86', level: 2, class: "stat-value" }, this.value), h("af-text", { key: '977d2e4675e0fc7d6e590da64f92e4c180b79dbf', variant: "medium", class: "stat-description" }, this.description))));
     }
     static get style() { return afTestimonialStatCss; }
 }, [258, "af-testimonial-stat", {

package/dist/components/af-testimonial.js

@@ -33,11 +33,11 @@ const AfTestimonial$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonial ext
         };
     }
     render() {
-        return (h(Host, { key: '6e9852855010e696e1f3f8d250541da3f99675bb' }, h("div", { key: '779f2f42b5443b384b5d02bcdcbb8c2ea904d793', class: "testimonial-card" }, h("div", { key: 'da08dac0b57e4861d941d9ee1347234a23bc76cd', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'a02cb9792a2ac5d31ad06842dfe9914e02bc5f65', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: 'fe75369fdff4bd79c96eb4de4d162b124f8f8037', class: "testimonial-logo" }, h("img", { key: '21bb43f47b0c4f759f23bdbfa3ff8e07ed6d709c', src: this.logoImage, alt: "Company logo" })))), h("div", { key: 'aa07b37eb9eb25e98eb7a7ed7bda01028ef1521f', class: "testimonial-content" }, h("div", { key: '4f30fb4aaf739e1f7b05152bad8ccd0a90da0c5f', class: "testimonial-quote-section" }, h("div", { key: '3ecc3a1c62fd853bf61c8399885572f48be95f40', class: "testimonial-quote-icon" }, h("slot", { key: '838996eaa0db4d93e8ccd400021b069f32ce63ec', name: "quote-icon" }, h("af-icon", { key: '8de2e75dbf0de964f0213d3a4c4b1c3ff399cd90', name: "quote", size: 48 }))), h("div", { key: '54aa8e50eb467db8479d2bd1f18960e5016e56ae', class: "testimonial-text" }, h("slot", { key: 'f4b67d5a449754c8258db5b60d761420a836923d', name: "quote-body" }, this.quote)), h("div", { key: '80076fa3891101465cc5c94739c7b5a71448b81c', class: "testimonial-attribution" }, this.attribution)), h("div", { key: '7dc0037ded29ba32536fa4b1ef68a383849cef3d', class: "testimonial-stats" }, h("slot", { key: '6146b401ec0a2f840f6f4e80b3352c1ff51c243d', name: "stats" })), h("div", { key: 'a5c3f27c91aaa05c24f6db2fe507a6a3ae7a4457', class: "testimonial-footer" }, h("div", { key: '82aac81fe42e157bd713bde5562832b6d2a3a08c', class: "testimonial-nav" }, this.showNavigation ? (
+        return (h(Host, { key: '731b22cd73117b5150774e4a942269fefee68af3' }, h("div", { key: '97be7f81adea9e75629482ada37806e4be7a4e88', class: "testimonial-card" }, h("div", { key: '09d053f7292c0e5c34aac45313081ffc2aca57d3', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'ea8e17ad2b1647f01bcbf16dc8a141baf30490dc', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '84da201c5c63f70bee5830aeecbed9de50586c62', class: "testimonial-logo" }, h("img", { key: '0e0daf826a8be6efcb39e5d2d2ec78f3feb5df54', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '6d25d332c3c2821a9420a041eae26f1c26ccf394', class: "testimonial-content" }, h("div", { key: '3051e3ad9b0d85dbf553b1bb0ff3aa0b2e4863ce', class: "testimonial-quote-section" }, h("div", { key: '6d0dc3e296a05d9185a97e2f796cc31731d2667e', class: "testimonial-quote-icon" }, h("slot", { key: '7b09d4c26868e371bf41146b99f8d07247a1a288', name: "quote-icon" }, h("af-icon", { key: '728720f7a1214a4471f1812f8ae87ce5fae77c2f', name: "quote", size: 48 }))), h("div", { key: 'd7fc3a5d8adbd9c5be02664a09c53703fdd00395', class: "testimonial-text" }, h("slot", { key: 'b3bf6aa863a2124ca86b84b21c804089c70e976e', name: "quote-body" }, this.quote)), h("div", { key: '233f082b2c42896306f6fb7f9686f2f2f6496428', class: "testimonial-attribution" }, this.attribution)), h("div", { key: '1ba7fb4a9d100609a227fa63fa6b6be9988364a7', class: "testimonial-stats" }, h("slot", { key: '6fa48aaef4606aae2d76f172948ea3950d635a2f', name: "stats" })), h("div", { key: '8bd5923a156d1c86df98cb6a2f3d9daef91f7916', class: "testimonial-footer" }, h("div", { key: '9959b29b05a9ce368ed9d4797e321799dea15789', class: "testimonial-nav" }, this.showNavigation ? (
         // Render built-in navigation buttons
         h("div", { class: "testimonial-nav-buttons" }, h("af-icon-button", { variant: "secondary", disabled: !this.hasPrev, onClick: this.handlePrev, ariaLabel: "Previous testimonial" }, h("af-icon", { name: "arrow-left", size: 24 })), h("af-icon-button", { variant: "secondary", disabled: !this.hasNext, onClick: this.handleNext, ariaLabel: "Next testimonial" }, h("af-icon", { name: "arrow-right", size: 24 })))) : (
         // Allow custom navigation via slot
-        h("slot", { name: "navigation" }))), this.readMoreLink && (h("af-button", { key: '8f3ff6293ae51a697c90d6c4e0c74276abb9da1a', variant: "secondary", href: this.readMoreLink }, "Read full story", h("af-icon", { key: 'afcaf06157c82fbc85eed2dd8cb2794d48b7d7fe', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
+        h("slot", { name: "navigation" }))), this.readMoreLink && (h("af-button", { key: '1a88e42fae5e0b6d12e2a89ff7bcd4fd67ec33d1', variant: "secondary", href: this.readMoreLink }, "Read full story", h("af-icon", { key: 'c024eaef94ee44a1fe65415778cc573b63741a97', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
     }
     static get style() { return afTestimonialCss; }
 }, [262, "af-testimonial", {

package/dist/components/af-text-image-nest.js

@@ -22,7 +22,7 @@ const AfTextImageNest$1 = /*@__PURE__*/ proxyCustomElement(class AfTextImageNest
             'nest__grid': true,
             [`grid-${this.layout}`]: true,
         };
-        return (h(Host, { key: 'f55d86894fb1bb10f9d93cab3bc8050bfcdc7224' }, h("div", { key: '57b4ec709278e0d0c7cd4b7b30d99beb21d954ad', class: containerClasses }, h("div", { key: '62f691c6a7e3ab8b166cbb0a1a17144a7857ce7b', class: "nest__content" }, h("div", { key: '5fa9223861becb07444a67db5541bae057b65744', class: gridClasses }, h("slot", { key: 'fd29c150a6399eba74ace37bdbc7fadbc9df626b' })), h("div", { key: '4b956265f2b9ec119d0965f8cc9a323bcd37e426', class: "nest__footer" }, h("slot", { key: '934747fcb6cc7103fa894f5a74a32e32154013a4', name: "buttons" }))))));
+        return (h(Host, { key: 'c0932581b26fbbba8f67a214ccd2e0c05add427c' }, h("div", { key: '811bf5a068bbf597df03b9f6fe79d96d32a21b0a', class: containerClasses }, h("div", { key: '351337cb9cecea663f7ec017e4b373ed15e9fbc5', class: "nest__content" }, h("div", { key: '80a2695415830da74e6926df555e20899e94b15f', class: gridClasses }, h("slot", { key: '2971cbdba5249c9ad4af96cbb90e570faf638fe3' })), h("div", { key: '849c3b397d2a5b0eaf22fec4b69873ae49906732', class: "nest__footer" }, h("slot", { key: '7fdaf48586387028c8b5678dea632c788ac9a672', name: "buttons" }))))));
     }
     static get style() { return afTextImageNestCss; }
 }, [262, "af-text-image-nest", {

package/dist/components/af-text-image.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-CiY0Twna.js';
-import { d as defineCustomElement$2 } from './p-sxltTNnO.js';
+import { d as defineCustomElement$2 } from './p-DQFOagz0.js';
 
 const afTextImageCss = ".sc-af-text-image-h{display:block;width:100%}.text-image.sc-af-text-image{display:flex;width:100%}.text-image--side-by-side.sc-af-text-image{flex-direction:row;align-items:flex-start;gap:var(--space-8, 32px)}.text-image--image-left.sc-af-text-image{flex-direction:row}.text-image--image-right.sc-af-text-image{flex-direction:row}.text-image--full-width.sc-af-text-image{flex-direction:column;gap:var(--space-8, 32px)}.text-image__content.sc-af-text-image{display:flex;flex-direction:column;gap:56px;flex:1;min-width:0}.text-image--proportion-1-2.sc-af-text-image .text-image__content.sc-af-text-image{flex:1}.text-image--proportion-1-3.sc-af-text-image .text-image__content.sc-af-text-image{flex:2}.text-image--proportion-1-4.sc-af-text-image .text-image__content.sc-af-text-image{flex:3}.text-image--proportion-100.sc-af-text-image .text-image__content.sc-af-text-image{flex:none;width:100%}.text-image--image-right.sc-af-text-image .text-image__content.sc-af-text-image{padding-right:var(--space-8, 32px)}.text-image--image-left.sc-af-text-image .text-image__content.sc-af-text-image{padding-left:var(--space-8, 32px)}.text-image--full-width.sc-af-text-image .text-image__content.sc-af-text-image{padding:0}.text-image__lockup.sc-af-text-image{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%}.text-image__copy.sc-af-text-image{display:flex;flex-direction:column;gap:var(--space-4, 16px);max-width:840px;width:100%}.text-image__heading.sc-af-text-image{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:var(--font-size-heading-3-desktop, 34px);line-height:var(--line-height-heading-tight, 1);letter-spacing:var(--letter-spacing-heading, -0.02em);color:var(--af-typography-heading-primary, #14343B);white-space:normal}.text-image__heading.sc-af-text-image:empty{display:none}.text-image__description.sc-af-text-image{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-body-large, 18px);line-height:var(--line-height-body-large, 26px);color:var(--af-typography-body-default, #2B484F);white-space:normal}.text-image__description.sc-af-text-image:empty{display:none}.text-image__buttons.sc-af-text-image{display:block}.text-image__buttons.sc-af-text-image:empty{display:none}.text-image__image-wrapper.sc-af-text-image{flex-shrink:0;overflow:hidden;border-radius:var(--radius-md, 12px)}.text-image--proportion-1-2.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-1-3.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-1-4.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-100.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{width:100%}@media (max-width: 768px){.text-image--side-by-side.sc-af-text-image{flex-direction:column;gap:var(--space-6, 24px)}.text-image--image-left.sc-af-text-image,.text-image--image-right.sc-af-text-image{flex-direction:column}.text-image--image-right.sc-af-text-image .text-image__content.sc-af-text-image,.text-image--image-left.sc-af-text-image .text-image__content.sc-af-text-image{padding:0}.text-image__content.sc-af-text-image,.text-image__image-wrapper.sc-af-text-image{flex:none !important;width:100%}.text-image__heading.sc-af-text-image{font-size:var(--font-size-heading-3-mobile, 25px)}.text-image--proportion-100.sc-af-text-image .text-image__description.sc-af-text-image{font-size:var(--font-size-body-medium, 16px);line-height:var(--line-height-body-medium, 24px)}.text-image--proportion-100.sc-af-text-image .text-image__lockup.sc-af-text-image{gap:var(--space-3, 12px)}.text-image--proportion-100.sc-af-text-image .text-image__copy.sc-af-text-image{gap:var(--space-3, 12px)}.text-image__image-wrapper.sc-af-text-image{border-radius:var(--radius-sm, 8px)}}.sc-af-text-image-s>*{margin:0}.sc-af-text-image-s>p{margin:0}";
 

package/dist/components/af-textarea.js

@@ -1,4 +1,4 @@
-import { A as AfTextarea$1, d as defineCustomElement$1 } from './p-DBkfDqnN.js';
+import { A as AfTextarea$1, d as defineCustomElement$1 } from './p-C_y6F4SM.js';
 
 const AfTextarea = AfTextarea$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-theme-override.js

@@ -15,7 +15,7 @@ const AfThemeOverride$1 = /*@__PURE__*/ proxyCustomElement(class AfThemeOverride
         this.theme = 'white';
     }
     render() {
-        return (h(Host, { key: '4bad1c421cf71e65fb64a21287a3e91ae0de171d' }, h("div", { key: '1c987ccbf6027aea445d12c87e478dfb8c248223', class: `theme-override theme-${this.theme}` }, h("slot", { key: 'c6083e7acb42da22d9fe0692fc7de501def3b33d' }))));
+        return (h(Host, { key: 'ec0a8d17bc30ca4911c815c30d9006a20abb9d0f' }, h("div", { key: 'f2927bdde70c8a8315737a6b70fedc10e2dda485', class: `theme-override theme-${this.theme}` }, h("slot", { key: '089894eb00413f7c09531b70b7107e2ed681c39a' }))));
     }
     static get style() { return afThemeOverrideCss; }
 }, [262, "af-theme-override", {

package/dist/components/af-typography-lockup.js

@@ -1,4 +1,4 @@
-import { A as AfTypographyLockup$1, d as defineCustomElement$1 } from './p-CTDelwMf.js';
+import { A as AfTypographyLockup$1, d as defineCustomElement$1 } from './p-CUmn76Kf.js';
 
 const AfTypographyLockup = AfTypographyLockup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/af-video-container.js

@@ -29,7 +29,7 @@ const AfVideoContainer$1 = /*@__PURE__*/ proxyCustomElement(class AfVideoContain
         };
     }
     render() {
-        return (h(Host, { key: '6554d80d7b00b2e7c2ebed35d10fe48b2e55af21' }, h("div", { key: '7acffa76ffb032446270850359deb315af18dd43', class: "video-container" }, h("div", { key: 'd79361dc04ce97b953754a63b76805be4391b593', class: "video-container__top" }, h("slot", { key: 'c5b1f43ecfb23cc39cc83dba5711a70eb909edef', name: "top" })), h("div", { key: 'd2159295b5950d500f06389ce2d394c7e7c902db', class: "video-container__video" }, h("af-aspect-ratio", { key: 'fb17e071a5003a62f6fd8037a5d73d5f195eee14', ratio: "16:9" }, h("div", { key: 'c1aaedd7603b9a024f8bbe1ac280597e662b5c07', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (h("img", { key: 'a55c605d6e07c569cdcbd3ecd1239e3d6ba63bc3', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), h("button", { key: 'd04a4b4b5313327e5d81e75219ae9bc0d3866c33', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, h("af-icon", { key: '52bc748aacd58d1acc1f22e2acfb07eb71447cdc', name: "play", size: 24 }))))), h("div", { key: '8f423ee569de7c7749f675d7815a50b4d491252e', class: "video-container__bottom" }, h("slot", { key: 'd645d52209cb8537a7286b161c257ebd011cc061', name: "bottom" })))));
+        return (h(Host, { key: '3444ee546dec246bff4589d8818a85783e63be9d' }, h("div", { key: '270a4eccb42a3364d9c6f76b91ae12339a4fe1c0', class: "video-container" }, h("div", { key: '74b569c68ae87a64505f014247bcbf6584e33639', class: "video-container__top" }, h("slot", { key: 'abb8e1cb0ffe7666d2358c8f5e1cde7138bfaf0e', name: "top" })), h("div", { key: '4ce2761d9d3ac113a8544b4aeacd519fe8eeeb49', class: "video-container__video" }, h("af-aspect-ratio", { key: 'dd23f809050b869d61736a542bfb16b5def028b8', ratio: "16:9" }, h("div", { key: '958161173a2a2db4a5f8205dbcb99673f2fc7cc6', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (h("img", { key: 'dbf381f5cba283b27582c00bdb7b8c89f6a8032f', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), h("button", { key: 'c814981a12530e81b86e727a323c1a0f1a8fc083', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, h("af-icon", { key: 'a7832eb0668c7c9ec87c24a09f7a3391803563e9', name: "play", size: 24 }))))), h("div", { key: 'ec9bad4842407f953ffecddb0d058b42454749b6', class: "video-container__bottom" }, h("slot", { key: 'e8b7565402e02f24d0a6b971cbba72566dd4d721', name: "bottom" })))));
     }
     static get style() { return afVideoContainerCss; }
 }, [262, "af-video-container", {

package/dist/components/af-visually-hidden.js

@@ -16,7 +16,7 @@ const AfVisuallyHidden$1 = /*@__PURE__*/ proxyCustomElement(class AfVisuallyHidd
         this.focusable = false;
     }
     render() {
-        return (h(Host, { key: '7d0224d1f120153733e77b38281f8f9ebe9841b8', class: { 'focusable': this.focusable } }, h("slot", { key: '3a355db9347be885ba5c1b1bf1aa89ec4c4c1e06' })));
+        return (h(Host, { key: '525f68f5b7e9ccb63b3b1d3019a3b104be6aa683', class: { 'focusable': this.focusable } }, h("slot", { key: '73f148796dda2c3805265bb27f018cc74746d541' })));
     }
     static get style() { return afVisuallyHiddenCss; }
 }, [257, "af-visually-hidden", {

package/dist/components/index.js

@@ -5,24 +5,24 @@ export { A as AfColorSwatch } from './p-CeBCwjRf.js';
 export { A as AfContainer } from './p-Bx-hxLP0.js';
 export { A as AfAspectRatio } from './p-DWD7Oc5l.js';
 export { A as AfNavItem } from './p--aWqZ9H9.js';
-export { A as AfNavbar } from './p-1ol-T8nk.js';
-export { A as AfLogo } from './p-Dga7rIrc.js';
+export { A as AfNavbar } from './p-CZdcAZe_.js';
+export { A as AfLogo } from './p-CImZ9bq8.js';
 export { A as AfButton } from './p-B-hgy9Qr.js';
 export { A as AfIconButton } from './p-DGlAo2Hc.js';
-export { A as AfButtonGroup } from './p-OefAiC9E.js';
-export { A as AfTypographyLockup } from './p-CTDelwMf.js';
-export { A as AfCheckbox } from './p-BysQTjHh.js';
-export { A as AfRadio } from './p-D44TKuX4.js';
-export { A as AfSwitch } from './p-C7gWqhJQ.js';
-export { A as AfFieldset } from './p-Bi6_eN-1.js';
-export { A as AfInput } from './p-PKWusChD.js';
-export { A as AfTextarea } from './p-DBkfDqnN.js';
-export { A as AfTag } from './p-D6WBvdoZ.js';
-export { A as AfTab } from './p-Xy0_sffa.js';
-export { A as AfTabBar } from './p-C0enaaNi.js';
-export { A as AfFeatureCard } from './p-CDPPh9ES.js';
-export { A as AfIllustratedCard } from './p-CdR70Kv1.js';
-export { A as AfHero } from './p-D7xVlaes.js';
+export { A as AfButtonGroup } from './p-QpoTJlVn.js';
+export { A as AfTypographyLockup } from './p-CUmn76Kf.js';
+export { A as AfCheckbox } from './p-BuiXTazC.js';
+export { A as AfRadio } from './p-CJU2A9Ab.js';
+export { A as AfSwitch } from './p-BkTUo72F.js';
+export { A as AfFieldset } from './p-DnDXrxJ7.js';
+export { A as AfInput } from './p-DobkLkti.js';
+export { A as AfTextarea } from './p-C_y6F4SM.js';
+export { A as AfTag } from './p-B4IVxpr4.js';
+export { A as AfTab } from './p-BsHk9vlU.js';
+export { A as AfTabBar } from './p-DQF6qg3h.js';
+export { A as AfFeatureCard } from './p-DyqBBl8X.js';
+export { A as AfIllustratedCard } from './p-DrCZBGKv.js';
+export { A as AfHero } from './p-BMs3J6ty.js';
 //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/dist/components/{p-D6WBvdoZ.js → p-B4IVxpr4.js}

@@ -25,11 +25,11 @@ const AfTag = /*@__PURE__*/ proxyCustomElement(class AfTag extends H {
     render() {
         const TagElement = this.href ? 'a' : 'span';
         const linkProps = this.href ? { href: this.href } : {};
-        return (h(Host, { key: '389b869350a0ead31639016403b8bbd86c8be12f' }, h(TagElement, { key: '7be8b372a4c391ae3e426827cf425274dfe3dc44', class: {
+        return (h(Host, { key: '6317b50a0fa62e85bfb9141a6653494cc2b1892d' }, h(TagElement, { key: 'b9b13cf62afe67ccd4aaac53dbc44b736afd0084', class: {
                 'tag': true,
                 [`size-${this.size}`]: true,
                 [`variant-${this.variant}`]: true,
-            }, ...linkProps }, h("slot", { key: 'cf622bef7dca7e64215e0e778f3893097e9e30d0' }))));
+            }, ...linkProps }, h("slot", { key: 'd4f5a9e748fd2a155845c9ad7bd5f414a25f694f' }))));
     }
     static get style() { return afTagCss; }
 }, [257, "af-tag", {
@@ -52,6 +52,6 @@ function defineCustomElement() {
 }
 
 export { AfTag as A, defineCustomElement as d };
-//# sourceMappingURL=p-D6WBvdoZ.js.map
+//# sourceMappingURL=p-B4IVxpr4.js.map
 
-//# sourceMappingURL=p-D6WBvdoZ.js.map
+//# sourceMappingURL=p-B4IVxpr4.js.map

package/dist/components/{p-D6WBvdoZ.js.map → p-B4IVxpr4.js.map}

@@ -1 +1 @@
-{"file":"p-D6WBvdoZ.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,sjEAAsjE;;MCyB1jE,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;AALlB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;;AAKG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,OAAO;AAE/B;;;AAGG;AACK,QAAA,IAAO,CAAA,OAAA,GAAe,SAAS;AA0BxC;IAnBC,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,MAAM;AAC3C,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAEtD,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAC,CAAA,UAAU,EACT,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AAC3B,gBAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AAClC,aAAA,EAAA,GACG,SAAS,EAAA,EAEb,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACG,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-tag/af-tag.css?tag=af-tag&encapsulation=shadow","src/components/af-tag/af-tag.tsx"],"sourcesContent":["/* Tag component styles */\n:host {\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n.tag {\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  border-radius: 4px;\n  font-family: var(--typography-headingfont, 'NeuSans', Arial, sans-serif);\n  font-weight: var(--font-weight-book, 500);\n  line-height: 1;\n  text-decoration: none;\n  transition: background-color 0.15s ease, box-shadow 0.15s ease;\n  cursor: default;\n}\n\na.tag {\n  cursor: pointer;\n}\n\n/* ==========================================================================\n   VARIANT: DEFAULT (inherits from parent theme context)\n   ========================================================================== */\n\n.tag.variant-default {\n  background-color: var(--af-tag-bg, var(--colour-brand-soft-clay, #b09670));\n  color: var(--af-tag-text, var(--colour-brand-inkwell, #14343b));\n}\n\n.tag.variant-default:hover {\n  background-color: var(--af-tag-bg-hover, var(--colour-tints-soft-clay-400, #c0ab8d));\n}\n\n/* ==========================================================================\n   EXPLICIT THEME VARIANTS\n   ========================================================================== */\n\n.tag.variant-inkwell {\n  background-color: var(--colour-brand-inkwell, #14343b);\n  color: var(--colour-brand-white, #ffffff);\n}\n\n.tag.variant-inkwell:hover {\n  background-color: var(--colour-tints-inkwell-500, #1e4a48);\n}\n\n.tag.variant-white {\n  background-color: var(--colour-brand-white, #ffffff);\n  color: var(--colour-brand-inkwell, #14343b);\n}\n\n.tag.variant-white:hover {\n  background-color: var(--colour-tints-mist-green-100, #e1eee1);\n}\n\n.tag.variant-soft-clay {\n  background-color: var(--colour-brand-soft-clay, #b09670);\n  color: var(--colour-brand-inkwell, #14343b);\n}\n\n.tag.variant-soft-clay:hover {\n  background-color: var(--colour-tints-soft-clay-400, #c0ab8d);\n}\n\n.tag.variant-mist-green {\n  background-color: var(--colour-brand-mist-green, #c6d5d1);\n  color: var(--colour-brand-inkwell, #14343b);\n}\n\n.tag.variant-mist-green:hover {\n  background-color: var(--colour-tints-mist-green-200, #d2e8e3);\n}\n\n/* ==========================================================================\n   SIZES\n   ========================================================================== */\n\n.tag.size-x-small {\n  padding: 6px 10px;\n  font-size: var(--font-size-label-tag, 14px);\n}\n\n.tag.size-small {\n  padding: 8px 12px;\n  font-size: var(--font-size-label-tag, 14px);\n}\n\n.tag.size-large {\n  padding: 12px 16px;\n  font-size: var(--font-size-body-large, 18px);\n}\n\n/* ==========================================================================\n   FOCUS STATES\n   ========================================================================== */\n\n.tag:focus {\n  outline: none;\n  box-shadow:\n    0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)),\n    0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));\n}\n\n.tag:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)),\n    0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\nexport type TagSize = 'x-small' | 'small' | 'large';\nexport type TagVariant = 'default' | 'inkwell' | 'white' | 'soft-clay' | 'mist-green';\n\n/**\n * Tag displays a label in a styled container.\n * Perfect for categorization, topics, or metadata display.\n *\n * The `default` variant inherits its colors from the parent theme context\n * (af-section, af-card). Use explicit variants (`inkwell`, `white`,\n * `soft-clay`, `mist-green`) to override.\n *\n * @example\n * ```html\n * <af-tag>AI</af-tag>\n * <af-tag size=\"small\" variant=\"inkwell\">Machine Learning</af-tag>\n * <af-tag size=\"large\" variant=\"white\">Document Processing</af-tag>\n * ```\n */\n@Component({\n  tag: 'af-tag',\n  styleUrl: 'af-tag.css',\n  shadow: true\n})\nexport class AfTag {\n  /**\n   * The size of the tag\n   * - `x-small` - Compact tag with minimal padding\n   * - `small` - Small tag with moderate padding (default)\n   * - `large` - Large tag with generous padding\n   */\n  @Prop() size: TagSize = 'small';\n\n  /**\n   * Visual variant of the tag. `default` inherits tag colors from the\n   * parent theme context. Theme-named variants force a specific palette.\n   */\n  @Prop() variant: TagVariant = 'default';\n\n  /**\n   * The URL to navigate to when the tag is clicked (makes the tag a link)\n   */\n  @Prop() href?: string;\n\n  render() {\n    const TagElement = this.href ? 'a' : 'span';\n    const linkProps = this.href ? { href: this.href } : {};\n\n    return (\n      <Host>\n        <TagElement\n          class={{\n            'tag': true,\n            [`size-${this.size}`]: true,\n            [`variant-${this.variant}`]: true,\n          }}\n          {...linkProps}\n        >\n          <slot />\n        </TagElement>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-B4IVxpr4.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,sjEAAsjE;;MCyB1jE,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;AALlB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;;AAKG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,OAAO;AAE/B;;;AAGG;AACK,QAAA,IAAO,CAAA,OAAA,GAAe,SAAS;AA0BxC;IAnBC,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,MAAM;AAC3C,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAEtD,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAC,CAAA,UAAU,EACT,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AAC3B,gBAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AAClC,aAAA,EAAA,GACG,SAAS,EAAA,EAEb,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACG,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-tag/af-tag.css?tag=af-tag&encapsulation=shadow","src/components/af-tag/af-tag.tsx"],"sourcesContent":["/* Tag component styles */\n:host {\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n.tag {\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  border-radius: 4px;\n  font-family: var(--typography-headingfont, 'NeuSans', Arial, sans-serif);\n  font-weight: var(--font-weight-book, 500);\n  line-height: 1;\n  text-decoration: none;\n  transition: background-color 0.15s ease, box-shadow 0.15s ease;\n  cursor: default;\n}\n\na.tag {\n  cursor: pointer;\n}\n\n/* ==========================================================================\n   VARIANT: DEFAULT (inherits from parent theme context)\n   ========================================================================== */\n\n.tag.variant-default {\n  background-color: var(--af-tag-bg, var(--colour-brand-soft-clay, #b09670));\n  color: var(--af-tag-text, var(--colour-brand-inkwell, #14343b));\n}\n\n.tag.variant-default:hover {\n  background-color: var(--af-tag-bg-hover, var(--colour-tints-soft-clay-400, #c0ab8d));\n}\n\n/* ==========================================================================\n   EXPLICIT THEME VARIANTS\n   ========================================================================== */\n\n.tag.variant-inkwell {\n  background-color: var(--colour-brand-inkwell, #14343b);\n  color: var(--colour-brand-white, #ffffff);\n}\n\n.tag.variant-inkwell:hover {\n  background-color: var(--colour-tints-inkwell-500, #1e4a48);\n}\n\n.tag.variant-white {\n  background-color: var(--colour-brand-white, #ffffff);\n  color: var(--colour-brand-inkwell, #14343b);\n}\n\n.tag.variant-white:hover {\n  background-color: var(--colour-tints-mist-green-100, #e1eee1);\n}\n\n.tag.variant-soft-clay {\n  background-color: var(--colour-brand-soft-clay, #b09670);\n  color: var(--colour-brand-inkwell, #14343b);\n}\n\n.tag.variant-soft-clay:hover {\n  background-color: var(--colour-tints-soft-clay-400, #c0ab8d);\n}\n\n.tag.variant-mist-green {\n  background-color: var(--colour-brand-mist-green, #c6d5d1);\n  color: var(--colour-brand-inkwell, #14343b);\n}\n\n.tag.variant-mist-green:hover {\n  background-color: var(--colour-tints-mist-green-200, #d2e8e3);\n}\n\n/* ==========================================================================\n   SIZES\n   ========================================================================== */\n\n.tag.size-x-small {\n  padding: 6px 10px;\n  font-size: var(--font-size-label-tag, 14px);\n}\n\n.tag.size-small {\n  padding: 8px 12px;\n  font-size: var(--font-size-label-tag, 14px);\n}\n\n.tag.size-large {\n  padding: 12px 16px;\n  font-size: var(--font-size-body-large, 18px);\n}\n\n/* ==========================================================================\n   FOCUS STATES\n   ========================================================================== */\n\n.tag:focus {\n  outline: none;\n  box-shadow:\n    0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)),\n    0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));\n}\n\n.tag:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)),\n    0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\nexport type TagSize = 'x-small' | 'small' | 'large';\nexport type TagVariant = 'default' | 'inkwell' | 'white' | 'soft-clay' | 'mist-green';\n\n/**\n * Tag displays a label in a styled container.\n * Perfect for categorization, topics, or metadata display.\n *\n * The `default` variant inherits its colors from the parent theme context\n * (af-section, af-card). Use explicit variants (`inkwell`, `white`,\n * `soft-clay`, `mist-green`) to override.\n *\n * @example\n * ```html\n * <af-tag>AI</af-tag>\n * <af-tag size=\"small\" variant=\"inkwell\">Machine Learning</af-tag>\n * <af-tag size=\"large\" variant=\"white\">Document Processing</af-tag>\n * ```\n */\n@Component({\n  tag: 'af-tag',\n  styleUrl: 'af-tag.css',\n  shadow: true\n})\nexport class AfTag {\n  /**\n   * The size of the tag\n   * - `x-small` - Compact tag with minimal padding\n   * - `small` - Small tag with moderate padding (default)\n   * - `large` - Large tag with generous padding\n   */\n  @Prop() size: TagSize = 'small';\n\n  /**\n   * Visual variant of the tag. `default` inherits tag colors from the\n   * parent theme context. Theme-named variants force a specific palette.\n   */\n  @Prop() variant: TagVariant = 'default';\n\n  /**\n   * The URL to navigate to when the tag is clicked (makes the tag a link)\n   */\n  @Prop() href?: string;\n\n  render() {\n    const TagElement = this.href ? 'a' : 'span';\n    const linkProps = this.href ? { href: this.href } : {};\n\n    return (\n      <Host>\n        <TagElement\n          class={{\n            'tag': true,\n            [`size-${this.size}`]: true,\n            [`variant-${this.variant}`]: true,\n          }}\n          {...linkProps}\n        >\n          <slot />\n        </TagElement>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-D7xVlaes.js → p-BMs3J6ty.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-CiY0Twna.js';
 import { d as defineCustomElement$3 } from './p-Bx-hxLP0.js';
-import { d as defineCustomElement$2 } from './p-DjjPGV3a.js';
-import { d as defineCustomElement$1 } from './p-CTDelwMf.js';
+import { d as defineCustomElement$2 } from './p-DdH3uwBx.js';
+import { d as defineCustomElement$1 } from './p-CUmn76Kf.js';
 
 const afHeroCss = ".sc-af-hero-h{display:block;position:relative;width:100%;--af-hero-image-lift:-260px;--af-hero-image-min-height:360px}.hero__section.sc-af-hero{position:relative;overflow:hidden}.hero__paperclip.sc-af-hero{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none;z-index:0;width:655px;height:754px}@media (max-width: 991px){.hero__paperclip.sc-af-hero{width:480px;height:552px}}@media (max-width: 767px){.hero__paperclip.sc-af-hero{display:none}}.hero__inner.sc-af-hero{position:relative;z-index:1;padding-bottom:40px}.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:124px}.hero--pad-loose.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:164px}.hero--inkwell-centered.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:180px}.hero__grid.sc-af-hero{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:center}.hero--soft-clay-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--mist-green-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr auto;gap:48px}.hero--inkwell-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr 1fr}.hero__copy.sc-af-hero{padding-left:16px}.hero--inkwell-photo.hero--pad-loose.sc-af-hero-h .hero__copy.sc-af-hero{padding-bottom:120px}.hero--inkwell-centered.sc-af-hero-h .hero__copy.sc-af-hero{padding-left:0;text-align:center}.hero__badge.sc-af-hero:not(:has(*)){display:none}.hero__badge.sc-af-hero:has(*){margin-bottom:16px}.hero__copy.sc-af-hero-s>[slot='badge'],.hero__copy .sc-af-hero-s>[slot='badge']{display:inline-block}.hero__buttons.sc-af-hero{margin-top:32px}.hero__buttons.sc-af-hero:empty{display:none}.hero--inkwell-centered.sc-af-hero-h .hero__buttons.sc-af-hero{display:flex;justify-content:center}.sc-af-hero-h{--af-hero-blob-mask:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NDEgOTQwIj48cGF0aCBkPSJNMTcwLjA2MyAxODEuOTQ1QzIzNC4xNTYgMzAuOTUxNCA0MDguNTE4IC0zOS40OTU1IDU1OS41MTIgMjQuNTk3NUM3MTAuNTA2IDg4LjY5MDQgNzgwLjk1MiAyNjMuMDUzIDcxNi44NTkgNDE0LjA0Nkw1NzAuODQ3IDc1OC4wMzFDNTA2Ljc1NCA5MDkuMDI0IDMzMi4zOTIgOTc5LjQ3MSAxODEuMzk4IDkxNS4zNzhDMzAuNDA0NSA4NTEuMjg1IC00MC4wNDI0IDY3Ni45MjMgMjQuMDUwNiA1MjUuOTI5TDE3MC4wNjMgMTgxLjk0NVoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=');--af-hero-blob-mask-mobile:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 768\"><path fill=\"%23000\" d=\"M1024 0H384A384 384 0 0 0 384 768H1024V0Z\"/></svg>')}.hero__image.sc-af-hero{min-height:var(--af-hero-image-min-height);overflow:visible;margin-top:var(--af-hero-image-lift);position:relative;z-index:1}.hero__image--masked.sc-af-hero-s>img,.hero__image--masked .sc-af-hero-s>img,.hero__image--masked.sc-af-hero-s>picture img,.hero__image--masked .sc-af-hero-s>picture img,.hero__image--masked.sc-af-hero-s>.af-hero-image,.hero__image--masked .sc-af-hero-s>.af-hero-image{display:block;width:100%;height:auto;-webkit-mask-image:var(--af-hero-blob-mask);mask-image:var(--af-hero-blob-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha}.hero__image--masked.sc-af-hero img.sc-af-hero{-webkit-mask-image:var(--af-hero-blob-mask);mask-image:var(--af-hero-blob-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha}.hero__illustration.sc-af-hero{flex:0 0 auto;width:100%;max-width:432px;line-height:0;justify-self:end}.hero__illustration.sc-af-hero-s>svg,.hero__illustration .sc-af-hero-s>svg,.hero__illustration.sc-af-hero-s>img,.hero__illustration .sc-af-hero-s>img{width:100%;height:auto;display:block;border-radius:16px}.hero--inkwell-illustration.sc-af-hero-h .hero__illustration.sc-af-hero{max-width:540px}.hero__logos.sc-af-hero{position:relative;z-index:2}.hero__logos.sc-af-hero:not(:has(*)){display:none}.hero--inkwell-photo.sc-af-hero-h .hero__logos.sc-af-hero:has(*){margin-top:-240px;padding-top:48px;padding-bottom:48px;background:var(--af-background-base, var(--colour-brand-inkwell, #14343b));border-top:1px solid\n    var(--af-background-border-subtle, var(--colour-inkwell-450, #203e45))}@media (max-width: 991px){.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero,.hero--pad-loose.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:112px}.hero--inkwell-centered.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:144px}.hero__grid.sc-af-hero{grid-template-columns:1fr;gap:32px}.hero--soft-clay-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--mist-green-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--inkwell-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr}.hero__copy.sc-af-hero{padding-left:0;padding-bottom:0}.hero__illustration.sc-af-hero{max-width:360px;margin-inline:auto;justify-self:center}.hero__image.sc-af-hero{margin-top:0;min-height:auto}.sc-af-hero-h.hero--inkwell-photo .hero__image--masked.sc-af-hero-s>img,.hero__image--masked .sc-af-hero-s>img,.hero--inkwell-photo.sc-af-hero-h .hero__image--masked.sc-af-hero img.sc-af-hero{-webkit-mask-image:var(--af-hero-blob-mask-mobile);mask-image:var(--af-hero-blob-mask-mobile)}.hero--inkwell-photo.sc-af-hero-h .hero__logos.sc-af-hero:has(*){margin-top:24px;padding-top:32px;padding-bottom:32px;background:transparent;border-top:none}}";
 
@@ -83,12 +83,12 @@ const AfHero = /*@__PURE__*/ proxyCustomElement(class AfHero extends H {
         const hasIllustration = v === 'inkwell-illustration' ||
             v === 'soft-clay-illustration' ||
             v === 'mist-green-illustration';
-        return (h(Host, { key: '6e8e522c6593a79fbb93eaf421c6b3f41a2072f5', class: {
+        return (h(Host, { key: '0a992496d31ad5bfbc3d987f8e14d4947ed4634a', class: {
                 [`hero--${v}`]: true,
                 [`hero--pad-${this.topPad}`]: true,
                 [`hero--theme-${this.theme}`]: true,
                 'hero--float-navbar': this.resolvedFloatNavbar,
-            } }, h("af-section", { key: 'dc6181658d53a8c7166d3f090df9666d35310338', theme: this.theme, padding: "none", container: false, class: "hero__section" }, centered && (h("div", { key: 'b8357ea1cc08dafa3a3f5e4cd8c545bef1e3df1c', class: "hero__paperclip", "aria-hidden": "true" }, h("slot", { key: 'da4b0dcb83e6e8c09b9962ba7d0c09e02f6721c5', name: "paperclip" }))), h("af-container", { key: '0dbffc963a56e53ed7206b59cccfd74f5bd792ee', class: "hero__inner" }, centered ? (this.renderCopy()) : (h("div", { class: "hero__grid" }, this.renderCopy(), hasImage && this.renderPhoto(), hasIllustration && this.renderIllustration()))), h("div", { key: 'd4316dbc5ba954ce2a52d73dfb73575b77f394db', class: "hero__logos" }, h("slot", { key: 'd9ff55a2c238d5db322aef90cb28006d91f7dffc', name: "logos-below" })))));
+            } }, h("af-section", { key: 'e7fb9c00edf9df24b3a6f31ec73153f076623b80', theme: this.theme, padding: "none", container: false, class: "hero__section" }, centered && (h("div", { key: 'c11031876d2de4e7bdec1ff11ff05488f91e1b95', class: "hero__paperclip", "aria-hidden": "true" }, h("slot", { key: 'e374f0ebeb82e4d1f5f0be91a0067a2d6c0dc5ec', name: "paperclip" }))), h("af-container", { key: '516ef86f39140df14422abd4dc2688d5afe95327', class: "hero__inner" }, centered ? (this.renderCopy()) : (h("div", { class: "hero__grid" }, this.renderCopy(), hasImage && this.renderPhoto(), hasIllustration && this.renderIllustration()))), h("div", { key: '946d5bd24bba79faa0aa11af2313538d9131acdc', class: "hero__logos" }, h("slot", { key: '3e6f93398f642963bf38f95dbd9c037f26dcf8f9', name: "logos-below" })))));
     }
     get el() { return this; }
     static get style() { return afHeroCss; }
@@ -131,6 +131,6 @@ function defineCustomElement() {
 }
 
 export { AfHero as A, defineCustomElement as d };
-//# sourceMappingURL=p-D7xVlaes.js.map
+//# sourceMappingURL=p-BMs3J6ty.js.map
 
-//# sourceMappingURL=p-D7xVlaes.js.map
+//# sourceMappingURL=p-BMs3J6ty.js.map