@affinda/wc 0.5.0 → 0.6.0

package/dist/hydrate/index.js

@@ -3460,7 +3460,7 @@ class AfAccordion {
         });
     }
     render() {
-        return (hAsync(Host, { key: '8eb6fbba767e8a472317bd622a9027645a781657', class: { [`mode-${this.mode}`]: true } }, hAsync("div", { key: '5301bfbb3023e1305be16cff8176ce0c0ad93b7d', class: "accordion" }, hAsync("slot", { key: '254363e079aeafd6fb126d1ad01ff6caa2ca0919' }))));
+        return (hAsync(Host, { key: 'e52f2563ca1e95fb07435cc40d66fa646ba1f573', class: { [`mode-${this.mode}`]: true } }, hAsync("div", { key: '7e7144bdb3980e07f5444284d4a37b066691de4e', class: "accordion" }, hAsync("slot", { key: '9068505989cd8dace365ba07f146957d91f2a0ce' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -3553,7 +3553,7 @@ class AfAccordionItem {
         const contentStyle = {
             maxHeight: this.open ? `${this.contentHeight}px` : '0px'
         };
-        return (hAsync(Host, { key: '5c40059bcf1543e8bf9fd596bde7207f41a3cf5e', class: { 'is-open': this.open, 'is-disabled': this.disabled } }, hAsync("div", { key: '32b0f0b9ef50bb5deb3dba0485c0f050a7e014a1', class: "accordion-item" }, hAsync("button", { key: 'f32464ad141e178089bd1ece7200e5c60f61e41b', class: "trigger", onClick: this.handleTriggerClick, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, hAsync("div", { key: '1c5d50cb26d3958088e19f70f1d2c85b68fa625d', class: "trigger-content" }, hAsync("slot", { key: 'ff4bbb3506dc88ffcb26f36378904c0b7e4c12c6', name: "trigger" })), hAsync("div", { key: '83feeeeb2f2c9f14ba77d815a38ef4c1fc5f942f', class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { key: 'ede0f8c5b41fe625705b57cae0a0227b5bbfb8c4', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { key: '4c41c45bb8a90458b82ec2599c827a74e12028b7', d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("div", { key: '744694560f824b3a1196248c33934683c33faebc', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, hAsync("div", { key: 'db86e29db7bc05846e6e700a70f5b72232becc6b', class: "content", ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: '82242b7c5909fe54d4d4b504c1557a20a7d50340' }))))));
+        return (hAsync(Host, { key: 'd30690d684a945ec9215d3c3d469370d61c85514', class: { 'is-open': this.open, 'is-disabled': this.disabled } }, hAsync("div", { key: 'c2643ec1eebc84a2fd76eff1c8e3e6c814dfd897', class: "accordion-item" }, hAsync("button", { key: '9a36c7b2aeeed919ee02e1ed405966055bf4bed8', class: "trigger", onClick: this.handleTriggerClick, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, hAsync("div", { key: '81d8a18ccc1b4a1b62b58f55ed0ffbd897b6c5a2', class: "trigger-content" }, hAsync("slot", { key: '740345a52afa1e1d2e37f256b2d3236ba3ea159a', name: "trigger" })), hAsync("div", { key: '0b52647eb7c81d606bac7757828923e2bbf9e166', class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { key: 'a6a53635a309fb072dc238dacd1969fbbcd47afb', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { key: '283405c12c608bec9b4c7b01bf132ee1db703893', d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("div", { key: '7792fd00fbe5167d3bd1881fce95454429284046', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, hAsync("div", { key: 'e0122e95976db46c0b42036033cca1db2c1b2b2d', class: "content", ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: 'c99f7dcc539909ef037cc87de2786caad2a44ec5' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -3826,7 +3826,7 @@ class AfCard {
             'card': true,
             [`theme-${this.theme}`]: true
         };
-        return (hAsync(Host, { key: '9de4782fbf4c3ad9ad39995ea75e30ee469398b8' }, hAsync("div", { key: '66a94666a4763e287c93da7d64835f305b554a9a', class: classes }, hAsync("div", { key: 'ece7dfdff8e29597ba295f25e88e39f649f16fc0', class: "card__content" }, hAsync("slot", { key: 'e8d4eadcaf2599b3496c07dafe9c4685467624b8' })))));
+        return (hAsync(Host, { key: '8e58ce6e72f8c93f96661f56677a8ac861966e4b' }, hAsync("div", { key: '5ad157ce904665fcd07f847b2851a8c269f04dce', class: classes }, hAsync("div", { key: 'd662a3f05b9779d548a1393ce84ffa9d78be9646', class: "card__content" }, hAsync("slot", { key: 'eb52c38a4b17a88bdabc74a1ebe3a0e9c1ad287c' })))));
     }
     static get style() { return afCardCss; }
     static get cmpMeta() { return {
@@ -3880,7 +3880,7 @@ class AfCenter {
         if (this.minHeight) {
             style.minHeight = this.minHeight;
         }
-        return (hAsync(Host, { key: '0c6d738ac78eecf33d4018c28f0a57ea75241f17', style: style }, hAsync("slot", { key: '89fa3a992ae9c9020906c77ff10df5380dedde93' })));
+        return (hAsync(Host, { key: 'e91358ecc8de26481c2360e73043316ac63bf7bd', style: style }, hAsync("slot", { key: 'e9d407b9a70103b215536cbab3a2a196d841f762' })));
     }
     static get style() { return afCenterCss; }
     static get cmpMeta() { return {
@@ -4051,7 +4051,7 @@ class AfClientCarousel {
         // Direction classes are left on in static mode too — the `.mode-static`
         // CSS rule overrides `animation` to `none`, so the direction is a no-op
         // visually but keeps the markup shape consistent across modes.
-        return (hAsync(Host, { key: '36006ae8e4dc016475debdad3469d84b5e04e815', class: `theme-${this.theme} mode-${this.mode}` }, hAsync("div", { key: 'f100b2ce17cc37d5deabe6424e4a9c30dc973eae', class: `client-carousel theme-${this.theme} rows-${rows} mode-${this.mode}` }, hAsync("div", { key: '7a1499b3f61eae485bddac6b756d83d4e8a26f24', class: "carousel-container" }, hAsync("div", { key: '40e9c9d9ca6ccc5ef55ea5cb17a3c7c101869086', class: "carousel-row scroll-left" }, hAsync("div", { key: '72fa637760c6a6514d674ffc7dfb2c877118e219', class: "logo-track", ref: (el) => (this.row1TrackRef = el) }, hAsync("slot", { key: 'f8ac173396a6309df6380dbb6788fc0a97d4be8e', name: "row-1" }, hAsync("slot", { key: '420d8cb827d026bcf8b198f5b1397c6a6c2f0dbf' })))), rows === 2 && (hAsync("div", { key: '551a13abb05d58562aca2bfeadf918dba11378a7', class: "carousel-row scroll-right" }, hAsync("div", { key: '437b89b839cfa5a94175d601abeae7813d483326', class: "logo-track", ref: (el) => (this.row2TrackRef = el) }, hAsync("slot", { key: '696a3dd2f80954a9a1495eee3d0e918d1ebf71b5', name: "row-2" }))))))));
+        return (hAsync(Host, { key: 'de2ab8e013b602bae7f3a7ec86f46008271017df', class: `theme-${this.theme} mode-${this.mode}` }, hAsync("div", { key: '2a7f391b7f2821cc2b1fd22c4fecee8db49993eb', class: `client-carousel theme-${this.theme} rows-${rows} mode-${this.mode}` }, hAsync("div", { key: 'a050be7df00baa8f606edaaffaf80bf66d2745a5', class: "carousel-container" }, hAsync("div", { key: '652ebd5057f104456d327ea0741676d4c5f365c1', class: "carousel-row scroll-left" }, hAsync("div", { key: '115c61cf864eafef5de415cf47d5e7ad78326f49', class: "logo-track", ref: (el) => (this.row1TrackRef = el) }, hAsync("slot", { key: '16d1001521b3950fbf24868df8f2f3141571ab9d', name: "row-1" }, hAsync("slot", { key: 'b939997a0c782911cc46b68d6a2ea14cb3a85018' })))), rows === 2 && (hAsync("div", { key: '3490957a149d49dbbf37571efb27663c64bd39ea', class: "carousel-row scroll-right" }, hAsync("div", { key: '46944607b424071fc97864601f4392a649f1a890', class: "logo-track", ref: (el) => (this.row2TrackRef = el) }, hAsync("slot", { key: 'ec1be2a0b81dccfeda6a29650242808fcc67b214', name: "row-2" }))))))));
     }
     get el() { return getElement(this); }
     static get style() { return afClientCarouselCss; }
@@ -4113,7 +4113,7 @@ class AfContactItem {
         this.value = '';
     }
     render() {
-        return (hAsync(Host, { key: '01276444ebe5b9da51f83a98cfe10a6367e5ad46' }, hAsync("div", { key: '0438970f2162d814615441a1a5252d095f4407d9', class: "contact-item" }, this.label && (hAsync("h5", { key: 'a55d0172d834a6c3681493223a6d86b2e2ea809b', class: "contact-item__label" }, this.label)), this.value && (hAsync("p", { key: '60942e88db4782a2b45e627bf5914edf476e8383', class: "contact-item__value" }, this.value)), hAsync("slot", { key: '8d1946d2e59875a728116615b6c36c335c07ef1d' }))));
+        return (hAsync(Host, { key: '2893556bc677a8897d47874fd033e5c1bb04779d' }, hAsync("div", { key: '94f6c309c6d624ce3682af895cc9fbfdb0a6b53d', class: "contact-item" }, this.label && (hAsync("h5", { key: '26940fbcd567d9e0261fb62782fa9707ac1e3d61', class: "contact-item__label" }, this.label)), this.value && (hAsync("p", { key: '9bbc554da519bfd25d50d7a5e23dfbff1ca5bc59', class: "contact-item__value" }, this.value)), hAsync("slot", { key: 'da7c5af2d1346ef6d9a2d2266138c49b9dbd93cc' }))));
     }
     static get style() { return afContactItemCss; }
     static get cmpMeta() { return {
@@ -4195,7 +4195,7 @@ class AfDivider {
                 marginTop: spacingValue,
                 marginBottom: spacingValue,
             };
-        return (hAsync(Host, { key: 'e16f893940bf9efb8071bf0f94c735f40db3f595', class: {
+        return (hAsync(Host, { key: 'ac8090274a8306a9882b32bb3d5e16a591b86f2f', class: {
                 'divider': true,
                 'divider--horizontal': !isVertical,
                 'divider--vertical': isVertical,
@@ -4317,13 +4317,13 @@ class AfFeatureAccordion {
     render() {
         const items = this.getItems();
         const currentItem = items[this.expandedIndex];
-        return (hAsync(Host, { key: 'cbda1aa6283e411b91bdf3f4f37666289d39e7f8' }, hAsync("div", { key: '03f8ae153afe79ee6d47494bb34888158121b16d', class: "feature-accordion" }, hAsync("div", { key: '42470c0256313498a9276dfeeea205664251e09a', class: "feature-accordion__container" }, hAsync("h2", { key: 'a2135b43755e083ab9b71a1fedba49aa8299cbd2', class: "feature-accordion__heading" }, this.heading), hAsync("div", { key: '39724513a630bce185d4e82fb189bd7902214947', class: "feature-accordion__content" }, hAsync("div", { key: 'da9769e9a6708f804d5033ca9dfa3d6a3a2040dc', class: "feature-accordion__list" }, items.map((item, index) => (hAsync("div", { class: {
+        return (hAsync(Host, { key: '595e09ae8153ade7a4fa676eb6f286fc4fec5efe' }, hAsync("div", { key: 'ee35766aa1e9300b4826576913bb7c84ede6a1e7', class: "feature-accordion" }, hAsync("div", { key: 'a12641497c3c3de7e975ebd0735998d4febefb5f', class: "feature-accordion__container" }, hAsync("h2", { key: '42bb968907b3f2745f0ca8f2b40ccfb0e085dad5', class: "feature-accordion__heading" }, this.heading), hAsync("div", { key: 'b70e9007418de1a53cf3f77b4e5477b63d0a11f1', class: "feature-accordion__content" }, hAsync("div", { key: '3fdfbc954daa9d02efb1cdb4ea9d26caeba603c8', class: "feature-accordion__list" }, items.map((item, index) => (hAsync("div", { class: {
                 'accordion-item': true,
                 'accordion-item--expanded': this.expandedIndex === index
             }, key: index }, hAsync("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index), "aria-expanded": this.expandedIndex === index ? 'true' : 'false' }, hAsync("h4", { class: "accordion-item__title" }, item.title), hAsync("span", { class: "accordion-item__icon", "aria-hidden": "true" }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { class: "accordion-item__icon-bar", d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }), hAsync("path", { class: "accordion-item__icon-bar accordion-item__icon-bar--vert", d: "M12 5V19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })))), hAsync("div", { class: "accordion-item__content", style: {
                 maxHeight: this.expandedIndex === index ? '200px' : '0',
                 opacity: this.expandedIndex === index ? '1' : '0'
-            } }, hAsync("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (hAsync("div", { class: "accordion-item__timer-track" }, hAsync("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), hAsync("div", { key: 'a7c2d6d629fe1504494a8dde13b0d79919d06da8', class: "feature-accordion__image-container" }, hAsync("div", { key: '17de2e2c33a2d9e32a9770a79875af6e09362a85', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (hAsync("img", { key: '66a387afb8aa256a935fb2cedb15ce9ab100b650', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (hAsync("div", { key: 'e464726529873b054d307d24f358cd21138b160f', class: "feature-accordion__image-placeholder" }, hAsync("slot", { key: 'fe8473b549e433cfc4808ee882cb5da753dfaaed', name: "image" }))))))))));
+            } }, hAsync("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (hAsync("div", { class: "accordion-item__timer-track" }, hAsync("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), hAsync("div", { key: '902712779f4ff2eaae179762a7b78ff1f0784d58', class: "feature-accordion__image-container" }, hAsync("div", { key: 'b741cfaf96428e786e8780cfeff90a0c315716e8', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (hAsync("img", { key: '2a565b530441c9953139b3c0517f480a81f0a77a', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (hAsync("div", { key: 'f8248c73c5dcbd6b8224ad646ee867d34004437d', class: "feature-accordion__image-placeholder" }, hAsync("slot", { key: '9cbe9ee773b0acd5a1b80fa4f6dd2f293152e598', name: "image" }))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -4515,7 +4515,7 @@ class AfFeatureGrid {
             [`feature-grid--mobile-${this.mobileLayout}`]: true,
         };
         const showProgressLine = this.mobileLayout === 'scroll';
-        return (hAsync(Host, { key: 'baeaff34dab4980412fa0564570b43f0b03016ce' }, hAsync("div", { key: 'bb7224b908aa8635a8c896adaeadabd9e3b2d0f3', class: gridClasses }, hAsync("div", { key: 'd1fcd29989994376245c8f36be97660464ba8a19', class: "feature-grid__cards" }, hAsync("slot", { key: '7244415488316bc6d84794935dd8e44470191ae3' })), showProgressLine && (hAsync("div", { key: '7ec8c1209bf4fb3ddd81dd965d3a5009cc98f468', class: "feature-grid__progress" }, hAsync("af-progress-line", { key: 'cb203f374c673930e6ab34ac54e4b2188d1b0b6e', progress: this.scrollProgress }))))));
+        return (hAsync(Host, { key: '79843a96c9ee451709ed2dea2273fe5394c0f180' }, hAsync("div", { key: '83f10509eddca556b5c1bc0c9188a3e23d7a1726', class: gridClasses }, hAsync("div", { key: '794777d18ea5232a851ad86d7fe821d008e5f7ab', class: "feature-grid__cards" }, hAsync("slot", { key: 'ea4b54b056f3d91a73e302adedcfde3ef21c7a4c' })), showProgressLine && (hAsync("div", { key: 'ed2c80eed8b751d2a9e17bf1d1833f9fac7c681c', class: "feature-grid__progress" }, hAsync("af-progress-line", { key: '51fabf03ae0944dda30980a711d7f0ffdf44226d', progress: this.scrollProgress }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4607,7 +4607,7 @@ class AfFooter {
         this.showStatus = true;
     }
     render() {
-        return (hAsync(Host, { key: '861c5bfe1b522545870fe67192553a621f0928d1' }, hAsync("footer", { key: '03c309b37ec977d65b36198fc8fcf549add90c43', class: "footer" }, hAsync("div", { key: 'db23fd931863f40d95c51716fcdbb63855133db7', class: "footer__container" }, hAsync("div", { key: 'eca38acbdc47474cc250b9a41528971676e95765', class: "footer__top" }, hAsync("div", { key: '2cfd74ee3d56e0778ce6d10b83b75994d384fe10', class: "footer__brand" }, hAsync("div", { key: '425f59ec107962c91b5fed5d989fe67bc8454cc5', class: "footer__brand-card" }, hAsync("div", { key: '11d932a2f59e5467c40842b327c260f8d1c90837', class: "footer__logo" }, hAsync("slot", { key: '02a8bee27310753862376d90cbdfc55012462520', name: "logo" })), hAsync("div", { key: '1ee36e17b70b818f8ea44c06b9b3d2c22fafac96', class: "footer__social" }, hAsync("slot", { key: '45ff0b3003ffb550ecf30274a2fc6535833d0686', name: "social" }))), hAsync("div", { key: '34a16c80d4f6680034d84c61666b580acd3a9eea', class: "footer__contact-card" }, hAsync("slot", { key: 'c3b40328bcc65add5293e5a38fd5747fdb83b0fc', name: "contact" }))), hAsync("div", { key: '5654e1a39634ebb8f7ccda5325c46db5f6052fba', class: "footer__nav" }, hAsync("div", { key: '42108b09428adac653c3f7c351bf2192695caf19', class: "footer__nav-columns" }, hAsync("slot", { key: 'ceb76c14151308458646c8f446a29058caca824e', name: "nav" })), this.showStatus && (hAsync("div", { key: 'b24841e909ca9fab2ed473770dda0266e4f8dcc1', class: "footer__status" }, hAsync("span", { key: 'f7ae4e7a10da63020fe5a1ed6db747960a75649e', class: `footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}` }), hAsync("span", { key: 'b0073fedf76be2b079ce470112df2c13bed22224', class: "footer__status-text" }, this.statusText), this.statusUrl && (hAsync("a", { key: '77f7e45dfa0ae32e8346500c3d00cbad277fe1a1', href: this.statusUrl, target: "_blank", rel: "noopener noreferrer", class: "footer__status-link" }, "Learn more")))))), hAsync("div", { key: 'f544acdee6fe1ee1841b4667034b3bc89b2f3669', class: "footer__bottom" }, this.copyrightText && (hAsync("p", { key: '4d420e42a2abe1493a77e40e838d5644373d1c1f', class: "footer__copyright" }, this.copyrightText)), hAsync("div", { key: '3fcff3a343acabb362675c15b30f489c3f2b6918', class: "footer__legal" }, hAsync("slot", { key: '66f4b372a38bbee2f2db87ac554cafbb7f97f878', name: "legal" })), hAsync("div", { key: '81c800496c83695e303f13f904e6662c3a9300c9', class: "footer__badges" }, hAsync("slot", { key: '667b1c600f34fec004ecfd5b6879256aeaa36480', name: "badges" })))))));
+        return (hAsync(Host, { key: '4e02a8e9b378b3f06aca47609b7d39757dc4434f' }, hAsync("footer", { key: '41177e4981ae89efc453f4890545c970a949c1a0', class: "footer" }, hAsync("div", { key: '8c0450ada99ec27533aae3d15876ec4ca59c4b28', class: "footer__container" }, hAsync("div", { key: 'e3ede26f252e08d666829fb1be2accfe4860425b', class: "footer__top" }, hAsync("div", { key: 'cd8cb407f6d88cc404892d7fb58fa05046b3d332', class: "footer__brand" }, hAsync("div", { key: '7c62228d707d5b9befa08f3355af49074c9a91c1', class: "footer__brand-card" }, hAsync("div", { key: 'f3fc48dff5c9fe2800b7b1fffb21cb521485fb86', class: "footer__logo" }, hAsync("slot", { key: 'af62f8619641d28cd523e893d5228ef57a9c1983', name: "logo" })), hAsync("div", { key: '216a0eb37fb07916188acddf1521c547dffb0903', class: "footer__social" }, hAsync("slot", { key: 'a0ecbe24c06281a27717e6253d9a553b9059ec22', name: "social" }))), hAsync("div", { key: 'c00ecaab696e3320d1d8081ebee10818b3225bf6', class: "footer__contact-card" }, hAsync("slot", { key: 'b767fd999eefeaf80083a27cee564d968c325fc3', name: "contact" }))), hAsync("div", { key: '601d75ff49fb125e5de89af0e97f32728e2d8a18', class: "footer__nav" }, hAsync("div", { key: '2875b2b5b77ab9c109701e21db1eabf0067a7f05', class: "footer__nav-columns" }, hAsync("slot", { key: 'bf069f0ef3483210014c44de263357b5efe0437a', name: "nav" })), this.showStatus && (hAsync("div", { key: '2e74bf503b93c08f5fdcb053c4b1b6001272897f', class: "footer__status" }, hAsync("span", { key: '5009a1ba220866f9946d2efbbca2823ea8a5c4f2', class: `footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}` }), hAsync("span", { key: 'a34fb1674659a7072a3890b0d5da6fd1d7255335', class: "footer__status-text" }, this.statusText), this.statusUrl && (hAsync("a", { key: '5ee737874aea90717fd467d0dd2c2d63934d77c9', href: this.statusUrl, target: "_blank", rel: "noopener noreferrer", class: "footer__status-link" }, "Learn more")))))), hAsync("div", { key: 'ecbde350cdfd2f794ab6d23b776d2e6824e7e834', class: "footer__bottom" }, this.copyrightText && (hAsync("p", { key: 'e4f08b9cfe7a60319736b09ba88671963f8a0f38', class: "footer__copyright" }, this.copyrightText)), hAsync("div", { key: '9662a40dcb5766ef5b55b615e96e9be6ee8482ab', class: "footer__legal" }, hAsync("slot", { key: '4b4413033e24b82e11bcaa573c2b38d3a4657e01', name: "legal" })), hAsync("div", { key: '710e4692bbccf133eee78bce5a04c2da18096532', class: "footer__badges" }, hAsync("slot", { key: '1c9907e32621b27638b4294708fbb71254a950bf', name: "badges" })))))));
     }
     static get style() { return afFooterCss; }
     static get cmpMeta() { return {
@@ -4639,7 +4639,7 @@ class AfFooterColumn {
         this.heading = '';
     }
     render() {
-        return (hAsync(Host, { key: '283526c985df996540e558a5591e5a167e5c4c9b' }, hAsync("div", { key: '829fc317f3999dda3aadbb8cc68c3ce53485df12', class: "footer-column" }, this.heading && (hAsync("h5", { key: '567141f08e21166642f7e9fea2d4becfaa9e2162', class: "footer-column__heading" }, this.heading)), hAsync("ul", { key: 'b5b7cb63ffe3fed5d97edaa1264fab916980da8b', class: "footer-column__list" }, hAsync("slot", { key: '4c9adcdfc3c25f42c325bc222f4b9761b82a0280' })))));
+        return (hAsync(Host, { key: '67e4bf8e1e6c60f1d00bf1cb5c064bd33f68fba5' }, hAsync("div", { key: '3a2dd16b71346ad2709b366e0c6de7762814748c', class: "footer-column" }, this.heading && (hAsync("h5", { key: '0e05841a9711fb6a04a5f977bf1c7f653ec52649', class: "footer-column__heading" }, this.heading)), hAsync("ul", { key: 'cb50c8d91046ec76a886854faf1ac33a8c0a1d7c', class: "footer-column__list" }, hAsync("slot", { key: '167597388a2dbe99b8a331e77c2491872112e82d' })))));
     }
     static get style() { return afFooterColumnCss; }
     static get cmpMeta() { return {
@@ -4669,7 +4669,7 @@ class AfFooterLink {
         this.external = false;
     }
     render() {
-        return (hAsync(Host, { key: 'bbd1c9452688e637e2f042855b460c550a04ab7d' }, hAsync("li", { key: '01c2e3ea98cb848935f587e7dd83a71735f9bacb' }, hAsync("a", { key: '965d00d17484deade15cc8e502ad507e67443f8c', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, hAsync("slot", { key: '4536f9279791c59a9d198454ed2bf4e60194d52e' }), this.external && (hAsync("svg", { key: '5e7a04185d8643b164f4b35f95dba5f0312ce1f4', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, hAsync("path", { key: '6a6a43d0276a36ffc43f6a29e31a74d8c4ae3c57', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (hAsync(Host, { key: 'e341043b7d2a33e6bad09755eef69f170c7b809a' }, hAsync("li", { key: 'abd9188151d0d11b0b98ad28ec7263f68cf03ee9' }, hAsync("a", { key: '8de2cdf51282334947408dc2d5f5b4060a94e73a', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, hAsync("slot", { key: '3f2fd206e8b121afcd137de19e2ef7ce974ef16e' }), this.external && (hAsync("svg", { key: '9e3075f004cfdee1dcf25be2a0437f841a2baeda', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, hAsync("path", { key: '72d0f422c4ded4b4ff44107edd5afa99b30ff123', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get style() { return afFooterLinkCss; }
     static get cmpMeta() { return {
@@ -4717,14 +4717,14 @@ class AfGrid {
             end: 'end',
             stretch: 'stretch',
         };
-        return (hAsync(Host, { key: 'bb11b9a7bd4d800f5466f199789ca36ca699e82d', style: {
+        return (hAsync(Host, { key: 'd8f5d8d0eb7a070892ed00bea3b6cacba55ebfd0', style: {
                 '--grid-columns': String(this.columns),
                 '--grid-columns-lg': String(this.columnsLg ?? this.columns),
                 '--grid-columns-md': String(this.columnsMd ?? this.columnsLg ?? this.columns),
                 '--grid-columns-sm': String(this.columnsSm ?? this.columnsMd ?? this.columnsLg ?? 1),
                 '--grid-gap': `var(--space-${this.gap})`,
                 '--grid-align': alignMap[this.align],
-            } }, hAsync("div", { key: '02d1c73218c856deee3915f5c1c61c6e01380fe3', class: "grid" }, hAsync("slot", { key: 'c4d54340438da4c9bc0f865e1e62c206b1cc4e3f' }))));
+            } }, hAsync("div", { key: '11c90d93bb50c200faeab87ffaef287256609f4e', class: "grid" }, hAsync("slot", { key: '4e468e5ce63b0550ae6f16694b7e0a5e26d8564f' }))));
     }
     static get style() { return afGridCss; }
     static get cmpMeta() { return {
@@ -5015,12 +5015,12 @@ class AfHero {
         const hasIllustration = v === 'inkwell-illustration' ||
             v === 'soft-clay-illustration' ||
             v === 'mist-green-illustration';
-        return (hAsync(Host, { key: '0a992496d31ad5bfbc3d987f8e14d4947ed4634a', class: {
+        return (hAsync(Host, { key: 'c40393e3a50d1beecbe83804a1407a51d46e82ce', class: {
                 [`hero--${v}`]: true,
                 [`hero--pad-${this.topPad}`]: true,
                 [`hero--theme-${this.theme}`]: true,
                 'hero--float-navbar': this.resolvedFloatNavbar,
-            } }, hAsync("af-section", { key: 'e7fb9c00edf9df24b3a6f31ec73153f076623b80', theme: this.theme, padding: "none", container: false, class: "hero__section" }, centered && (hAsync("div", { key: 'c11031876d2de4e7bdec1ff11ff05488f91e1b95', class: "hero__paperclip", "aria-hidden": "true" }, hAsync("slot", { key: 'e374f0ebeb82e4d1f5f0be91a0067a2d6c0dc5ec', name: "paperclip" }))), hAsync("af-container", { key: '516ef86f39140df14422abd4dc2688d5afe95327', class: "hero__inner" }, centered ? (this.renderCopy()) : (hAsync("div", { class: "hero__grid" }, this.renderCopy(), hasImage && this.renderPhoto(), hasIllustration && this.renderIllustration()))), hAsync("div", { key: '946d5bd24bba79faa0aa11af2313538d9131acdc', class: "hero__logos" }, hAsync("slot", { key: '3e6f93398f642963bf38f95dbd9c037f26dcf8f9', name: "logos-below" })))));
+            } }, hAsync("af-section", { key: '77ce170dadae5685fd58ccd3e9b679099ed7068f', theme: this.theme, padding: "none", container: false, class: "hero__section" }, centered && (hAsync("div", { key: 'e1f70ac7c9f4f708a3ac033aaba9c61aa1c5ca58', class: "hero__paperclip", "aria-hidden": "true" }, hAsync("slot", { key: '4cc7a2ca78151e4190e81af45ad9989e28c667b1', name: "paperclip" }))), hAsync("af-container", { key: 'c3e00acd79776207246290a7b3d5b8bb7b776791', class: "hero__inner" }, centered ? (this.renderCopy()) : (hAsync("div", { class: "hero__grid" }, this.renderCopy(), hasImage && this.renderPhoto(), hasIllustration && this.renderIllustration()))), hAsync("div", { key: '0cdd9f9071e3670a6d4b4a6082abe9252750d3b5', class: "hero__logos" }, hAsync("slot", { key: '8b53c58048c404b6d057f0e56d1ec0402ffd6e00', name: "logos-below" })))));
     }
     get el() { return getElement(this); }
     static get style() { return afHeroCss; }
@@ -5442,7 +5442,7 @@ class AfIconBox {
             [`icon-box--size-${this.size}`]: true,
         };
         const iconSize = this.size === 'small' ? 20 : this.size === 'large' ? 48 : 40;
-        return (hAsync(Host, { key: 'b224f522fa4db3081cb97fbe88aec0a4f4198d61' }, hAsync("div", { key: '99ee87a2104918c6d3855cc5d7e90dcbda2d9638', class: containerClasses }, hAsync("af-icon", { key: '778170ce3b08ca6b34289cc6bd1d49ade9583bc1', name: this.icon, size: iconSize }))));
+        return (hAsync(Host, { key: '2a0468909e1ec2a92c20b7cda6cb39af8584a42b' }, hAsync("div", { key: '57eaff445b3d6a04c5eb7c39729bfb576866ca07', class: containerClasses }, hAsync("af-icon", { key: '5590e7bd7dea9951f2f647c85240ee6673bcac32', name: this.icon, size: iconSize }))));
     }
     static get style() { return afIconBoxCss; }
     static get cmpMeta() { return {
@@ -5561,7 +5561,7 @@ class AfIconText {
             'icon-text': true,
             [`icon-text--${this.orientation}`]: true,
         };
-        return (hAsync(Host, { key: 'e00ca808eec26f88a177d91373d749908f3b2b5a' }, hAsync("div", { key: 'c2709624720dd8775474c7c5be41ab93291bbe83', class: containerClasses }, hAsync("af-icon-box", { key: '68feda331b07eefd23f10a4edf25b935e0298cf8', icon: this.icon, size: this.iconSize, class: "icon-text__icon" }), hAsync("af-typography-lockup", { key: '56ee1da85e0808e3e12033abc7f0c74786b0b099', headingSize: this.headingSize, textAlignment: "left", buttonAlignment: "vertical", class: "icon-text__lockup" }, hAsync("slot", { key: '056bef68d2251e514527cd49cbe2e8623556cc2a' }), hAsync("span", { key: 'fb3379b7494d73b306a10f792f403ea1da719067', slot: "description" }, hAsync("slot", { key: '7d06d6f52096fd80343823bd406f5a80d0035eaa', name: "description" })), hAsync("span", { key: '9b4e20bc667fe53312297bdea1b5a96706dd3521', slot: "buttons" }, hAsync("slot", { key: 'dac8dfcef4cb3f1f3d7caacb6ef40d29e52b53fe', name: "buttons" }))))));
+        return (hAsync(Host, { key: 'cff8f57c2175530744bbf82bcaf80883602dea66' }, hAsync("div", { key: '2fd499767ec70050ed0319a27d8cdb91b5b9432c', class: containerClasses }, hAsync("af-icon-box", { key: 'd39fe7b335e68064ee0ef88a9fa210ae7c7d5166', icon: this.icon, size: this.iconSize, class: "icon-text__icon" }), hAsync("af-typography-lockup", { key: 'f613b10a4f90fef207ac007170be63a06d3018a9', headingSize: this.headingSize, textAlignment: "left", buttonAlignment: "vertical", class: "icon-text__lockup" }, hAsync("slot", { key: '151b8544c65eede0f0c7fa3c0bfc003bed54c25a' }), hAsync("span", { key: 'eae7c355f05b99b3a443d2dd7a211d9c4ee9398c', slot: "description" }, hAsync("slot", { key: '2514ef8f6b6524d8647e43cc2a111a03ea17f094', name: "description" })), hAsync("span", { key: '0271986cc47f4b0625294109f720b76cb8917e21', slot: "buttons" }, hAsync("slot", { key: '28a5b615d74f94249a60ab59561e756ad49c9726', name: "buttons" }))))));
     }
     static get style() { return afIconTextCss; }
     static get cmpMeta() { return {
@@ -5617,7 +5617,7 @@ class AfIllustratedCard {
             [`illustrated-card--breakpoint-${this.breakpoint}`]: true,
             [`illustrated-card--size-${this.cardSize}`]: true,
         };
-        return (hAsync(Host, { key: '6cfa00ec3678220a5cb65c47c2a6dd120a8c5553' }, hAsync("div", { key: '0b2fe8e581ead66d4f87007effce17bc506acb90', class: wrapperClasses }, hAsync("af-card", { key: '7c9b545d3dd1960c43a6913ed28beb7f061c31e7', theme: this.theme }, hAsync("div", { key: 'cfe8a3385853a6affefc77f18f5625f292f10489', class: "illustrated-card__content" }, hAsync("af-typography-lockup", { key: '38e539b8617502fdd4ae2ebd6e1e536cf502b9a1', headingSize: 3, breakpoint: this.breakpoint, textAlignment: "left", buttonLayout: "vertical" }, hAsync("slot", { key: '8988255edefe50349f78fe45db72c584ba6378ef' }), hAsync("span", { key: '769cbdd181f166b086974e21a7f941dd4e17add0', slot: "description" }, hAsync("slot", { key: 'ac1793bf3c0cc8e1a5d1ce9b2958a4e320b81134', name: "body" })), hAsync("span", { key: 'ef22764670352f88d7e647b44625ac1afa94d51f', slot: "buttons" }, hAsync("slot", { key: '625f23188a6cd9914b67b1c9937c728bc7125f4f', name: "buttons" })))), hAsync("div", { key: '0616a426ea07da6c92488c65d85ba3c3ab84c40b', class: "illustrated-card__illustration-area" }, hAsync("slot", { key: 'cf2998e62fb20f3cd049e0640004322a0b438ac1', name: "illustration" }))))));
+        return (hAsync(Host, { key: '9cb248db15ab8be5119df3183457470491de468b' }, hAsync("div", { key: 'c3ba0afed9c7fe45f5d577aedf9b320a1f875e47', class: wrapperClasses }, hAsync("af-card", { key: '07f201cc8c56bade2e793e68b7777c23ac7d0ba7', theme: this.theme }, hAsync("div", { key: '7f1a2579a29229f8161771836b60c0d882cabf59', class: "illustrated-card__content" }, hAsync("af-typography-lockup", { key: 'b5d9150b3f63e46e36f478380f36fb3f273f227c', headingSize: 3, breakpoint: this.breakpoint, textAlignment: "left", buttonLayout: "vertical" }, hAsync("slot", { key: '6aba88b9857866d246270d6a7c0ebe9ba67c5d74' }), hAsync("span", { key: '2e0454ef021e537917aad2227fd75e66b421761c', slot: "description" }, hAsync("slot", { key: 'a7779fbb7ce77d4d24ac834bd302e3aa437610ab', name: "body" })), hAsync("span", { key: 'c0c82b1f5470dfd8f7b75474b4730e679c2641d7', slot: "buttons" }, hAsync("slot", { key: '1a9ec3da3c50fe815e4502ec71218c8a21dc3b1c', name: "buttons" })))), hAsync("div", { key: 'e758d3071a54afdad44903e0002d5aa8a50b17e0', class: "illustrated-card__illustration-area" }, hAsync("slot", { key: '9521bbe523e32015e5bfd8f56cdcc1959e382fc2', name: "illustration" }))))));
     }
     static get style() { return afIllustratedCardCss; }
     static get cmpMeta() { return {
@@ -5655,7 +5655,7 @@ class AfImage {
         this.shape = 'rounded';
     }
     render() {
-        return (hAsync(Host, { key: 'a8954272f3c0defc0b9e33d5f3221c6e1083d927' }, hAsync("div", { key: '2fd3bad5b46360cac57d069031ec2f69103f6542', class: `image-container image-container--${this.shape}` }, hAsync("img", { key: '72a11cde6b65481320d8b6a1d65e85862d4a449e', src: this.src, alt: this.alt, class: "image" }), hAsync("div", { key: '7727e1ac4179e96f8c8928de678136337bd82f44', class: "image-border", "aria-hidden": "true" }))));
+        return (hAsync(Host, { key: '4f48634e84e032c9a93cf48444709146ffe591b7' }, hAsync("div", { key: 'c26f889afa7c3d35e5f65dcc23d63a41a9c0987e', class: `image-container image-container--${this.shape}` }, hAsync("img", { key: 'c1474197475df3bff2263b509f3abf59a53aa932', src: this.src, alt: this.alt, class: "image" }), hAsync("div", { key: 'bb6e0cae628bf65e423d5986df8ed119af74e699', class: "image-border", "aria-hidden": "true" }))));
     }
     static get style() { return afImageCss; }
     static get cmpMeta() { return {
@@ -5742,7 +5742,7 @@ class AfInPageBanner {
         return (hAsync("div", { class: "banner__wave-overlay", "aria-hidden": "true" }, hAsync("svg", { viewBox: "0 0 521 323", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "banner__wave-svg" }, hAsync("path", { d: "M473.775 46.273C443.539 15.92 403.701 -0.631616 361.351 0.0184478H154.183L112.67 67.225H361.893C362.189 67.225 362.533 67.225 362.829 67.225C387.155 67.225 410.004 76.7259 427.289 94.0776C445.017 111.879 454.816 135.682 454.816 161.134C454.816 213.389 412.959 255.843 361.548 255.843H108.041C84.9457 255.843 66.1345 236.742 66.1345 213.289C66.1345 189.837 84.9949 170.435 107.992 169.735H334.957L377.799 102.528H106.859C47.9636 104.029 0 153.683 0 213.289C0 272.895 48.456 323 108.041 323H361.548C449.449 323 521 250.343 521 161.084C521 117.53 504.257 76.7759 473.824 46.2229L473.775 46.273Z", fill: "currentColor" }))));
     }
     render() {
-        return (hAsync(Host, { key: '87abd1c23d56419cbbaf1c34230afa17f7ccffa8' }, hAsync("div", { key: 'ea56f17212a63e56bf1339009dbbac39835aacf3', class: `banner theme-${this.theme}` }, this.showWaveDecoration && this.renderWaveOverlay(), hAsync("div", { key: '09016e39680edb60995ce373f906025d86e4c9d4', class: "banner__illustration" }, this.illustrationUrl ? (hAsync("img", { src: this.illustrationUrl, alt: "", class: "banner__illustration-img", loading: "lazy" })) : (hAsync("slot", { name: "illustration" }))), hAsync("div", { key: 'aebd3b10940e61b6b24a4592741173e175b8f17a', class: "banner__content" }, hAsync("div", { key: 'e3f900a1775c905f4e5816ed56fc7ccfd48581a7', class: "banner__copy" }, hAsync("h2", { key: 'fde36b2f853c379ab9434c2619eb9b5959f47a66', class: "banner__heading" }, hAsync("slot", { key: 'd872bb70022c71240442fbf884e2479332657973', name: "heading" }, this.heading)), hAsync("div", { key: '21728ca79ef014f2397da9c9bea6e42d278fdcbf', class: "banner__description" }, hAsync("slot", { key: '5c383f37817482d3865d0aa9f4119522ef6b9152', name: "description" }, this.description))), hAsync("div", { key: '057731169459a52833810baf53ad3f62c4687693', class: "banner__buttons" }, hAsync("slot", { key: '1e6da776478fd903694226b78ccf4b99f9848d39', name: "buttons" }, this.primaryButtonText && (hAsync("af-button", { key: '8c930f1b11bcd07a1078caa8a65dc29ef9a625f4', href: this.primaryButtonUrl, variant: "primary" }, this.primaryButtonText)), this.secondaryButtonText && (hAsync("af-button", { key: '0b57d550f76dd26b2d5253f618fb4cd03cfd5186', href: this.secondaryButtonUrl, variant: "secondary" }, this.secondaryButtonText))))))));
+        return (hAsync(Host, { key: '022f98e0925a4cdc04db66889b266f1741932513' }, hAsync("div", { key: '64f60ef33b18ba4e0e20d5248a3a8d396a72b4cd', class: `banner theme-${this.theme}` }, this.showWaveDecoration && this.renderWaveOverlay(), hAsync("div", { key: '26ff6aefd41268a5bece7fb2c5161cfacd38d54e', class: "banner__illustration" }, this.illustrationUrl ? (hAsync("img", { src: this.illustrationUrl, alt: "", class: "banner__illustration-img", loading: "lazy" })) : (hAsync("slot", { name: "illustration" }))), hAsync("div", { key: '025c1664b11d6531d2471ab652a0715e58ee5d46', class: "banner__content" }, hAsync("div", { key: 'e58cc91158e663068ddaa01fd9776135055769fc', class: "banner__copy" }, hAsync("h2", { key: '7f3afcf9b28cbc1b924f6dec0bf4882c64b1c306', class: "banner__heading" }, hAsync("slot", { key: 'ac04c8f27d294f97f79ab11595ce4c1e12e3d9f3', name: "heading" }, this.heading)), hAsync("div", { key: '7b5a689cf681591d8eac098f9e0a8d3b01348140', class: "banner__description" }, hAsync("slot", { key: '724079691b59aab3f336a3524b85f5fe27ad754d', name: "description" }, this.description))), hAsync("div", { key: 'e4d8eedee783e6b48ca780bf95337048384165fc', class: "banner__buttons" }, hAsync("slot", { key: 'e1b5995706145354b41daa5a774086ddaa65accc', name: "buttons" }, this.primaryButtonText && (hAsync("af-button", { key: 'c5e797d3c62876d4ba964272efe7d9d97b962a36', href: this.primaryButtonUrl, variant: "primary" }, this.primaryButtonText)), this.secondaryButtonText && (hAsync("af-button", { key: 'e4a8ba0065181b3201f906fdc718595ad9bdd4fc', href: this.secondaryButtonUrl, variant: "secondary" }, this.secondaryButtonText))))))));
     }
     static get style() { return afInPageBannerCss; }
     static get cmpMeta() { return {
@@ -5818,7 +5818,7 @@ class AfInline {
             justifyContent: justifyMap[this.justify],
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (hAsync(Host, { key: '3dce5c336021a6c5046258120a72f3087a421e2a', style: style }, hAsync("slot", { key: '28fb5aff7cb1a0edf1389bc7146d21560313468c' })));
+        return (hAsync(Host, { key: '7069c721994bbd1acc8d57875522dbefdaf796d9', style: style }, hAsync("slot", { key: 'e39c2d982cca56ab6545e3e8a43eea7696708f21' })));
     }
     static get style() { return afInlineCss; }
     static get cmpMeta() { return {
@@ -5836,11 +5836,11 @@ class AfInline {
     }; }
 }
 
-const afInputCss = ":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;min-height:48px;box-sizing:border-box}.input-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.input-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n    0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.input-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.input-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.search-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-icon, var(--af-background-icon-default, #14343b))}.search-icon svg{width:20px;height:20px}.disabled .search-icon{opacity:0.5}.input{flex:1;min-width:0;padding:0;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none}.input::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input[type=\"search\"]::-webkit-search-decoration,.input[type=\"search\"]::-webkit-search-cancel-button,.input[type=\"search\"]::-webkit-search-results-button,.input[type=\"search\"]::-webkit-search-results-decoration{display:none}.input[type=\"number\"]::-webkit-inner-spin-button,.input[type=\"number\"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=\"number\"]{-moz-appearance:textfield}.clear-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0;opacity:0.6;transition:opacity 0.15s ease}.clear-button svg{width:16px;height:16px}.clear-button:hover{opacity:1}.clear-button:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
+const afInputCss = ":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;min-height:48px;box-sizing:border-box}.input-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.input-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n    0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.input-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.input-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.search-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-icon, var(--af-background-icon-default, #14343b))}.search-icon svg{width:20px;height:20px}.disabled .search-icon{opacity:0.5}.input{flex:1;min-width:0;padding:0;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none}.input::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input[type=\"search\"]::-webkit-search-decoration,.input[type=\"search\"]::-webkit-search-cancel-button,.input[type=\"search\"]::-webkit-search-results-button,.input[type=\"search\"]::-webkit-search-results-decoration{display:none}.input[type=\"number\"]::-webkit-inner-spin-button,.input[type=\"number\"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=\"number\"]{-moz-appearance:textfield}.clear-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0;opacity:0.6;transition:opacity 0.15s ease}.clear-button svg{width:16px;height:16px}.clear-button:hover{opacity:1}.clear-button:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.input-container--multiline{padding:0;min-height:0;overflow:hidden}.input--multiline{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.input--multiline::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input--multiline:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.input--multiline:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
 
 /**
  * Input field component with label, description, and error states.
- * Supports various input types and validation states.
+ * Supports single-line and multi-line (textarea) modes via the `multiline` prop.
  *
  * @slot label-end - Content to display at the end of the label (e.g., info icon)
  */
@@ -5857,7 +5857,8 @@ class AfInput {
          */
         this.value = '';
         /**
-         * The input type (text, email, password, number, tel, url, search)
+         * The input type (text, email, password, number, tel, url, search).
+         * Ignored when `multiline` is true.
          */
         this.type = 'text';
         /**
@@ -5877,13 +5878,27 @@ class AfInput {
          */
         this.showInfoIcon = false;
         /**
-         * Whether to show a search icon in the input
+         * Whether to show a search icon in the input. Ignored when `multiline` is true.
          */
         this.showSearchIcon = false;
         /**
-         * Whether to show a clear button when input has value
+         * Whether to show a clear button when input has value. Ignored when `multiline` is true.
          */
         this.clearable = false;
+        /**
+         * Render as a multi-line textarea instead of a single-line input.
+         * Activates `rows` and `resize` props; ignores `type`, `pattern`,
+         * `autocomplete`, `showSearchIcon`, `clearable`.
+         */
+        this.multiline = false;
+        /**
+         * Number of visible rows when `multiline` is true. Ignored otherwise.
+         */
+        this.rows = 4;
+        /**
+         * Whether the textarea is resizable. Ignored when `multiline` is false.
+         */
+        this.resize = 'vertical';
         this.isFocused = false;
         this.isHovered = false;
         this.handleInput = (event) => {
@@ -5920,8 +5935,10 @@ class AfInput {
     render() {
         const hasError = !!this.error;
         const hasValue = !!(this.value && this.value.length > 0);
+        const multiline = this.multiline;
         const wrapperClasses = {
             'input-wrapper': true,
+            'input-wrapper--multiline': multiline,
             'disabled': this.disabled,
             'error': hasError,
             'focused': this.isFocused,
@@ -5930,12 +5947,13 @@ class AfInput {
         };
         const inputContainerClasses = {
             'input-container': true,
+            'input-container--multiline': multiline,
             'disabled': this.disabled,
             'error': hasError,
             'focused': this.isFocused,
             'hovered': this.isHovered && !this.disabled && !this.isFocused
         };
-        return (hAsync(Host, { key: '5bf8980e12ad5fc3b8b84df3acc749bddf61042d' }, hAsync("div", { key: 'd0266eca85871397ed73381ca3d36f3dc2dd79ce', class: wrapperClasses }, this.label && (hAsync("div", { key: 'f9fc2fe3f52a1f9be1404943d91489357ea941dc', class: "label-row" }, hAsync("label", { key: '76283a7f0c9be127aa8c9115fcbc26b2d67d51cc', class: "label", htmlFor: "input" }, this.label, this.required && hAsync("span", { key: '6b0de23e857abfdd25d6eefaa6ff22f22fa813dd', class: "required" }, "*")), this.showInfoIcon && (hAsync("button", { key: '7c5f7a47a8357301f3fe28d6078bdec3ec1160c3', type: "button", class: "info-icon", onClick: this.handleInfoClick, "aria-label": "More information" }, hAsync("svg", { key: '655c9448589937c2047a58962f78ab1872e0da84', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '5066c29389ac8f9e1e27771f43a98f75f9b03634', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '1993da070066d33575618267d6af5b13b641143b', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'dd99ac12d4a23b98c98fca1df34916968276fc0e', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("slot", { key: 'b406de5a455af79a69497c6a641b5c41347ee1ab', name: "label-end" }))), this.description && (hAsync("p", { key: '0dcebb186df7055efb168f96ad4199e2f614a87c', class: "description" }, this.description)), hAsync("div", { key: '754b8a3e67d5807d7d484d475d31913dee8004f4', class: inputContainerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.showSearchIcon && (hAsync("span", { key: '5757962a3479a6cd1f12bd1da183919af69ad9f4', class: "search-icon" }, hAsync("svg", { key: '4106175e5b41e4c978b38eda6db36799a6a6f762', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '1d54b9a8c682c9049e97b28143f0dcd90e068dee', d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'd3ed0187abde8c14eae462612c918e10cb46916d', d: "M21 21L16.65 16.65", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("input", { key: 'fb7a551d44282686732b78865bab8720c5e08830', ref: (el) => this.inputEl = el ?? undefined, id: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, autocomplete: this.autocomplete, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }), this.clearable && hasValue && !this.disabled && !this.readonly && (hAsync("button", { key: '6ad41a3ee4ffdbeefa11e45754a22143b33405e5', type: "button", class: "clear-button", onClick: this.handleClear, "aria-label": "Clear input" }, hAsync("svg", { key: '129f73660030e81ff17071fae51bb34af23eca57', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '78d4c71521ac7daced7023c5bcfb2bfccf593fab', d: "M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '4eb85452029e8347dd648dcc849fa000b41b7fea', d: "M6 6L18 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), hasError && (hAsync("div", { key: 'cc3b6083e88bb99ec17edffbf95ec89e2bb27e97', class: "error-row", id: "error-message" }, hAsync("span", { key: 'fe264a854aaebe481a6913275859ca57b1d61d0d', class: "error-icon" }, hAsync("svg", { key: '1159f77b184d1888c5c5ebe6138070c66abb66e6', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '59975a202086127c2548843e842d33895d6ba1ff', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '11c79f296c1dce73beebd67eeefe3d71b17ee191', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '9f146c96a38b14afb1919cf480224ee520ac16b0', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), hAsync("span", { key: '2d326d0d72727dca4c4839fb5279323e556fbe04', class: "error-text" }, this.error))))));
+        return (hAsync(Host, { key: '55cf204d355367913c765891190048599a46653e' }, hAsync("div", { key: '8f72840a7a6fa8615e535f171f5297fb5d0cdfe5', class: wrapperClasses }, this.label && (hAsync("div", { key: '06711c6031da07fca88bd438db7fb80acc12df71', class: "label-row" }, hAsync("label", { key: '1db607ff65a624aa2520bdfbc2063c0f6587b00c', class: "label", htmlFor: "input" }, this.label, this.required && hAsync("span", { key: 'd2ffc85aafb99e5fc7723993354a23fd99f04ac6', class: "required" }, "*")), this.showInfoIcon && (hAsync("button", { key: '1adcddb4121582d35eff611d8299ff4ed6d0cc24', type: "button", class: "info-icon", onClick: this.handleInfoClick, "aria-label": "More information" }, hAsync("svg", { key: 'e1abef80244c616ba98f89d23f9a4b6b2e4d97e1', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'fedd67859d45345298c7e6e4a67e1e98ac4a9178', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '076a1ff76cc8b5287dd29df42d6b629d34ae739e', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '640f19dd94e31f1090704ccc534b3917cc70a905', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("slot", { key: 'e3b42a60ad6b2378ab6593e239208b847d20c8ad', name: "label-end" }))), this.description && (hAsync("p", { key: '8bf359cd53f562bedbe29f54004d5a974398db7b', class: "description" }, this.description)), hAsync("div", { key: 'eb5a21523188828d60713cc772a477fa2a22a3a3', class: inputContainerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, !multiline && this.showSearchIcon && (hAsync("span", { key: 'ed8945ddd4601e3d2ef84f2644a7ab567156157a', class: "search-icon" }, hAsync("svg", { key: '2684f4233757a74cb55abfb1e62481e5848a5fbc', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'f6855623658e5ea149421b37f039967e6622c955', d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'db81f64ac649e9f41bfdb47a287d3e671951f171', d: "M21 21L16.65 16.65", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), multiline ? (hAsync("textarea", { ref: (el) => this.inputEl = el ?? undefined, id: "input", class: "input input--multiline", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, rows: this.rows, maxlength: this.maxlength, minlength: this.minlength, style: { resize: this.resize }, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })) : (hAsync("input", { ref: (el) => this.inputEl = el ?? undefined, id: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, autocomplete: this.autocomplete, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), !multiline && this.clearable && hasValue && !this.disabled && !this.readonly && (hAsync("button", { key: 'ed7c9c3753fd291aa1105c2f30e00a2b2868efed', type: "button", class: "clear-button", onClick: this.handleClear, "aria-label": "Clear input" }, hAsync("svg", { key: '0615828eb7d27c6cf45fa7f91b25a14dd97fe972', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '6a60d954427656fcc01940dd861c37bd214570d0', d: "M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '9471a7899c62b9fbce7ceafc4986b29c0000f26f', d: "M6 6L18 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), hasError && (hAsync("div", { key: '1972022a3ca5a7f366a83cf35e2eecb4b812bd29', class: "error-row", id: "error-message" }, hAsync("span", { key: '450e80c8d42914048eb114a222d9db8e9b94d3fa', class: "error-icon" }, hAsync("svg", { key: '57eeb2884b16a9adf5fe0744814d00465da436e1', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '9e25cb82f47c915b4c4afa0283a143c9221b465c', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'faf252192e9a4706c5ed363ba240a0cb1ddf6770', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '4eda8b2840b7bf70919460ffe46e54d702ec3191', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), hAsync("span", { key: 'a22e99093a097f8c7be12c8aa4a1b65a87484eb3', class: "error-text" }, this.error))))));
     }
     static get style() { return afInputCss; }
     static get cmpMeta() { return {
@@ -5959,6 +5977,9 @@ class AfInput {
             "maxlength": [2],
             "minlength": [2],
             "pattern": [1],
+            "multiline": [4],
+            "rows": [2],
+            "resize": [1],
             "isFocused": [32],
             "isHovered": [32]
         },
@@ -6001,7 +6022,7 @@ class AfLogoWell {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3dce73db40979d85f0ec5f467baf049e3582d8e2' }, hAsync("div", { key: '7c788d3abb3ad7b1f6835d4561c3389dda007ffa', class: "logo-well" }, hAsync("slot", { key: 'fa27e27c2c6204256582143b8dd00c8de5f73501' }))));
+        return (hAsync(Host, { key: '89f971eecc9e4a0656c6a6865c2653e64bbdd7bb' }, hAsync("div", { key: 'a4ac54bd1649f010caa095b2ea1f8e7ea8b24a02', class: "logo-well" }, hAsync("slot", { key: '11cf1c916f2b056c6ee575351263d83778529146' }))));
     }
     static get style() { return afLogoWellCss; }
     static get cmpMeta() { return {
@@ -6090,7 +6111,7 @@ class AfNavAccordion {
         this.syncItems();
     }
     render() {
-        return (hAsync(Host, { key: 'e60e0f40da03dce1a766a880f1f3649dd957b63e', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, hAsync("div", { key: 'e80e79b012c3060a9fdfcec22af050eb5d063648', class: "nav-accordion" }, hAsync("slot", { key: '234d41321e32046d3d439a93a544c0325b0a02a8' }))));
+        return (hAsync(Host, { key: '111706b5210510f44864d0dd8f5d2fe1901839da', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, hAsync("div", { key: 'e21f1a8ae3edf2c8aa08385240a536c69cf0da6e', class: "nav-accordion" }, hAsync("slot", { key: 'c452fa149aec51c88dbaef3e59de7e28c4f89de3' }))));
     }
     get el() { return getElement(this); }
     static get style() { return afNavAccordionCss; }
@@ -6198,11 +6219,11 @@ class AfNavAccordionItem {
         // 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 (hAsync(Host, { key: '4027092e406bd448da8d84941b626a5416d7974f', class: {
+        return (hAsync(Host, { key: 'bcdd77ad3dea306e2c1b9b8481d3e00a8cd8cc72', class: {
                 'is-open': this.open,
                 'is-disabled': this.disabled,
                 [`breakpoint-${this.breakpoint}`]: true
-            } }, hAsync("div", { key: '5ed6f75516a8b2a82c9231568beef6b8d5257318', class: "nav-accordion-item" }, this.href ? (hAsync("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, hAsync("div", { class: "trigger-content" }, hAsync("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, hAsync("span", { class: "label" }, this.label))), hasDropdownContent && (hAsync("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, hAsync("div", { class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))) : (hAsync("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" }, hAsync("div", { class: "trigger-content" }, hAsync("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, hAsync("span", { class: "label" }, this.label))), hasDropdownContent && (hAsync("div", { class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), hAsync("div", { key: '158bd9902b4f77655cccfb8571802fd4853abbcc', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, hAsync("div", { key: 'a3a4a2214fb02312d2ed90772afc83f5799f01dc', class: "content", ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: '834d9fc168ca9e17bcfa2dc9cd117e51e331344e' }))))));
+            } }, hAsync("div", { key: 'b82a343372689e06aff2ec3eb2b9b2b0ba02c14d', class: "nav-accordion-item" }, this.href ? (hAsync("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, hAsync("div", { class: "trigger-content" }, hAsync("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, hAsync("span", { class: "label" }, this.label))), hasDropdownContent && (hAsync("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, hAsync("div", { class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))) : (hAsync("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" }, hAsync("div", { class: "trigger-content" }, hAsync("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, hAsync("span", { class: "label" }, this.label))), hasDropdownContent && (hAsync("div", { class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), hAsync("div", { key: '880a15014002f905a4c1c1e20dc5516022b9aee1', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, hAsync("div", { key: 'e47b8972907ad32e3fee37f030f1d86c17ac30bc', class: "content", ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: '1def93a51457196a6a023ab32905b8eaa7590c05' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -6411,7 +6432,7 @@ class AfNavMenu {
             'has-border': this.showBorder,
             'card-style': this.cardStyle
         };
-        return (hAsync(Host, { key: 'b77aa8f55e2148e3a21dea9009ccc9f345ad5da1' }, hAsync("div", { key: '0ef8c2202f6ba4925bf16a2e448dec67f65b1bd6', class: classes }, this.heading && (hAsync("div", { key: '6164df7a1a6efe8afb57860d20175fa5ecabf39c', class: "menu-header" }, hAsync("h3", { key: 'a517c7e3039424974c111dc8bf085b9bb57ce833', class: "menu-heading" }, this.heading))), hAsync("div", { key: '18389d1f29886f2d832744bf1cadc449c8e96948', class: "menu-items" }, hAsync("slot", { key: '40c5ffc54a5c1eedd8e07fbecd040070f1b16d97' })))));
+        return (hAsync(Host, { key: '3245ae98bb4b1ab013d36630802bb1cdece57675' }, hAsync("div", { key: 'e84dcdc45b92f928ee7b8dd2328a2b7276a2e02a', class: classes }, this.heading && (hAsync("div", { key: 'd42c91176b53b5d0375cb29d489b722dcd3c8e74', class: "menu-header" }, hAsync("h3", { key: 'b2cf5d6cb682db6f68c9a45045fb060710097137', class: "menu-heading" }, this.heading))), hAsync("div", { key: '89e7aef886d60d2ce3d8b82cd1b2c588d4894be8', class: "menu-items" }, hAsync("slot", { key: '29d596f664fdfc83fc40c17686751f1b893bce26' })))));
     }
     static get style() { return afNavMenuCss; }
     static get cmpMeta() { return {
@@ -6481,7 +6502,7 @@ class AfNavMenuNest {
             [`type-${this.type}`]: true,
             [`breakpoint-${this.breakpoint}`]: true
         };
-        return (hAsync(Host, { key: '90fbee205d076ffd9884122101a2f337088d6cd6' }, hAsync("div", { key: '49e9b2290833f5200119d2cac7d4381e74eddbec', class: classes }, hAsync("div", { key: '148790bd4481d662149913a6b53e248c4ff49f95', class: "menu-columns" }, hAsync("slot", { key: '7790aa268c060cc8253bab3dc08c9de0819eb39a' })), hAsync("div", { key: '393ed046ddcd717e4d1dd8a2e9df0332f1612238', class: "menu-sidebar" }, hAsync("slot", { key: 'cb61c9744b070aaf2bcbbbf2b402664e41e2866c', name: "sidebar" })))));
+        return (hAsync(Host, { key: 'b0eb2c4904916a16b2b6ec6d612337fed3c05e12' }, hAsync("div", { key: 'dd1836b1c6ee6f75555989334a35e2a41d9bacab', class: classes }, hAsync("div", { key: '4e3ae3951e9969d21a5e18a0489a33631bb1e8f2', class: "menu-columns" }, hAsync("slot", { key: '64c660d4a5b35dda06b0ff0ca21c0e24014ceef2' })), hAsync("div", { key: '7418a543431a9fd0fbbf95b1e3b5e862d5ac3917', class: "menu-sidebar" }, hAsync("slot", { key: 'd36bb4016c86d9258a70ddbb46232264bdb156e4', name: "sidebar" })))));
     }
     static get style() { return afNavMenuNestCss; }
     static get cmpMeta() { return {
@@ -6732,7 +6753,7 @@ class AfNumberBadge {
             height: `${this.size}px`,
             fontSize: `${fontSize}px`,
         };
-        return (hAsync(Host, { key: '6d275b5b5e029c0d34508dca9cd674cfcc686130', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, hAsync("span", { key: 'd158b8c0139ac46b892170859ae0d0c43ec2eb9a', class: {
+        return (hAsync(Host, { key: 'e38ee2826f507669b252c5aac8b02c9f0040d97e', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, hAsync("span", { key: '49d9df033be715ce38e87b32a8fec3b2d9596675', class: {
                 'badge': true,
                 [`variant-${this.variant}`]: true,
             }, style: badgeStyle }, this.number)));
@@ -6805,7 +6826,7 @@ class AfNumberedStepper {
         });
     }
     render() {
-        return (hAsync(Host, { key: '018229242bb7fbcd74c312683b4a6ce4e7337894', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, hAsync("slot", { key: '3fae9bbb5bc403d2f55bd4076c1794163e9631e2' })));
+        return (hAsync(Host, { key: '468809af144520073ec0924b8b293a1a7a98c2a6', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, hAsync("slot", { key: 'e7ab09871620ab5ccc1b384443824a91750a15c3' })));
     }
     get el() { return getElement(this); }
     static get style() { return afNumberedStepperCss; }
@@ -6849,7 +6870,7 @@ class AfNumberedStepperItem {
     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 (hAsync(Host, { key: 'f703f0459299a2a7f9bec41634fb9c71749aebdb', role: "listitem" }, hAsync("div", { key: '635c36a16c67735dd241228fb44b3dda152bc9d9', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, hAsync("af-number-badge", { key: 'ce495f0f0f17ea196a0ba0032c4e897fb027b2ad', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), hAsync("span", { key: '5158ca703611b55d28bb34b445f68fa462b582cf', class: "numbered-stepper-item__connector" })), hAsync("af-typography-lockup", { key: '591e3622a0cd4132a13ea7b0c87e368954ce287c', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, hAsync("slot", { key: '0b8ada7fb0b6bd5bb29eb8f1fffa07eb79984b3f', name: "heading" }), hAsync("span", { key: '83813e92ed8e70dbaf507db4fb306e0d69cf5d51', slot: "description" }, hAsync("slot", { key: 'a676610379b5f948d65acad4f8c4adeecf5c81a1', name: "body" })))));
+        return (hAsync(Host, { key: '62bc6f558da62d664e22c680af3d4a0cd959ee27', role: "listitem" }, hAsync("div", { key: 'aac9fb7f30e3a0bbb70303102526bc9871910737', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, hAsync("af-number-badge", { key: 'fb4ba62a61cdc4bced7985f8013a7adcc309cf0e', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), hAsync("span", { key: '3090034f17f0c62ab94a91bd45b5772856b6c632', class: "numbered-stepper-item__connector" })), hAsync("af-typography-lockup", { key: 'fdcc257515a9265330d4443d6e665ad44630cc73', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, hAsync("slot", { key: '6905c5a82d0dc82ed81ef3847f534bde32be9262', name: "heading" }), hAsync("span", { key: '8be84e524019bf3f51b5d8447eaae5d6d2b881f0', slot: "description" }, hAsync("slot", { key: '6c0b5d91a79706cb864fa532d6432699130bd728', name: "body" })))));
     }
     static get style() { return afNumberedStepperItemCss; }
     static get cmpMeta() { return {
@@ -6918,7 +6939,7 @@ class AfPaperclipDecoration {
         this.fill = 'white';
     }
     render() {
-        return (hAsync(Host, { key: '4236fa1de1c1847b0665c79341000bfb63ab4509' }, hAsync("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" }, hAsync("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 }))));
+        return (hAsync(Host, { key: '2056080b6be950fecf3cd1dc43114e457dac513b' }, hAsync("svg", { key: '8a054a7d2794adc1042d474cffb0e82ad686bb63', "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" }, hAsync("path", { key: 'e8704baa60e7b272d3c731b104b8e93f7a7ae517', 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; }
     static get cmpMeta() { return {
@@ -6961,10 +6982,10 @@ class AfProgressLine {
         // Clamp progress between 0 and 1
         const clampedProgress = Math.max(0, Math.min(1, this.progress));
         const progressPercent = clampedProgress * 100;
-        return (hAsync(Host, { key: 'b09e523a63bdb6ea6084e98e6fb8030840648f27' }, hAsync("div", { key: 'eda92bcf3b0f9d92edfb32299953b984520cc413', class: {
+        return (hAsync(Host, { key: 'f56ae490d0d9e374f540ccb88b0af53430796b42' }, hAsync("div", { key: '20832426b290b5ee44d0507848f1cd4f06973202', class: {
                 'progress-line': true,
                 [`progress-line--${this.orientation}`]: true,
-            }, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, hAsync("div", { key: 'cf4748fdaf9a5e1f410e4bf16acaf6ebd80a931b', class: "progress-line__background" }), hAsync("div", { key: '3c20e0c290595e97b5e34a6e788297e180494add', class: "progress-line__active", style: { width: `${progressPercent}%` } }))));
+            }, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, hAsync("div", { key: '19623163676a5fd71c7b5ba91b33f53d188647c9', class: "progress-line__background" }), hAsync("div", { key: '0bd6ccd0748930edd43a384bf8ddad55f8c9d07b', class: "progress-line__active", style: { width: `${progressPercent}%` } }))));
     }
     static get style() { return afProgressLineCss; }
     static get cmpMeta() { return {
@@ -7062,8 +7083,8 @@ class AfSection {
         this.container = true;
     }
     render() {
-        const content = hAsync("slot", { key: '6c300093d45c3f5a029ef4ad367fb6796c392d56' });
-        return (hAsync(Host, { key: '05da4bf23a6c5aba61b21d1536cf615cd0176cfb' }, hAsync("div", { key: '3ec6bacbd5acef49183afa406efbe9301287a086', class: `section padding-${this.padding} theme-${this.theme}` }, this.container ? (hAsync("af-container", null, content)) : content)));
+        const content = hAsync("slot", { key: 'fd7304dd713f0cbad475910d56fd9e2622068fad' });
+        return (hAsync(Host, { key: 'f1758977b8ce080e03631629507f33759d1696d9' }, hAsync("div", { key: 'af0fd30917df8a59cf7d441e9346ed643672aaec', class: `section padding-${this.padding} theme-${this.theme}` }, this.container ? (hAsync("af-container", null, content)) : content)));
     }
     static get style() { return afSectionCss; }
     static get cmpMeta() { return {
@@ -7104,7 +7125,7 @@ class AfShow {
             [`show-above-${this.above}`]: !!this.above,
             [`show-below-${this.below}`]: !!this.below,
         };
-        return (hAsync(Host, { key: '5fcd914caa419668e4783e20fd427d25af19f769', class: classes }, hAsync("slot", { key: '8e2d9c0e1df36a0e49c65956241d24ffb956bf96' })));
+        return (hAsync(Host, { key: '42763e1aa4b245a42a4319ee3db31277b1bbca79', class: classes }, hAsync("slot", { key: '0f88b298410118de3a3963b30d48b24c180f6a86' })));
     }
     static get style() { return afShowCss; }
     static get cmpMeta() { return {
@@ -7153,7 +7174,7 @@ class AfSocialLink {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'fe837fca1e27062dd707f9b5e58e5ce6d9c95cf8' }, hAsync("a", { key: '78dde128f42950f3c1a51770c0a431ad16df03fb', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
+        return (hAsync(Host, { key: 'ae4db8c4baeea96b707faf5581c5e5970019fad6' }, hAsync("a", { key: '53e90930c51f30fa0ec74773234b06e3c2e06d6c', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
     }
     static get style() { return afSocialLinkCss; }
     static get cmpMeta() { return {
@@ -7208,7 +7229,7 @@ class AfSpacer {
                 style.height = sizeValue;
             }
         }
-        return hAsync(Host, { key: 'babcc0cce83253929d43a83856149296b0ea880b', style: style, "aria-hidden": "true" });
+        return hAsync(Host, { key: '0ffa6692a18f469b5fe09385e268b1a43f5fdbe9', style: style, "aria-hidden": "true" });
     }
     static get style() { return afSpacerCss; }
     static get cmpMeta() { return {
@@ -7255,14 +7276,14 @@ class AfSplitSection {
         this.container = true;
     }
     render() {
-        const content = hAsync("slot", { key: 'e56b2c06d21917dc745f308867026b2898a08ddf' });
+        const content = hAsync("slot", { key: '25574554f5f24e11488e1b94842229b7b87b3ffe' });
         // 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 (hAsync(Host, { key: 'f1f5610bc3789c1038efc9c82a22f9e1c400ed36' }, hAsync("div", { key: 'ed7dd397f532c9daa67588edfd1861979859a70c', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (hAsync("af-container", null, content)) : content)));
+        return (hAsync(Host, { key: '5745d7d5c8b238a4959a53f820498bf348b1c668' }, hAsync("div", { key: 'a2b8760b663800015b120c2ad82b004bced9882f', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (hAsync("af-container", null, content)) : content)));
     }
     static get style() { return afSplitSectionCss; }
     static get cmpMeta() { return {
@@ -7339,7 +7360,7 @@ class AfStack {
             justifyContent: justifyMap[this.justify],
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (hAsync(Host, { key: '2be027b85f3b9167ec237f8b046d41c68e92eaea', style: style }, hAsync("slot", { key: 'df553b2b049139b4dbbb8b8794098dec439d3642' })));
+        return (hAsync(Host, { key: 'bf6f8a0e7454bbdf4a55a5723a32b40bef78805b', style: style }, hAsync("slot", { key: '54e82fd4bc6ca19d8b29ed424a2c7d54a8784a22' })));
     }
     static get style() { return afStackCss; }
     static get cmpMeta() { return {
@@ -7373,7 +7394,7 @@ class AfStat {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '7aa910b1138ba826e4b9b6e9b829cde4e512ebfe' }, hAsync("div", { key: '0b8301efd14d2e4275f508b4a3b21bb7130c5308', class: "stat" }, hAsync("af-heading", { key: '4ed345a252ef232354b03ed2e393f943aa7d6d2f', level: "2", class: "stat__value" }, this.value), hAsync("af-text", { key: 'ea32cadc8a0b216d1bd0929e8b68d8c19121690b', variant: "medium", class: "stat__label" }, this.label))));
+        return (hAsync(Host, { key: 'db2aa04e087c7313db9dde512368413ea6428d38' }, hAsync("div", { key: '72f0578398f5d82dcd27bf7e4102f9801f1067b3', class: "stat" }, hAsync("af-heading", { key: '1accbab198a0923be4af5b5b6c0e7e5ca82c36b5', level: "2", class: "stat__value" }, this.value), hAsync("af-text", { key: '533ea04317fb66451e7d130369b25080e37cff41', variant: "medium", class: "stat__label" }, this.label))));
     }
     static get style() { return afStatCss; }
     static get cmpMeta() { return {
@@ -7410,7 +7431,7 @@ class AfStatsRow {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'b2bdf61d7367064cabbb1f802436f57e056117ea' }, hAsync("div", { key: '84f19a40ac81af985648a0863f90f9622bb06176', class: "stats-row" }, hAsync("slot", { key: '605bda456df46717eecafdc7083c0b2e9b259fa0' }))));
+        return (hAsync(Host, { key: '49538a82264992333834fdc12ec64522cf4242fe' }, hAsync("div", { key: '9d567f97bc5f2707fad9e40b8d3ce0c4658db73b', class: "stats-row" }, hAsync("slot", { key: 'f48aac6723185f8f10804355da4731f03285d9db' }))));
     }
     static get style() { return afStatsRowCss; }
     static get cmpMeta() { return {
@@ -7467,7 +7488,7 @@ class AfStepper {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'c0f67912f1725dcc8cce09bb7fc87ef2b61f0153', class: `stepper stepper--${this.orientation}` }, hAsync("div", { key: '190ee10d7b204a387cda11019275018becb7700f', class: "stepper__connector", "aria-hidden": "true" }), hAsync("slot", { key: 'af02da9d06b1b29850686f66e941403ac765e5d0' })));
+        return (hAsync(Host, { key: 'a8aeeb5a9274e24d0e3b4daf84f5ba4f30ce47d3', class: `stepper stepper--${this.orientation}` }, hAsync("div", { key: 'aa2263b4a10e144c376b6afad896f83d9c642a88', class: "stepper__connector", "aria-hidden": "true" }), hAsync("slot", { key: '6ff6d3ce84bd8c06599ef5e8e9244d210e16578a' })));
     }
     get el() { return getElement(this); }
     static get style() { return afStepperCss; }
@@ -7505,7 +7526,7 @@ class AfStepperStep {
         this.index = 1;
     }
     render() {
-        return (hAsync(Host, { key: '7ea12be34ade3e4f2cd3b5453ec13f4b4e2dc613' }, hAsync("span", { key: '4be517aa7d2f6e5cf998221d2823d1f6c06167de', class: "stepper-step__badge" }, this.index), hAsync("div", { key: 'e13ccd376cf098378bf1ac13ecc61ce9a8aa9cd6', class: "stepper-step__content" }, hAsync("div", { key: '9798d19d11031998955c9df2a09fda210c1c96ee', class: "stepper-step__heading" }, hAsync("slot", { key: '1ecaba03758b8109fa2d861cfaa09e7e41873f7e', name: "heading" })), hAsync("div", { key: '21efd7b8aa67137f72044c31f4719eac1802fea3', class: "stepper-step__body" }, hAsync("slot", { key: '73a42fef64c764bf96513914d4a0912f51516832', name: "body" })))));
+        return (hAsync(Host, { key: 'd7c49caaec94513a798ff851f8975b2df55848ce' }, hAsync("span", { key: 'd8f9d57de5434a961c217b57ac220f8930d17f6f', class: "stepper-step__badge" }, this.index), hAsync("div", { key: '62204e81ed7bfd36d342da448ea0ea8852e16854', class: "stepper-step__content" }, hAsync("div", { key: '40edc0e5973fabcfa781195e64fa0446d6be0e0c', class: "stepper-step__heading" }, hAsync("slot", { key: '090302f455303956e2b6185a2e30d41d13b489e0', name: "heading" })), hAsync("div", { key: '5fd26c30a269068568e95007f84dda0912a4bde4', class: "stepper-step__body" }, hAsync("slot", { key: '5f3f4178f54edbbf05be6cd3df74a30bc2e18f96', name: "body" })))));
     }
     static get style() { return afStepperStepCss; }
     static get cmpMeta() { return {
@@ -7651,7 +7672,7 @@ class AfTab {
             'disabled': this.disabled,
             [`shape-${this.shape}`]: true,
         };
-        return (hAsync(Host, { key: '5127117fc8ffbf1ed62de57af0a3ba569398bd0b' }, hAsync("button", { key: 'e32591d0448724b7ead02702b21c5f31518bf982', class: tabClasses, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.displayNumber && (hAsync("span", { key: '2d9756769c9a9442e632faac4710eceb6ec7dcb2', class: "number-slot" }, hAsync("slot", { key: 'fc9b02645ada6c015cbdb07db5d02c7f8fee9320', name: "number" }))), this.displayIcon && (hAsync("span", { key: '8f9ef1b8cec03bea2231a0cc19a91537b84de31f', class: "icon-slot" }, hAsync("slot", { key: '9fae54937c7876df37624aa8928dbfe478bec556', name: "icon" }))), hAsync("span", { key: 'e332be1f9007beb3bed7bc4b74480f0fcacd8a6e', class: "label" }, this.label))));
+        return (hAsync(Host, { key: '9e477df87e7bd6442e9f755d3caaf99e4138c60e' }, hAsync("button", { key: 'b7f4504a1be24fb9db831fbf6ca4da535b7eb200', class: tabClasses, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.displayNumber && (hAsync("span", { key: 'd3dbb0dda4a819304ef8a70b34379c6b7fd2d85f', class: "number-slot" }, hAsync("slot", { key: '2a1b2881d7fcd689f3e4e5e4e06407084690966c', name: "number" }))), this.displayIcon && (hAsync("span", { key: 'b07f1d3f8c723ec260cfa4900e51f7581d2f8024', class: "icon-slot" }, hAsync("slot", { key: '6b80404c46e77ab06d3ca24a108fbea231420867', name: "icon" }))), hAsync("span", { key: 'e657d5ffa4938fb85dd165e8679eff694cbb357e', class: "label" }, this.label))));
     }
     static get style() { return afTabCss; }
     static get cmpMeta() { return {
@@ -7763,7 +7784,7 @@ class AfTabBar {
             [`shape-${this.shape}`]: true,
             [`breakpoint-${this.breakpoint}`]: true,
         };
-        return (hAsync(Host, { key: 'b1fa40c2156ac7271650aafd27d369c3a8224f44', role: "tablist" }, hAsync("div", { key: 'e92eaef79f5df92cca1b2170218df2668afc031d', class: containerClasses }, hAsync("slot", { key: '307aea867005fe40899b54d9fe1e31ecca0528e8' }))));
+        return (hAsync(Host, { key: '41e03f4561dc7f11c19b533e659b07053f08a5e3', role: "tablist" }, hAsync("div", { key: '191491f64e3d77fafe58e241f777a6a9e3b79e04', class: containerClasses }, hAsync("slot", { key: '181e1169bd9215cb99d8bd0dabeaa49aac5fc24a' }))));
     }
     get el() { return getElement(this); }
     static get style() { return afTabBarCss; }
@@ -7816,11 +7837,11 @@ class AfTag {
     render() {
         const TagElement = this.href ? 'a' : 'span';
         const linkProps = this.href ? { href: this.href } : {};
-        return (hAsync(Host, { key: '6317b50a0fa62e85bfb9141a6653494cc2b1892d' }, hAsync(TagElement, { key: 'b9b13cf62afe67ccd4aaac53dbc44b736afd0084', class: {
+        return (hAsync(Host, { key: '95d6f9fcae0b4117edc2bd0918feeeee3ab32d17' }, hAsync(TagElement, { key: 'fb6f02834d02b8b5b43b3052f72688a99ea9f6d4', class: {
                 'tag': true,
                 [`size-${this.size}`]: true,
                 [`variant-${this.variant}`]: true,
-            }, ...linkProps }, hAsync("slot", { key: 'd4f5a9e748fd2a155845c9ad7bd5f414a25f694f' }))));
+            }, ...linkProps }, hAsync("slot", { key: 'a259918d262801ee8f005374ee2517535bcbd6f8' }))));
     }
     static get style() { return afTagCss; }
     static get cmpMeta() { return {
@@ -7872,11 +7893,11 @@ class AfTestimonial {
         };
     }
     render() {
-        return (hAsync(Host, { key: '731b22cd73117b5150774e4a942269fefee68af3' }, hAsync("div", { key: '97be7f81adea9e75629482ada37806e4be7a4e88', class: "testimonial-card" }, hAsync("div", { key: '09d053f7292c0e5c34aac45313081ffc2aca57d3', class: "testimonial-image" }, this.backgroundImage && (hAsync("img", { key: 'ea8e17ad2b1647f01bcbf16dc8a141baf30490dc', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (hAsync("div", { key: '84da201c5c63f70bee5830aeecbed9de50586c62', class: "testimonial-logo" }, hAsync("img", { key: '0e0daf826a8be6efcb39e5d2d2ec78f3feb5df54', src: this.logoImage, alt: "Company logo" })))), hAsync("div", { key: '6d25d332c3c2821a9420a041eae26f1c26ccf394', class: "testimonial-content" }, hAsync("div", { key: '3051e3ad9b0d85dbf553b1bb0ff3aa0b2e4863ce', class: "testimonial-quote-section" }, hAsync("div", { key: '6d0dc3e296a05d9185a97e2f796cc31731d2667e', class: "testimonial-quote-icon" }, hAsync("slot", { key: '7b09d4c26868e371bf41146b99f8d07247a1a288', name: "quote-icon" }, hAsync("af-icon", { key: '728720f7a1214a4471f1812f8ae87ce5fae77c2f', name: "quote", size: 48 }))), hAsync("div", { key: 'd7fc3a5d8adbd9c5be02664a09c53703fdd00395', class: "testimonial-text" }, hAsync("slot", { key: 'b3bf6aa863a2124ca86b84b21c804089c70e976e', name: "quote-body" }, this.quote)), hAsync("div", { key: '233f082b2c42896306f6fb7f9686f2f2f6496428', class: "testimonial-attribution" }, this.attribution)), hAsync("div", { key: '1ba7fb4a9d100609a227fa63fa6b6be9988364a7', class: "testimonial-stats" }, hAsync("slot", { key: '6fa48aaef4606aae2d76f172948ea3950d635a2f', name: "stats" })), hAsync("div", { key: '8bd5923a156d1c86df98cb6a2f3d9daef91f7916', class: "testimonial-footer" }, hAsync("div", { key: '9959b29b05a9ce368ed9d4797e321799dea15789', class: "testimonial-nav" }, this.showNavigation ? (
+        return (hAsync(Host, { key: '80a3efe588282b01d52658687773625f288a4b3e' }, hAsync("div", { key: '1bab71c2e9cd9642b974581ab1e81b4409c3db33', class: "testimonial-card" }, hAsync("div", { key: '757017d5e835d315098347d6ed57289f21c027d7', class: "testimonial-image" }, this.backgroundImage && (hAsync("img", { key: 'b34a06a82ca938e81e79380a6b5722bd078131f7', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (hAsync("div", { key: 'dba031936873eccadad941db017d5984088f0a50', class: "testimonial-logo" }, hAsync("img", { key: '078fc2154e5adc48b7f75f5a93031ef1eecd0d41', src: this.logoImage, alt: "Company logo" })))), hAsync("div", { key: '9f54287503b26830cfe219f34e4d761726f9f8b9', class: "testimonial-content" }, hAsync("div", { key: 'b6c72479f48f7069cca0836f983bedb5ca0d7616', class: "testimonial-quote-section" }, hAsync("div", { key: '5e89e9efd6e138724dc3e61179944673e1171eba', class: "testimonial-quote-icon" }, hAsync("slot", { key: '286f01b50320b8cbe558cdc843c1ba1da3ef5068', name: "quote-icon" }, hAsync("af-icon", { key: 'f960ac4275fb9bd80fdcee5f1de5fc5873e325d5', name: "quote", size: 48 }))), hAsync("div", { key: '57339e4a4c65e4525f2f04b8374734c4c71ecb93', class: "testimonial-text" }, hAsync("slot", { key: '35db736d11a36fbb91ce4f5a289f04cac83be2e5', name: "quote-body" }, this.quote)), hAsync("div", { key: '35db245f0a6324e5c3322cd5c4cf8206762c9ad3', class: "testimonial-attribution" }, this.attribution)), hAsync("div", { key: '67dbc98ab75bc036ca4b3f3976505345421231ef', class: "testimonial-stats" }, hAsync("slot", { key: 'd7499af5422f112c42cfd815fec43e9743876021', name: "stats" })), hAsync("div", { key: '0e557948da1a17d10b2e75f8f2cb9193a6ca6c07', class: "testimonial-footer" }, hAsync("div", { key: 'f942dacf7c4676be08b88c4ec6a5bfd8115e2e04', class: "testimonial-nav" }, this.showNavigation ? (
         // Render built-in navigation buttons
         hAsync("div", { class: "testimonial-nav-buttons" }, hAsync("af-icon-button", { variant: "secondary", disabled: !this.hasPrev, onClick: this.handlePrev, ariaLabel: "Previous testimonial" }, hAsync("af-icon", { name: "arrow-left", size: 24 })), hAsync("af-icon-button", { variant: "secondary", disabled: !this.hasNext, onClick: this.handleNext, ariaLabel: "Next testimonial" }, hAsync("af-icon", { name: "arrow-right", size: 24 })))) : (
         // Allow custom navigation via slot
-        hAsync("slot", { name: "navigation" }))), this.readMoreLink && (hAsync("af-button", { key: '1a88e42fae5e0b6d12e2a89ff7bcd4fd67ec33d1', variant: "secondary", href: this.readMoreLink }, "Read full story", hAsync("af-icon", { key: 'c024eaef94ee44a1fe65415778cc573b63741a97', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
+        hAsync("slot", { name: "navigation" }))), this.readMoreLink && (hAsync("af-button", { key: '6197b00d781b08eec10bf487918deed969408df4', variant: "secondary", href: this.readMoreLink }, "Read full story", hAsync("af-icon", { key: '2cdf53d215a417beff6e8edf20f510ee68d176ab', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
     }
     static get style() { return afTestimonialCss; }
     static get cmpMeta() { return {
@@ -7996,7 +8017,7 @@ class AfTestimonialCarousel {
         return (this.currentIndex + 1) / this.testimonialCount;
     }
     render() {
-        return (hAsync(Host, { key: '2aae30a8996d65e6bb85883f41d9be0389e6945c' }, hAsync("div", { key: '702073a8a2d720e24f5d80204ce01b7f43e52633', class: "testimonial-carousel" }, hAsync("div", { key: '405781a22ac921805d28110c6784ee284fd696f9', class: "testimonial-slides" }, hAsync("slot", { key: 'ed0a41a5fa386a2472dc9d0c0e7013c1a673850d' })), this.testimonialCount > 1 && (hAsync("div", { key: 'f65ff8b896e4ae6667d9c4cf2282cdd5d7b3126c', class: "testimonial-progress" }, hAsync("af-progress-line", { key: 'db4f70a9c5981820f053ae63cf23958840433f78', progress: this.getProgress() }))))));
+        return (hAsync(Host, { key: '22b5bf9b57d64d03969fceef7c63a235cc3b28bb' }, hAsync("div", { key: '4522d4d723ed18d9c700276d2fa55ec3a78618d2', class: "testimonial-carousel" }, hAsync("div", { key: '3dc008449b1b7236ad5bb4f5a641b4635452dd1b', class: "testimonial-slides" }, hAsync("slot", { key: '2e6503ea2a6aaa0cfa04552668f07d88c9169b43' })), this.testimonialCount > 1 && (hAsync("div", { key: '7531aeca557692b0c6fad26031e9da67fe76a2a5', class: "testimonial-progress" }, hAsync("af-progress-line", { key: 'a72e2ae998da694906a261a9e505035e5306b93b', progress: this.getProgress() }))))));
     }
     get host() { return getElement(this); }
     static get style() { return afTestimonialCarouselCss; }
@@ -8025,7 +8046,7 @@ class AfTestimonialStat {
         this.accentBorder = false;
     }
     render() {
-        return (hAsync(Host, { key: 'b7d49238a1751411a02158e697b3fd102734df05' }, hAsync("div", { key: 'e9dba52bac336fe49d6167c4797e83ddf9edca4f', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, hAsync("af-heading", { key: '15f6e7e2e1719639c8f3996bf89e79e928a5fd86', level: 2, class: "stat-value" }, this.value), hAsync("af-text", { key: '977d2e4675e0fc7d6e590da64f92e4c180b79dbf', variant: "medium", class: "stat-description" }, this.description))));
+        return (hAsync(Host, { key: '91a17ccf44b3306f2fad218201c0df9d541bdefd' }, hAsync("div", { key: '6df0dc851385ea20371197016c421365ef230fc4', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, hAsync("af-heading", { key: 'dae1f4350a927c43a44d3030c39d9a6e4fd46f11', level: 2, class: "stat-value" }, this.value), hAsync("af-text", { key: '06db3eac580389a28974e9841d52b1175aa3d00a', variant: "medium", class: "stat-description" }, this.description))));
     }
     static get style() { return afTestimonialStatCss; }
     static get cmpMeta() { return {
@@ -8189,7 +8210,7 @@ class AfTextImageNest {
             'nest__grid': true,
             [`grid-${this.layout}`]: true,
         };
-        return (hAsync(Host, { key: 'c0932581b26fbbba8f67a214ccd2e0c05add427c' }, hAsync("div", { key: '811bf5a068bbf597df03b9f6fe79d96d32a21b0a', class: containerClasses }, hAsync("div", { key: '351337cb9cecea663f7ec017e4b373ed15e9fbc5', class: "nest__content" }, hAsync("div", { key: '80a2695415830da74e6926df555e20899e94b15f', class: gridClasses }, hAsync("slot", { key: '2971cbdba5249c9ad4af96cbb90e570faf638fe3' })), hAsync("div", { key: '849c3b397d2a5b0eaf22fec4b69873ae49906732', class: "nest__footer" }, hAsync("slot", { key: '7fdaf48586387028c8b5678dea632c788ac9a672', name: "buttons" }))))));
+        return (hAsync(Host, { key: 'e250c2528e02050ea4debe9685eae3b6053a98b2' }, hAsync("div", { key: '2af2eb56c3f384a12f4fcf1cefc155bb5a063a38', class: containerClasses }, hAsync("div", { key: '270a0bf4748ab56477d0b9d79ebf4f4bbb122ac3', class: "nest__content" }, hAsync("div", { key: '76013f327279d631b59a97d659b6c6932d967041', class: gridClasses }, hAsync("slot", { key: '50c5772a355f729671ad38eb745f06040cecac16' })), hAsync("div", { key: 'd285fc3f8a66b869bfda14beb9903e19f9d0de84', class: "nest__footer" }, hAsync("slot", { key: '2f416cc2f07fb24149b8b8f9190c3fa7f8efe034', name: "buttons" }))))));
     }
     static get style() { return afTextImageNestCss; }
     static get cmpMeta() { return {
@@ -8207,6 +8228,12 @@ class AfTextImageNest {
 const afTextareaCss = ":host{display:block;width:100%}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.textarea-container{display:flex;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;box-sizing:border-box;overflow:hidden}.textarea-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.textarea-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n    0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.textarea-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.textarea-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.textarea{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.textarea::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.textarea:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.textarea:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
 
 /**
+ * @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
+ * alias kept for one minor cycle for backward compatibility and will be removed
+ * in a future major release. Prefer `af-input` with the `multiline`, `rows` and
+ * `resize` props — the rendered output and `--af-input-*` CSS custom property
+ * surface are identical.
+ *
  * Textarea component for multi-line text input with label, description, and error states.
  *
  * @slot label-end - Content to display at the end of the label (e.g., info icon)
@@ -8273,6 +8300,17 @@ class AfTextarea {
             this.afInfoClick.emit();
         };
     }
+    componentWillLoad() {
+        if (typeof console !== 'undefined' && !AfTextarea.deprecationWarned) {
+            AfTextarea.deprecationWarned = true;
+            // eslint-disable-next-line no-console
+            console.warn('[@affinda/wc] <af-textarea> is deprecated and will be removed in a ' +
+                'future major release. Use <af-input multiline> instead — same props ' +
+                '(label, description, placeholder, value, name, disabled, required, ' +
+                'readonly, error, showInfoIcon, rows, resize, maxlength, minlength) ' +
+                'and same rendered chrome. See @affinda/wc CHANGELOG for migration.');
+        }
+    }
     render() {
         const hasError = !!this.error;
         const hasValue = !!(this.value && this.value.length > 0);
@@ -8291,7 +8329,7 @@ class AfTextarea {
             'focused': this.isFocused,
             'hovered': this.isHovered && !this.disabled && !this.isFocused
         };
-        return (hAsync(Host, { key: '84f322a374d364669942e9153c6ba42221af1059' }, hAsync("div", { key: '4b5a62e919a479bcf741f2d1d9e39a7b0e1e49ac', class: wrapperClasses }, this.label && (hAsync("div", { key: 'e73b88c28588b8f3e5b9823467e8c972fd671391', class: "label-row" }, hAsync("label", { key: '01c16777469e037495997efc2cacc51778fcd9c7', class: "label", htmlFor: "textarea" }, this.label, this.required && hAsync("span", { key: '6da50443dadd3a6eec5655b4ff2fa19affa38006', class: "required" }, "*")), this.showInfoIcon && (hAsync("button", { key: 'c731c726f54946273a330c0173f09faeb9fe583b', type: "button", class: "info-icon", onClick: this.handleInfoClick, "aria-label": "More information" }, hAsync("svg", { key: '24a1ee4fb10ebd9a84a897cefef09ad7e7b63565', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '3523e8495fc5ffa06d793318f55ba79043174931', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'd2caa0b33fccc6289f00fc22fc329df52d86a6ed', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'db8d8ee03abe2638265d192be6efb992a6041199', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("slot", { key: '8325f2fc490d8261a596398da7cc68d74ccfce11', name: "label-end" }))), this.description && (hAsync("p", { key: '7db9b0e06615f5a13b7759cd81c23ee6ab124769', class: "description" }, this.description)), hAsync("div", { key: '939c306f7a56735956e2ef4badeb4cfa39abf759', class: textareaContainerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("textarea", { key: '0dffd719ed83955990ae1935fb8d39ab92fd9b94', ref: (el) => this.textareaEl = el ?? undefined, id: "textarea", class: "textarea", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, rows: this.rows, maxlength: this.maxlength, minlength: this.minlength, style: { resize: this.resize }, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), hasError && (hAsync("div", { key: '1f7f83da7518216eb63ff9cb685ffb92b3b37fb1', class: "error-row", id: "error-message" }, hAsync("span", { key: 'a1af53a449805506ac0abddae3a236232a538bd9', class: "error-icon" }, hAsync("svg", { key: 'b52e5c14a8986c502e1e0dce8a95c7d381c7a8e3', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'af8c97b747c960065f7461e84c893e644b66d9c5', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '145226126e4ba52c6234b3c454e43d87b495789c', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '7b94917ac5c96c6abbfc93826b07fa967b49506a', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), hAsync("span", { key: '9f097e0c43b1a6b19d0275fed8a216e901ce2d86', class: "error-text" }, this.error))))));
+        return (hAsync(Host, { key: '362cc1d8d9a12a1622a3a4368c1690af22242290' }, hAsync("div", { key: '2b5193878afd041a2404e05628c8a2a27f070dd4', class: wrapperClasses }, this.label && (hAsync("div", { key: 'a4786205092ce86aa5d2b13b2eefc068776bc73c', class: "label-row" }, hAsync("label", { key: '9f674738598a0d8cd6ff3ca12d2eef1b82c683ab', class: "label", htmlFor: "textarea" }, this.label, this.required && hAsync("span", { key: 'e65cfaf5de0806fdaee3fd69fa142dbe80092377', class: "required" }, "*")), this.showInfoIcon && (hAsync("button", { key: 'b9c83365313296a885eced01f5e32d3880d0e6b6', type: "button", class: "info-icon", onClick: this.handleInfoClick, "aria-label": "More information" }, hAsync("svg", { key: 'f27bd125dad6258d48b27dce04ee3c91a9e765dd', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '9bfaed8ee3d846caad4cf6841e3a9deb4a050686', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '0c733ab918ce62dac76ff223eb7a361e11b444f1', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '9d2fd2885490c9563c48bdc40b988e6b6ed6d899', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("slot", { key: 'a488fc5ce906aa2c6d36e3d1c5c6dc20955dfa7e', name: "label-end" }))), this.description && (hAsync("p", { key: '2b27b3f5362d87d9eef7a2261d324b7db03dbd7c', class: "description" }, this.description)), hAsync("div", { key: 'f900a4a8d7231bc43c41a77c331e6c90f8772c67', class: textareaContainerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("textarea", { key: 'f48df2967a6d72daa2b93c635882c72021af33e7', ref: (el) => this.textareaEl = el ?? undefined, id: "textarea", class: "textarea", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, rows: this.rows, maxlength: this.maxlength, minlength: this.minlength, style: { resize: this.resize }, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), hasError && (hAsync("div", { key: '8793024cd9c7dec0a19a1acd789ecd8ed57f7168', class: "error-row", id: "error-message" }, hAsync("span", { key: 'dc457887b83f8c9fea7daca0bf5a0690474c4f49', class: "error-icon" }, hAsync("svg", { key: 'd8c6d985c7c219419072943adab3819217fb1ae4', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '75265f2e70dd27201b09033b4b5100df51d876f5', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'b4225c6f1ae0e3246ad143fe6f2157daa615fcb6', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '48735f9ef113826e43488e0491d34a3b549924e5', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), hAsync("span", { key: '6a0a7e436977e6ecc37dd64db30aad7eb189e166', class: "error-text" }, this.error))))));
     }
     static get style() { return afTextareaCss; }
     static get cmpMeta() { return {
@@ -8320,6 +8358,8 @@ class AfTextarea {
         "$attrsToReflect$": [["disabled", "disabled"]]
     }; }
 }
+/** @internal */
+AfTextarea.deprecationWarned = false;
 
 const afThemeOverrideCss = ".sc-af-theme-override-h{display:contents}.theme-override.sc-af-theme-override{display:contents}.theme-white.sc-af-theme-override{--af-background-base:var(--colour-brand-white, #FFFFFF);--af-background-base-hover:var(--colour-mistgreen-100, #f4f7f6);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed);--af-background-level-1-hover:var(--colour-mistgreen-300, #dde6e3);--af-background-border-subtle:var(--colour-mistgreen-200, #e8eeed);--af-background-border-default:var(--colour-mistgreen-400, #d1ddda);--af-background-border-heavy:var(--colour-mistgreen-500, #c6d5d1);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-200, #e8ebeb);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--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)}.theme-inkwell.sc-af-theme-override{--af-background-base:var(--colour-brand-inkwell, #14343b);--af-background-base-hover:var(--colour-inkwell-600, #102a2f);--af-background-contrast:var(--colour-inkwell-700, #102a2f);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-background-level-1-hover:var(--colour-inkwell-400, #2b484f);--af-background-border-subtle:var(--colour-inkwell-450, #203e45);--af-background-border-default:var(--colour-inkwell-400, #2b484f);--af-background-border-heavy:var(--colour-inkwell-700, #102a2f);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-white, #ffffff);--af-background-icon-accent:var(--colour-brand-ice, #a6fffb);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-secondary:var(--colour-brand-white, #ffffff);--af-typography-body-dark:var(--colour-brand-white, #ffffff);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-typography-body-subtle:var(--colour-inkwell-200, #a1aeb1);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-icon:var(--colour-brand-white, #ffffff);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(255, 255, 255, 0.08);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-ghost-text:var(--colour-brand-white, #ffffff);--af-button-ghost-icon:var(--colour-brand-white, #ffffff);--af-button-ghost-stroke:var(--colour-brand-ice, #A6FFFB);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-inkwell-450, #203e45);--af-input-bg-hover:var(--colour-inkwell-400, #2b484f);--af-input-bg-disabled:var(--colour-inkwell-600, #102a2f);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--colour-brand-ice, #a6fffb);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--colour-brand-ice, #a6fffb);--af-form-control-bg:var(--colour-inkwell-450, #203e45);--af-form-control-bg-checked:var(--colour-brand-mist-green, #c6d5d1);--af-form-control-bg-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-bg-checked-disabled:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke:var(--colour-inkwell-350, #60767b);--af-form-control-stroke-hover:var(--colour-brand-white, #ffffff);--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)}.theme-mist-green.sc-af-theme-override{--af-background-base:var(--colour-brand-mist-green, #c6d5d1);--af-background-base-hover:var(--colour-mistgreen-600, #b2c0bc);--af-background-contrast:var(--colour-brand-soft-clay, #b09670);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3);--af-background-level-1-hover:var(--colour-mistgreen-400, #d1ddda);--af-background-border-subtle:var(--colour-mistgreen-600, #b2c0bc);--af-background-border-default:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-heavy:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-300, #dde6e3);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--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)}.theme-soft-clay.sc-af-theme-override{--af-background-base:var(--colour-softclay-400, #c0ab8d);--af-background-base-hover:var(--colour-softclay-500, #b09670);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-softclay-500, #b09670);--af-background-level-1-hover:var(--colour-softclay-600, #9e8765);--af-background-border-subtle:var(--colour-softclay-600, #9e8765);--af-background-border-default:var(--colour-softclay-700, #8d785a);--af-background-border-heavy:var(--colour-brand-inkwell, #14343b);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-inkwell, #14343b);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-softclay-300, #d0c1a8);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-softclay-700, #8d785a);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--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)}.theme-white-ivory.sc-af-theme-override{--af-background-base:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base-hover:var(--colour-ivory-100, #fff5e0);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-ivory-200, #ffefcc);--af-background-level-1-hover:var(--colour-ivory-300, #ffe9b8);--af-background-border-subtle:var(--colour-ivory-200, #ffefcc);--af-background-border-default:var(--colour-ivory-400, #ffe3a3);--af-background-border-heavy:var(--colour-brand-soft-clay, #b09670);--af-background-border-active:var(--colour-brand-soft-clay, #b09670);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #b09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-ivory-100, #fff5e0);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-ivory-200, #ffefcc);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-ivory-400, #ffe3a3);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--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)}";
 
@@ -8343,7 +8383,7 @@ class AfThemeOverride {
         this.theme = 'white';
     }
     render() {
-        return (hAsync(Host, { key: 'ec0a8d17bc30ca4911c815c30d9006a20abb9d0f' }, hAsync("div", { key: 'f2927bdde70c8a8315737a6b70fedc10e2dda485', class: `theme-override theme-${this.theme}` }, hAsync("slot", { key: '089894eb00413f7c09531b70b7107e2ed681c39a' }))));
+        return (hAsync(Host, { key: '9f1536dead9af3d0f38365326732332b2094a79b' }, hAsync("div", { key: 'eb697aa425db29c5f0509cdbde23b9f5dad40dcc', class: `theme-override theme-${this.theme}` }, hAsync("slot", { key: '4cd377165126bbbc9e950e599d90eb0fb65e8afc' }))));
     }
     static get style() { return afThemeOverrideCss; }
     static get cmpMeta() { return {
@@ -8574,7 +8614,7 @@ class AfVideoContainer {
         };
     }
     render() {
-        return (hAsync(Host, { key: '3444ee546dec246bff4589d8818a85783e63be9d' }, hAsync("div", { key: '270a4eccb42a3364d9c6f76b91ae12339a4fe1c0', class: "video-container" }, hAsync("div", { key: '74b569c68ae87a64505f014247bcbf6584e33639', class: "video-container__top" }, hAsync("slot", { key: 'abb8e1cb0ffe7666d2358c8f5e1cde7138bfaf0e', name: "top" })), hAsync("div", { key: '4ce2761d9d3ac113a8544b4aeacd519fe8eeeb49', class: "video-container__video" }, hAsync("af-aspect-ratio", { key: 'dd23f809050b869d61736a542bfb16b5def028b8', ratio: "16:9" }, hAsync("div", { key: '958161173a2a2db4a5f8205dbcb99673f2fc7cc6', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (hAsync("img", { key: 'dbf381f5cba283b27582c00bdb7b8c89f6a8032f', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), hAsync("button", { key: 'c814981a12530e81b86e727a323c1a0f1a8fc083', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, hAsync("af-icon", { key: 'a7832eb0668c7c9ec87c24a09f7a3391803563e9', name: "play", size: 24 }))))), hAsync("div", { key: 'ec9bad4842407f953ffecddb0d058b42454749b6', class: "video-container__bottom" }, hAsync("slot", { key: 'e8b7565402e02f24d0a6b971cbba72566dd4d721', name: "bottom" })))));
+        return (hAsync(Host, { key: '5cfc1f803b4f389b816ddf9029ded6eb37cf3fb6' }, hAsync("div", { key: '16af2ac32fd6321c60a6d5c236aad550918075df', class: "video-container" }, hAsync("div", { key: '8a0a72110769768b38dd9cf21635ada270e02be3', class: "video-container__top" }, hAsync("slot", { key: '16dcd7916b6a76081f3053cecede88416cd8bcc8', name: "top" })), hAsync("div", { key: 'bd45a68804569a2c4fec84508f64fceadb69f91a', class: "video-container__video" }, hAsync("af-aspect-ratio", { key: '7f2c7e03b7fb685ea559f394c823cce714ca0254', ratio: "16:9" }, hAsync("div", { key: 'd14bef603577d48e46b15f3cc5e199e0a36398db', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (hAsync("img", { key: 'a9346709bb21625d5d97851742ced12312e657e7', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), hAsync("button", { key: 'e8e0c6a39b27fdc5a19590cdc1678300a428105d', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, hAsync("af-icon", { key: '291a1a3015204bc0a5ec429cf69e29c44d0ec60b', name: "play", size: 24 }))))), hAsync("div", { key: 'ff49121c1d37c38c446cc7b8513483065cf4833d', class: "video-container__bottom" }, hAsync("slot", { key: '7818250e7dfdd1eedb3a970846dc2fb15bce51ac', name: "bottom" })))));
     }
     static get style() { return afVideoContainerCss; }
     static get cmpMeta() { return {
@@ -8610,7 +8650,7 @@ class AfVisuallyHidden {
         this.focusable = false;
     }
     render() {
-        return (hAsync(Host, { key: '525f68f5b7e9ccb63b3b1d3019a3b104be6aa683', class: { 'focusable': this.focusable } }, hAsync("slot", { key: '73f148796dda2c3805265bb27f018cc74746d541' })));
+        return (hAsync(Host, { key: '5d1151eb1606287c54b8c6612195aab2ee96bcd2', class: { 'focusable': this.focusable } }, hAsync("slot", { key: 'd60e1eb7d8da677aa44f3197c537736849fd7fea' })));
     }
     static get style() { return afVisuallyHiddenCss; }
     static get cmpMeta() { return {