@affinda/wc 0.6.1 → 0.7.0

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

@@ -1,96 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afClientCarouselCss = ".sc-af-client-carousel-h{display:block;width:100%}.client-carousel.sc-af-client-carousel{padding:48px 0;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.carousel-container.sc-af-client-carousel{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;overflow:hidden}.carousel-row.sc-af-client-carousel{display:flex;width:100%;overflow:hidden;position:relative}.logo-track.sc-af-client-carousel{display:flex;gap:var(--space-4, 16px);animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-left;animation-duration:40s}.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-right;animation-duration:40s}.sc-af-client-carousel-h:hover .logo-track.sc-af-client-carousel{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.logo-track.sc-af-client-carousel,.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel,.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation:none;transform:translateX(0)}}.client-carousel.mode-static.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation:none;justify-content:center;flex-wrap:wrap;width:100%}.client-carousel.mode-static.sc-af-client-carousel .carousel-row.sc-af-client-carousel{justify-content:center;overflow:visible}.client-carousel.mode-static.sc-af-client-carousel .carousel-container.sc-af-client-carousel{overflow:visible}.client-carousel.mode-static.sc-af-client-carousel{overflow:hidden}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.logo-track.sc-af-client-carousel>*.sc-af-client-carousel{display:flex;flex-shrink:0;gap:var(--space-4, 16px);align-items:center}.theme-inkwell.sc-af-client-carousel-h,.client-carousel.theme-inkwell.sc-af-client-carousel{background-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-well-bg:var(--colour-background-level1-dark, #203e45);--af-carousel-logo-color:white;--af-carousel-logo-filter:brightness(0) invert(1)}.theme-white.sc-af-client-carousel-h,.client-carousel.theme-white.sc-af-client-carousel{background-color:var(--colour-brand-white, #FFFFFF);--af-carousel-logo-well-bg:var(--colour-background-level1, #e8eeed);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-mist-green.sc-af-client-carousel-h,.client-carousel.theme-mist-green.sc-af-client-carousel{background-color:var(--colour-brand-mist-green, #C6D5D1);--af-carousel-logo-well-bg:var(--colour-mistgreen-300, #dde6e3);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-soft-clay.sc-af-client-carousel-h,.client-carousel.theme-soft-clay.sc-af-client-carousel{background-color:var(--colour-softclay-400, #c0ab8d);--af-carousel-logo-well-bg:var(--colour-softclay-200, #d5c5b0);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-white-ivory.sc-af-client-carousel-h,.client-carousel.theme-white-ivory.sc-af-client-carousel{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-carousel-logo-well-bg:var(--colour-softclay-100, #f2eadc);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}@media (max-width: 1024px){.client-carousel.sc-af-client-carousel{padding:32px 0}}@media (max-width: 767px){.client-carousel.sc-af-client-carousel{padding:24px 0}.carousel-container.sc-af-client-carousel{gap:var(--space-3, 12px)}.logo-track.sc-af-client-carousel{gap:var(--space-3, 12px)}.sc-af-client-carousel-s>*{gap:var(--space-3, 12px)}}";
-
-const AfClientCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfClientCarousel extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Theme - sets background color and provides theme context to children */
-        this.theme = 'inkwell';
-        /**
-         * Number of rows.
-         * - `1` (default) — single row, matches the Webflow reference.
-         * - `2` — two rows (scroll in opposite directions, or stacked when static).
-         *
-         * When `rows="2"`, slot `row-1` and `row-2` independently.
-         * When `rows="1"`, slot the default slot (unnamed) or `row-1`.
-         */
-        this.rows = 1;
-        /**
-         * Layout mode.
-         * - `scroll` (default) — infinite animated scroll; rows fill the full
-         *   width and are cloned for a seamless loop.
-         * - `static` — no animation, logos centred horizontally. Use when the
-         *   logo set is small enough to fit on screen without scrolling.
-         */
-        this.mode = 'scroll';
-    }
-    componentDidLoad() {
-        // Static mode doesn't animate, so the clone trick isn't needed —
-        // skipping it avoids rendering every logo twice.
-        if (this.mode === 'static')
-            return;
-        this.duplicateTrackContent(this.row1TrackRef);
-        if (Number(this.rows) === 2) {
-            this.duplicateTrackContent(this.row2TrackRef);
-        }
-    }
-    /**
-     * Append clones of every existing track child into the track so the
-     * -50% translate animation loops seamlessly. Marks clones with
-     * `aria-hidden` and `data-carousel-clone` so assistive tech ignores
-     * them and we can skip them when re-duplicating.
-     *
-     * In scoped mode, slotted content is moved into the track as regular
-     * children (there's no `<slot>` element to read from), so we just
-     * iterate direct children that aren't themselves prior clones.
-     */
-    duplicateTrackContent(track) {
-        if (!track)
-            return;
-        const originals = Array.from(track.children).filter((child) => !child.hasAttribute('data-carousel-clone'));
-        originals.forEach((el) => {
-            const clone = el.cloneNode(true);
-            clone.setAttribute('data-carousel-clone', '');
-            clone.setAttribute('aria-hidden', 'true');
-            track.appendChild(clone);
-        });
-    }
-    render() {
-        const rows = Number(this.rows);
-        // 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 (h(Host, { key: 'de2ab8e013b602bae7f3a7ec86f46008271017df', class: `theme-${this.theme} mode-${this.mode}` }, h("div", { key: '2a7f391b7f2821cc2b1fd22c4fecee8db49993eb', class: `client-carousel theme-${this.theme} rows-${rows} mode-${this.mode}` }, h("div", { key: 'a050be7df00baa8f606edaaffaf80bf66d2745a5', class: "carousel-container" }, h("div", { key: '652ebd5057f104456d327ea0741676d4c5f365c1', class: "carousel-row scroll-left" }, h("div", { key: '115c61cf864eafef5de415cf47d5e7ad78326f49', class: "logo-track", ref: (el) => (this.row1TrackRef = el) }, h("slot", { key: '16d1001521b3950fbf24868df8f2f3141571ab9d', name: "row-1" }, h("slot", { key: 'b939997a0c782911cc46b68d6a2ea14cb3a85018' })))), rows === 2 && (h("div", { key: '3490957a149d49dbbf37571efb27663c64bd39ea', class: "carousel-row scroll-right" }, h("div", { key: '46944607b424071fc97864601f4392a649f1a890', class: "logo-track", ref: (el) => (this.row2TrackRef = el) }, h("slot", { key: 'ec1be2a0b81dccfeda6a29650242808fcc67b214', name: "row-2" }))))))));
-    }
-    get el() { return this; }
-    static get style() { return afClientCarouselCss; }
-}, [262, "af-client-carousel", {
-        "theme": [1],
-        "rows": [2],
-        "mode": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-client-carousel"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-client-carousel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfClientCarousel$1);
-            }
-            break;
-    } });
-}
-
-const AfClientCarousel = AfClientCarousel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfClientCarousel, defineCustomElement };
-//# sourceMappingURL=af-client-carousel.js.map
-
-//# sourceMappingURL=af-client-carousel.js.map
+import{p as e,H as a,h as c,c as o,t as l}from"./p-D1moXdEA.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.theme="inkwell",this.rows=1,this.mode="scroll"}componentDidLoad(){"static"!==this.mode&&this.scheduleTrackPreparation()}disconnectedCallback(){void 0!==this.resizeFrame&&cancelAnimationFrame(this.resizeFrame)}handleWindowResize(){"static"!==this.mode&&this.scheduleTrackPreparation()}scheduleTrackPreparation(){void 0!==this.resizeFrame&&cancelAnimationFrame(this.resizeFrame),this.resizeFrame=requestAnimationFrame((()=>{this.resizeFrame=void 0,this.prepareTracks()}))}prepareTracks(){this.duplicateTrackContent(this.row1TrackRef),2===Number(this.rows)&&this.duplicateTrackContent(this.row2TrackRef)}duplicateTrackContent(e){if(!e)return;Array.from(e.querySelectorAll("[data-carousel-clone]")).forEach((e=>e.remove()));const a=Array.from(e.children).filter((e=>!e.hasAttribute("data-carousel-clone")));if(!a.length)return;const c=e.parentElement?.getBoundingClientRect().width||this.el.getBoundingClientRect().width||0,o=c>0?2*c:2*e.scrollWidth;let l=1;for(;(e.scrollWidth<o||l%2!=0)&&l<8;)a.forEach((a=>{const c=a.cloneNode(!0);c.setAttribute("data-carousel-clone",""),c.setAttribute("aria-hidden","true"),e.appendChild(c)})),l+=1}render(){const e=Number(this.rows);return c(o,{key:"7534e7d63dc4c24bb168028203bcf6f82c04d171",class:`theme-${this.theme} mode-${this.mode}`},c("div",{key:"70b14e516c6a3256ca7826b763da7c98e5ae562f",class:`client-carousel theme-${this.theme} rows-${e} mode-${this.mode}`},c("div",{key:"55cbf4feab63b26e982f4c3911890eefff879f1c",class:"carousel-container"},c("div",{key:"5a444fb1c225c4d716c3c8f7b0d7ae7a757c0f7d",class:"carousel-row scroll-left"},c("div",{key:"0c226b896f7faf85f5a510e6fb4ca3ee92b01687",class:"logo-track",ref:e=>this.row1TrackRef=e},c("slot",{key:"4aaf8f3ca06b90008885106baa2df40730278d11",name:"row-1"},c("slot",{key:"e56d75ff50f42dd23653b12af888b5fcef9bf197"})))),2===e&&c("div",{key:"810fca22375f5144095b2a058a36dc9561c5984b",class:"carousel-row scroll-right"},c("div",{key:"4838eb88311f7df4b8b9eb0a529913b288af8811",class:"logo-track",ref:e=>this.row2TrackRef=e},c("slot",{key:"e1c9b1d2a49df2f0c0a2466b56c40476387b59d4",name:"row-2"}))))))}get el(){return this}static get style(){return".sc-af-client-carousel-h{display:block;width:100%}.client-carousel.sc-af-client-carousel{padding:48px 0;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;box-sizing:border-box;border-top:1px solid var(--af-carousel-border-subtle, rgba(20, 52, 59, 0.12))}.carousel-container.sc-af-client-carousel{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;overflow:hidden}.carousel-row.sc-af-client-carousel{display:flex;width:100%;overflow:hidden;position:relative}.logo-track.sc-af-client-carousel{display:flex;gap:var(--space-4, 16px);animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-left;animation-duration:40s}.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-right;animation-duration:40s}.carousel-row.sc-af-client-carousel:hover .logo-track.sc-af-client-carousel,.carousel-row.sc-af-client-carousel:focus-within .logo-track.sc-af-client-carousel{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.logo-track.sc-af-client-carousel,.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel,.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation:none;transform:translateX(0)}}.client-carousel.mode-static.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation:none;justify-content:center;flex-wrap:wrap;width:100%}.client-carousel.mode-static.sc-af-client-carousel .carousel-row.sc-af-client-carousel{justify-content:center;overflow:visible}.client-carousel.mode-static.sc-af-client-carousel .carousel-container.sc-af-client-carousel{overflow:visible}.client-carousel.mode-static.sc-af-client-carousel{overflow:hidden}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.logo-track.sc-af-client-carousel>*.sc-af-client-carousel{display:flex;flex-shrink:0;gap:var(--space-4, 16px);align-items:center}.theme-inkwell.sc-af-client-carousel-h,.client-carousel.theme-inkwell.sc-af-client-carousel{background-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-well-bg:var(--colour-background-level1-dark, #203e45);--af-carousel-logo-color:white;--af-carousel-logo-filter:brightness(0) invert(1);--af-carousel-border-subtle:var(--colour-background-level1-dark, #203e45)}.theme-white.sc-af-client-carousel-h,.client-carousel.theme-white.sc-af-client-carousel{background-color:var(--colour-brand-white, #FFFFFF);--af-carousel-logo-well-bg:var(--colour-background-level1, #e8eeed);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none;--af-carousel-border-subtle:rgba(20, 52, 59, 0.12)}.theme-mist-green.sc-af-client-carousel-h,.client-carousel.theme-mist-green.sc-af-client-carousel{background-color:var(--colour-brand-mist-green, #C6D5D1);--af-carousel-logo-well-bg:var(--colour-mistgreen-300, #dde6e3);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none;--af-carousel-border-subtle:rgba(20, 52, 59, 0.14)}.theme-soft-clay.sc-af-client-carousel-h,.client-carousel.theme-soft-clay.sc-af-client-carousel{background-color:var(--colour-softclay-400, #c0ab8d);--af-carousel-logo-well-bg:var(--colour-softclay-200, #d5c5b0);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none;--af-carousel-border-subtle:rgba(20, 52, 59, 0.14)}.theme-white-ivory.sc-af-client-carousel-h,.client-carousel.theme-white-ivory.sc-af-client-carousel{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-carousel-logo-well-bg:var(--colour-softclay-100, #f2eadc);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none;--af-carousel-border-subtle:rgba(20, 52, 59, 0.12)}@media (max-width: 1024px){.client-carousel.sc-af-client-carousel{padding:32px 0}}@media (max-width: 767px){.client-carousel.sc-af-client-carousel{padding:24px 0}.carousel-container.sc-af-client-carousel{gap:var(--space-3, 12px)}.logo-track.sc-af-client-carousel{gap:var(--space-3, 12px)}.sc-af-client-carousel-s>*{gap:var(--space-3, 12px)}}"}},[262,"af-client-carousel",{theme:[1],rows:[2],mode:[1]},[[9,"resize","handleWindowResize"]]]),s=r,t=function(){"undefined"!=typeof customElements&&["af-client-carousel"].forEach((e=>{"af-client-carousel"===e&&(customElements.get(l(e))||customElements.define(l(e),r))}))};export{s as AfClientCarousel,t as defineCustomElement}

package/dist/components/af-color-swatch.js

@@ -1,9 +1 @@
-import { A as AfColorSwatch$1, d as defineCustomElement$1 } from './p-D5-m35gX.js';
-
-const AfColorSwatch = AfColorSwatch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfColorSwatch, defineCustomElement };
-//# sourceMappingURL=af-color-swatch.js.map
-
-//# sourceMappingURL=af-color-swatch.js.map
+import{A as o,d as s}from"./p-Be8v3CCM.js";const p=o,r=s;export{p as AfColorSwatch,r as defineCustomElement}

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

@@ -1,44 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afContactItemCss = ".sc-af-contact-item-h{display:block}.contact-item.sc-af-contact-item{display:flex;flex-direction:column;gap:4px}.contact-item__label.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0}.contact-item__value.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);margin:0}";
-
-const AfContactItem$1 = /*@__PURE__*/ proxyCustomElement(class AfContactItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Contact label (e.g., "Sales enquiries") */
-        this.label = '';
-        /** Contact value (e.g., email address) */
-        this.value = '';
-    }
-    render() {
-        return (h(Host, { key: '2893556bc677a8897d47874fd033e5c1bb04779d' }, h("div", { key: '94f6c309c6d624ce3682af895cc9fbfdb0a6b53d', class: "contact-item" }, this.label && (h("h5", { key: '26940fbcd567d9e0261fb62782fa9707ac1e3d61', class: "contact-item__label" }, this.label)), this.value && (h("p", { key: '9bbc554da519bfd25d50d7a5e23dfbff1ca5bc59', class: "contact-item__value" }, this.value)), h("slot", { key: 'da7c5af2d1346ef6d9a2d2266138c49b9dbd93cc' }))));
-    }
-    static get style() { return afContactItemCss; }
-}, [262, "af-contact-item", {
-        "label": [1],
-        "value": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-contact-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-contact-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfContactItem$1);
-            }
-            break;
-    } });
-}
-
-const AfContactItem = AfContactItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfContactItem, defineCustomElement };
-//# sourceMappingURL=af-contact-item.js.map
-
-//# sourceMappingURL=af-contact-item.js.map
+import{p as t,H as e,h as c,c as a,t as s}from"./p-D1moXdEA.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.label="",this.value=""}render(){return c(a,{key:"10ce827cdd782c32350a80c0148747c7604903f9"},c("div",{key:"5e720d41dcdf3e5ddffc8dac37f6b433393bc9c5",class:"contact-item"},this.label&&c("h5",{key:"69c6c229f8746f6209443ea8b89190babaf461c7",class:"contact-item__label"},this.label),this.value&&c("p",{key:"631e66638709723c64810792f9af35abae36b6d0",class:"contact-item__value"},this.value),c("slot",{key:"c886950e068496ae832aaa13e01ec48b8ce26fd3"})))}static get style(){return".sc-af-contact-item-h{display:block}.contact-item.sc-af-contact-item{display:flex;flex-direction:column;gap:4px}.contact-item__label.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0}.contact-item__value.sc-af-contact-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);margin:0}"}},[262,"af-contact-item",{label:[1],value:[1]}]),n=o,i=function(){"undefined"!=typeof customElements&&["af-contact-item"].forEach((t=>{"af-contact-item"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))};export{n as AfContactItem,i as defineCustomElement}

package/dist/components/af-container.js

@@ -1,9 +1 @@
-import { A as AfContainer$1, d as defineCustomElement$1 } from './p-FV14KcoH.js';
-
-const AfContainer = AfContainer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfContainer, defineCustomElement };
-//# sourceMappingURL=af-container.js.map
-
-//# sourceMappingURL=af-container.js.map
+import{A as o,d as s}from"./p-BG8SGO9l.js";const p=o,r=s;export{p as AfContainer,r as defineCustomElement}

package/dist/components/af-divider.js

@@ -1,66 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afDividerCss = ":host{box-sizing:border-box;flex-shrink:0}:host([hidden]){display:none}:host(.divider--horizontal){display:block;width:100%;height:1px;background-color:var(--colour-tints-inkwell-100, #d4d4d4)}:host(.divider--vertical){display:inline-block;width:1px;height:100%;min-height:1em;background-color:var(--colour-tints-inkwell-100, #d4d4d4);align-self:stretch}";
-
-const AfDivider$1 = /*@__PURE__*/ proxyCustomElement(class AfDivider extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Orientation of the divider.
-         */
-        this.orientation = 'horizontal';
-        /**
-         * Spacing (margin) around the divider using space tokens.
-         * For horizontal: margin-top and margin-bottom
-         * For vertical: margin-left and margin-right
-         */
-        this.spacing = '4';
-    }
-    render() {
-        const isVertical = this.orientation === 'vertical';
-        const spacingValue = this.spacing === 'none' ? '0' : `var(--space-${this.spacing})`;
-        const style = isVertical
-            ? {
-                marginLeft: spacingValue,
-                marginRight: spacingValue,
-            }
-            : {
-                marginTop: spacingValue,
-                marginBottom: spacingValue,
-            };
-        return (h(Host, { key: 'ac8090274a8306a9882b32bb3d5e16a591b86f2f', class: {
-                'divider': true,
-                'divider--horizontal': !isVertical,
-                'divider--vertical': isVertical,
-            }, style: style, role: "separator", "aria-orientation": this.orientation }));
-    }
-    static get style() { return afDividerCss; }
-}, [257, "af-divider", {
-        "orientation": [1],
-        "spacing": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-divider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfDivider$1);
-            }
-            break;
-    } });
-}
-
-const AfDivider = AfDivider$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfDivider, defineCustomElement };
-//# sourceMappingURL=af-divider.js.map
-
-//# sourceMappingURL=af-divider.js.map
+import{p as i,H as t,h as e,c as o,t as r}from"./p-D1moXdEA.js";const s=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.spacing="4"}render(){const i="vertical"===this.orientation,t="none"===this.spacing?"0":`var(--space-${this.spacing})`;return e(o,{key:"714506b79c44d5cdf5da9775936e850ed6220b99",class:{divider:!0,"divider--horizontal":!i,"divider--vertical":i},style:i?{marginLeft:t,marginRight:t}:{marginTop:t,marginBottom:t},role:"separator","aria-orientation":this.orientation})}static get style(){return":host{box-sizing:border-box;flex-shrink:0}:host([hidden]){display:none}:host(.divider--horizontal){display:block;width:100%;height:1px;background-color:var(--colour-tints-inkwell-100, #d4d4d4)}:host(.divider--vertical){display:inline-block;width:1px;height:100%;min-height:1em;background-color:var(--colour-tints-inkwell-100, #d4d4d4);align-self:stretch}"}},[1,"af-divider",{orientation:[1],spacing:[1]}]),n=s,d=function(){"undefined"!=typeof customElements&&["af-divider"].forEach((i=>{"af-divider"===i&&(customElements.get(r(i))||customElements.define(r(i),s))}))};export{n as AfDivider,d as defineCustomElement}

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

@@ -1,136 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afFeatureAccordionCss = ".sc-af-feature-accordion-h{display:block;width:100%}.feature-accordion.sc-af-feature-accordion{padding:0 24px;--_heading-color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343b));--_body-color:var(--af-typography-body-default, var(--colour-inkwell-400, #2b484f));--_border-color:var(--af-background-border-default, rgba(20, 52, 59, 0.12))}.feature-accordion__heading.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:clamp(36px, 5vw, 52px);line-height:1.05;letter-spacing:-0.025em;color:var(--_heading-color);margin:0 0 56px 0}.feature-accordion__content.sc-af-feature-accordion{display:flex;gap:48px}.feature-accordion__list.sc-af-feature-accordion{display:flex;flex-direction:column;flex:1;min-width:0}.accordion-item.sc-af-feature-accordion{border-bottom:1px solid var(--_border-color)}.accordion-item.sc-af-feature-accordion:first-child{border-top:1px solid var(--_border-color)}.accordion-item__header.sc-af-feature-accordion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px 0;background:none;border:none;cursor:pointer;text-align:left;gap:16px}.accordion-item__header.sc-af-feature-accordion:hover .accordion-item__title.sc-af-feature-accordion{color:var(--_heading-color)}.accordion-item__title.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:22px;line-height:1.25;color:var(--_heading-color);margin:0;flex:1;transition:color 0.2s ease}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__title.sc-af-feature-accordion{opacity:0.7}.accordion-item__icon.sc-af-feature-accordion{flex-shrink:0;width:24px;height:24px;color:var(--_heading-color);transition:transform var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),\n    opacity var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.accordion-item__icon.sc-af-feature-accordion svg.sc-af-feature-accordion{display:block;width:100%;height:100%;overflow:visible}.accordion-item__icon-bar.sc-af-feature-accordion{transition:transform var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),\n    opacity var(--motion-duration-fast, 150ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));transform-origin:12px 12px}.accordion-item--expanded.sc-af-feature-accordion .accordion-item__icon-bar--vert.sc-af-feature-accordion{transform:scaleY(0);opacity:0}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__icon.sc-af-feature-accordion{opacity:0.5}.accordion-item__content.sc-af-feature-accordion{overflow:hidden;transition:max-height var(--motion-duration-slow, 300ms) var(--motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),\n    opacity var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}@media (prefers-reduced-motion: reduce){.accordion-item__icon.sc-af-feature-accordion,.accordion-item__icon-bar.sc-af-feature-accordion,.accordion-item__content.sc-af-feature-accordion,.accordion-item__title.sc-af-feature-accordion{transition-duration:0.01ms}}.accordion-item__description.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:17px;line-height:1.6;color:var(--_body-color);margin:0 0 20px 0;padding-right:40px;opacity:0.85}.accordion-item__timer-track.sc-af-feature-accordion{height:3px;background-color:var(--_border-color);border-radius:2px;margin-bottom:8px;overflow:hidden;display:flex;justify-content:flex-start}.accordion-item__timer-progress.sc-af-feature-accordion{height:100%;background-color:var(--af-accent-progress, var(--colour-softclay-600, #9e8765));border-radius:2px;transition:width 0.05s linear}.feature-accordion__image-container.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;background-color:var(--af-background-level-1, var(--colour-mistgreen-300, #dde6e3));border-radius:20px;overflow:hidden;flex:1;min-width:0}.feature-accordion__image-wrapper.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--af-feature-accordion-image-pad, 40px)}.feature-accordion__image.sc-af-feature-accordion{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.12)}.feature-accordion__image-placeholder.sc-af-feature-accordion{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.feature-accordion__content.sc-af-feature-accordion{gap:32px}.feature-accordion__heading.sc-af-feature-accordion{margin-bottom:40px}.accordion-item__title.sc-af-feature-accordion{font-size:20px}}@media (max-width: 768px){.feature-accordion__content.sc-af-feature-accordion{flex-direction:column;gap:32px}.feature-accordion__image-container.sc-af-feature-accordion{order:-1;min-height:280px;flex:none}.feature-accordion__list.sc-af-feature-accordion{flex:none}.accordion-item__title.sc-af-feature-accordion{font-size:18px}.accordion-item__description.sc-af-feature-accordion{font-size:15px;padding-right:0}}";
-
-const AfFeatureAccordion$1 = /*@__PURE__*/ proxyCustomElement(class AfFeatureAccordion extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Section heading */
-        this.heading = 'Give AI agents your paperwork';
-        /** JSON string of accordion items */
-        this.items = '[]';
-        /** Auto-cycle interval in milliseconds (default: 6000ms = 6 seconds) */
-        this.cycleInterval = 6000;
-        /** Whether auto-cycling is enabled */
-        this.autoCycle = true;
-        /** Currently expanded item index */
-        this.expandedIndex = 0;
-        /** Progress of current timer (0-100) */
-        this.timerProgress = 100;
-        this.progressTimer = null;
-        this.progressStartTime = 0;
-    }
-    componentDidLoad() {
-        if (this.autoCycle) {
-            this.startCycling();
-        }
-    }
-    disconnectedCallback() {
-        this.stopCycling();
-    }
-    handleAutoCycleChange(newValue) {
-        if (newValue) {
-            this.startCycling();
-        }
-        else {
-            this.stopCycling();
-        }
-    }
-    getItems() {
-        try {
-            return JSON.parse(this.items);
-        }
-        catch {
-            return [];
-        }
-    }
-    startCycling() {
-        this.stopCycling();
-        this.progressStartTime = Date.now();
-        this.timerProgress = 100;
-        // Progress animation frame
-        const updateProgress = () => {
-            const elapsed = Date.now() - this.progressStartTime;
-            const remaining = this.cycleInterval - elapsed;
-            if (remaining <= 0) {
-                this.moveToNextItem();
-            }
-            else {
-                this.timerProgress = (remaining / this.cycleInterval) * 100;
-                this.progressTimer = requestAnimationFrame(updateProgress);
-            }
-        };
-        this.progressTimer = requestAnimationFrame(updateProgress);
-    }
-    stopCycling() {
-        if (this.progressTimer) {
-            cancelAnimationFrame(this.progressTimer);
-            this.progressTimer = null;
-        }
-    }
-    moveToNextItem() {
-        const items = this.getItems();
-        if (items.length === 0)
-            return;
-        this.expandedIndex = (this.expandedIndex + 1) % items.length;
-        // Restart the cycling timer for the new item
-        this.startCycling();
-    }
-    handleItemClick(index) {
-        // Reset timer when user clicks
-        this.expandedIndex = index;
-        // Restart the cycling timer for the clicked item
-        if (this.autoCycle) {
-            this.startCycling();
-        }
-    }
-    render() {
-        const items = this.getItems();
-        const currentItem = items[this.expandedIndex];
-        return (h(Host, { key: '595e09ae8153ade7a4fa676eb6f286fc4fec5efe' }, h("div", { key: 'ee35766aa1e9300b4826576913bb7c84ede6a1e7', class: "feature-accordion" }, h("div", { key: 'a12641497c3c3de7e975ebd0735998d4febefb5f', class: "feature-accordion__container" }, h("h2", { key: '42bb968907b3f2745f0ca8f2b40ccfb0e085dad5', class: "feature-accordion__heading" }, this.heading), h("div", { key: 'b70e9007418de1a53cf3f77b4e5477b63d0a11f1', class: "feature-accordion__content" }, h("div", { key: '3fdfbc954daa9d02efb1cdb4ea9d26caeba603c8', class: "feature-accordion__list" }, items.map((item, index) => (h("div", { class: {
-                'accordion-item': true,
-                'accordion-item--expanded': this.expandedIndex === index
-            }, key: index }, h("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index), "aria-expanded": this.expandedIndex === index ? 'true' : 'false' }, h("h4", { class: "accordion-item__title" }, item.title), h("span", { class: "accordion-item__icon", "aria-hidden": "true" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { class: "accordion-item__icon-bar", d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }), h("path", { class: "accordion-item__icon-bar accordion-item__icon-bar--vert", d: "M12 5V19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })))), h("div", { class: "accordion-item__content", style: {
-                maxHeight: this.expandedIndex === index ? '200px' : '0',
-                opacity: this.expandedIndex === index ? '1' : '0'
-            } }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '902712779f4ff2eaae179762a7b78ff1f0784d58', class: "feature-accordion__image-container" }, h("div", { key: 'b741cfaf96428e786e8780cfeff90a0c315716e8', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (h("img", { key: '2a565b530441c9953139b3c0517f480a81f0a77a', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (h("div", { key: 'f8248c73c5dcbd6b8224ad646ee867d34004437d', class: "feature-accordion__image-placeholder" }, h("slot", { key: '9cbe9ee773b0acd5a1b80fa4f6dd2f293152e598', name: "image" }))))))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "autoCycle": ["handleAutoCycleChange"]
-    }; }
-    static get style() { return afFeatureAccordionCss; }
-}, [262, "af-feature-accordion", {
-        "heading": [1],
-        "items": [1],
-        "cycleInterval": [2, "cycle-interval"],
-        "autoCycle": [4, "auto-cycle"],
-        "expandedIndex": [32],
-        "timerProgress": [32]
-    }, undefined, {
-        "autoCycle": ["handleAutoCycleChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-feature-accordion"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-feature-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfFeatureAccordion$1);
-            }
-            break;
-    } });
-}
-
-const AfFeatureAccordion = AfFeatureAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfFeatureAccordion, defineCustomElement };
-//# sourceMappingURL=af-feature-accordion.js.map
-
-//# sourceMappingURL=af-feature-accordion.js.map
+import{p as a,H as e,h as i,c as o,t}from"./p-D1moXdEA.js";const r=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.heading="Give AI agents your paperwork",this.description="",this.items="[]",this.cycleInterval=6e3,this.autoCycle=!0,this.expandedIndex=0,this.timerProgress=100,this.isPaused=!1,this.progressTimer=null,this.progressStartTime=0,this.pausedRemaining=0,this.togglePause=a=>{a.preventDefault(),a.stopPropagation(),this.autoCycle&&(this.isPaused?this.resumeCycling():this.pauseCycling())}}componentDidLoad(){this.autoCycle&&this.startCycling()}disconnectedCallback(){this.stopCycling()}handleAutoCycleChange(a){a?this.startCycling():this.stopCycling()}getItems(){try{return JSON.parse(this.items)}catch{return[]}}startCycling(){if(this.stopCycling(),this.isPaused)return;this.progressStartTime=Date.now(),this.timerProgress=100;const a=()=>{const e=Date.now()-this.progressStartTime,i=this.cycleInterval-e;i<=0?this.moveToNextItem():(this.timerProgress=i/this.cycleInterval*100,this.progressTimer=requestAnimationFrame(a))};this.progressTimer=requestAnimationFrame(a)}stopCycling(){this.progressTimer&&(cancelAnimationFrame(this.progressTimer),this.progressTimer=null)}pauseCycling(){if(this.isPaused)return;const a=Date.now()-this.progressStartTime;this.pausedRemaining=Math.max(0,this.cycleInterval-a),this.isPaused=!0,this.stopCycling()}resumeCycling(){if(!this.isPaused)return;this.isPaused=!1,this.stopCycling();const a=this.pausedRemaining>0?this.pausedRemaining:this.cycleInterval;this.progressStartTime=Date.now()-(this.cycleInterval-a);const e=()=>{const a=Date.now()-this.progressStartTime,i=this.cycleInterval-a;i<=0?this.moveToNextItem():(this.timerProgress=i/this.cycleInterval*100,this.progressTimer=requestAnimationFrame(e))};this.progressTimer=requestAnimationFrame(e)}moveToNextItem(){const a=this.getItems();0!==a.length&&(this.expandedIndex=(this.expandedIndex+1)%a.length,this.isPaused=!1,this.pausedRemaining=0,this.startCycling())}handleItemClick(a){this.expandedIndex=a,this.autoCycle&&(this.isPaused=!1,this.pausedRemaining=0,this.startCycling())}render(){const a=this.getItems(),e=a[this.expandedIndex];return i(o,{key:"676f3124fa1eeb153c268bb5d3cdcbe5ee027acf"},i("div",{key:"7e7b1d23aedcd8e91e13fc92ba2706e967d4fbe8",class:"feature-accordion"},i("div",{key:"c9c3e34a6c94f1cc62e1d5a00c3ffd96cad2fb2a",class:"feature-accordion__container"},i("div",{key:"d6e8449a1f19f2c3291ac3b0c3c4635128ebaf6b",class:"feature-accordion__intro"},i("h2",{key:"4694a8f173dccdff7a7bec48247aa9dd8de239bd",class:"feature-accordion__heading"},this.heading),this.description&&i("p",{key:"4abd1b4479107fd9cb754d0c4dcff2b138ac8bf0",class:"feature-accordion__description"},this.description)),i("div",{key:"555c5e323a0e3ab7a60d82b317ff81d09e8c3520",class:"feature-accordion__content"},i("div",{key:"17c913a6b19906a3c40fa06a5bc534a0d0ea8421",class:"feature-accordion__list"},a.map(((a,e)=>i("div",{class:{"accordion-item":!0,"accordion-item--expanded":this.expandedIndex===e},key:e},i("button",{class:"accordion-item__header",onClick:()=>this.handleItemClick(e),"aria-expanded":this.expandedIndex===e?"true":"false"},i("h4",{class:"accordion-item__title"},a.title),i("span",{class:"accordion-item__icon","aria-hidden":"true"},i("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{class:"accordion-item__icon-bar",d:"M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}),i("path",{class:"accordion-item__icon-bar accordion-item__icon-bar--vert",d:"M12 5V19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})))),i("div",{class:"accordion-item__content",style:{opacity:this.expandedIndex===e?"1":"0"}},i("div",{class:"accordion-item__content-inner"},i("p",{class:"accordion-item__description"},a.description),a.imageUrl&&i("div",{class:"accordion-item__image-wrapper"},i("img",{src:a.imageUrl,alt:a.imageAlt||a.title,width:a.imageWidth,height:a.imageHeight,loading:"lazy",decoding:"async",class:"accordion-item__image"})),this.expandedIndex===e&&this.autoCycle&&i("div",{class:"accordion-item__timer-track"},i("div",{class:{"accordion-item__timer-progress":!0,"accordion-item__timer-progress--paused":this.isPaused},style:{width:this.timerProgress+"%"}})))))))),i("div",{key:"473135fa5b0ff8eeab2c3ec8ab6d38a5f0469f35",class:"feature-accordion__image-container"},i("div",{key:"5aa14dfa7accd07751b84aedddd567a698196f40",class:"feature-accordion__image-wrapper"},e?.imageUrl&&i("img",{key:"5d721d7d2dcaa6e43d78edf99cf463159c8c65a9",src:e.imageUrl,alt:e.imageAlt||e.title,width:e.imageWidth,height:e.imageHeight,loading:"lazy",decoding:"async",class:"feature-accordion__image"}),!e?.imageUrl&&i("div",{key:"fc3f40990c0372e4064edac223d6315b390d5fb8",class:"feature-accordion__image-placeholder"},i("slot",{key:"434da2a8b19bf6200f72792bb209881755cca1ce",name:"image"})),this.autoCycle&&i("button",{key:"2299c90f4d3591c1eec3b4119012597207a0c3fb",type:"button",class:"feature-accordion__pause","aria-pressed":this.isPaused?"true":"false","aria-label":this.isPaused?"Resume accordion rotation":"Pause accordion rotation",onClick:this.togglePause},this.isPaused?i("svg",{class:"feature-accordion__pause-icon",width:"16",height:"16",viewBox:"0 0 17 20",fill:"none","aria-hidden":"true"},i("path",{d:"M15.7875 8.48391L2.28 0.220781C2.05227 0.0813301 1.79144 0.00520146 1.52445 0.0002572C1.25746 -0.00468706 0.993989 0.0617322 0.76125 0.192655C0.530728 0.321545 0.338696 0.509511 0.204904 0.737222C0.0711107 0.964934 0.000385179 1.22417 0 1.48828V18.0127C0.00173697 18.4088 0.160719 18.7881 0.441997 19.0671C0.723276 19.3461 1.10383 19.502 1.5 19.5005C1.77652 19.5003 2.04767 19.4241 2.28375 19.2802L15.7875 11.017C16.0046 10.8847 16.1839 10.6988 16.3084 10.4772C16.4329 10.2555 16.4983 10.0056 16.4983 9.7514C16.4983 9.4972 16.4329 9.24727 16.3084 9.02563C16.1839 8.80399 16.0046 8.61808 15.7875 8.48578V8.48391ZM1.5 17.9948V1.50047L14.9841 9.75047L1.5 17.9948Z",fill:"currentColor"})):i("svg",{class:"feature-accordion__pause-icon",width:"16",height:"16",viewBox:"0 0 17 18",fill:"none","aria-hidden":"true"},i("path",{d:"M15 0H11.25C10.8522 0 10.4706 0.158035 10.1893 0.43934C9.90804 0.720644 9.75 1.10218 9.75 1.5V16.5C9.75 16.8978 9.90804 17.2794 10.1893 17.5607C10.4706 17.842 10.8522 18 11.25 18H15C15.3978 18 15.7794 17.842 16.0607 17.5607C16.342 17.2794 16.5 16.8978 16.5 16.5V1.5C16.5 1.10218 16.342 0.720644 16.0607 0.43934C15.7794 0.158035 15.3978 0 15 0ZM15 16.5H11.25V1.5H15V16.5ZM5.25 0H1.5C1.10218 0 0.720644 0.158035 0.43934 0.43934C0.158035 0.720644 0 1.10218 0 1.5V16.5C0 16.8978 0.158035 17.2794 0.43934 17.5607C0.720644 17.842 1.10218 18 1.5 18H5.25C5.64782 18 6.02936 17.842 6.31066 17.5607C6.59196 17.2794 6.75 16.8978 6.75 16.5V1.5C6.75 1.10218 6.59196 0.720644 6.31066 0.43934C6.02936 0.158035 5.64782 0 5.25 0ZM5.25 16.5H1.5V1.5H5.25V16.5Z",fill:"currentColor"})))))))))}get el(){return this}static get watchers(){return{autoCycle:[{handleAutoCycleChange:0}]}}static get style(){return".sc-af-feature-accordion-h{display:block;width:100%}.feature-accordion.sc-af-feature-accordion{padding:0 24px;--_heading-color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343b));--_body-color:var(--af-typography-body-default, var(--colour-inkwell-400, #2b484f));--_border-color:var(--af-background-border-default, rgba(20, 52, 59, 0.12))}.feature-accordion__intro.sc-af-feature-accordion{margin:0 0 56px 0}.feature-accordion__heading.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:44px;line-height:1.05;letter-spacing:-0.88px;color:var(--_heading-color);margin:0}@media (max-width: 1024px){.feature-accordion__heading.sc-af-feature-accordion{font-size:32px;font-weight:500;line-height:100%;letter-spacing:-0.64px}}.feature-accordion__description.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:20px;line-height:1.45;color:var(--_body-color);max-width:760px;margin:20px 0 0 0;opacity:0.88}.feature-accordion__content.sc-af-feature-accordion{display:flex;gap:48px}.feature-accordion__list.sc-af-feature-accordion{display:flex;flex-direction:column;flex:1;min-width:0}.accordion-item.sc-af-feature-accordion{border-bottom:1px solid var(--_border-color)}.accordion-item.sc-af-feature-accordion:first-child{border-top:1px solid var(--_border-color)}.accordion-item__header.sc-af-feature-accordion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;gap:16px}.accordion-item__header.sc-af-feature-accordion:hover .accordion-item__title.sc-af-feature-accordion{color:var(--_heading-color)}.accordion-item__title.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:24px;line-height:1.2;letter-spacing:0.48px;color:var(--_heading-color);margin:0;flex:1;transition:color 0.2s ease}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__title.sc-af-feature-accordion{opacity:0.7}.accordion-item__icon.sc-af-feature-accordion{flex-shrink:0;width:24px;height:24px;color:var(--_heading-color);transition:transform var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),     opacity var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.accordion-item__icon.sc-af-feature-accordion svg.sc-af-feature-accordion{display:block;width:100%;height:100%;overflow:visible}.accordion-item__icon-bar.sc-af-feature-accordion{transition:transform var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),     opacity var(--motion-duration-fast, 150ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));transform-origin:12px 12px}.accordion-item--expanded.sc-af-feature-accordion .accordion-item__icon-bar--vert.sc-af-feature-accordion{transform:scaleY(0);opacity:0}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__icon.sc-af-feature-accordion{opacity:0.5}.accordion-item__content.sc-af-feature-accordion{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-duration-slow, 300ms) var(--motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.accordion-item--expanded.sc-af-feature-accordion .accordion-item__content.sc-af-feature-accordion{grid-template-rows:1fr}.accordion-item__content.sc-af-feature-accordion>*.sc-af-feature-accordion{min-height:0}@media (prefers-reduced-motion: reduce){.accordion-item__icon.sc-af-feature-accordion,.accordion-item__icon-bar.sc-af-feature-accordion,.accordion-item__content.sc-af-feature-accordion,.accordion-item__title.sc-af-feature-accordion{transition-duration:0.01ms}}.accordion-item__description.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:18px;line-height:1.44;color:var(--_body-color);margin:0;padding-right:40px;opacity:1}.accordion-item__description.sc-af-feature-accordion::after{content:'';display:block;height:20px}.accordion-item__image-wrapper.sc-af-feature-accordion{display:none}.accordion-item__image.sc-af-feature-accordion{display:block;max-width:100%;height:auto;border-radius:12px}.accordion-item__timer-track.sc-af-feature-accordion{position:relative;height:1px;background-color:var(--_border-color);margin-bottom:8px}.accordion-item__timer-progress.sc-af-feature-accordion{position:absolute;top:50%;left:0;height:3px;transform:translateY(-50%);background-color:var(--af-accent-progress, var(--colour-softclay-800, #7f6849));border-radius:2px;transition:width 0.05s linear}.feature-accordion__image-container.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;background-color:var(--af-background-level-1, var(--colour-mistgreen-300, #dde6e3));border-radius:20px;overflow:hidden;flex:1;min-width:0}.feature-accordion__image-wrapper.sc-af-feature-accordion{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--af-feature-accordion-image-pad, 40px)}.feature-accordion__image.sc-af-feature-accordion{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:var(--af-feature-accordion-image-shadow, none)}.feature-accordion__image-placeholder.sc-af-feature-accordion{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.feature-accordion__pause.sc-af-feature-accordion{position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px;border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b));border-radius:999px;background:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));color:var(--af-button-primary-text, var(--colour-brand-inkwell, #14343b));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)),     background-color var(--motion-duration-base, 200ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.feature-accordion__pause.sc-af-feature-accordion:hover{transform:translateY(-1px);background:var(--af-button-primary-bg-hover, var(--colour-ice-600, #95e6e2))}.feature-accordion__pause.sc-af-feature-accordion:focus-visible{outline:2px solid var(--af-background-border-active, var(--colour-softclay-800, #8a7049));outline-offset:2px}.feature-accordion__pause-icon.sc-af-feature-accordion{display:block}@media (max-width: 1024px){.feature-accordion__content.sc-af-feature-accordion{gap:32px}.feature-accordion__intro.sc-af-feature-accordion{margin-bottom:40px}.accordion-item__title.sc-af-feature-accordion{font-size:20px}}@media (max-width: 768px){.feature-accordion__content.sc-af-feature-accordion{flex-direction:column;gap:32px}.feature-accordion__image-container.sc-af-feature-accordion{display:none}.feature-accordion__list.sc-af-feature-accordion{flex:none}.accordion-item__title.sc-af-feature-accordion{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.accordion-item__description.sc-af-feature-accordion{font-size:15px;padding-right:0}.accordion-item__image-wrapper.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;background-color:var(--af-background-level-1, var(--colour-mistgreen-300, #dde6e3));border-radius:20px;padding:24px;margin:0 0 20px 0}}"}},[262,"af-feature-accordion",{heading:[1],description:[1],items:[1],cycleInterval:[2,"cycle-interval"],autoCycle:[4,"auto-cycle"],expandedIndex:[32],timerProgress:[32],isPaused:[32]},void 0,{autoCycle:[{handleAutoCycleChange:0}]}]),c=r,n=function(){"undefined"!=typeof customElements&&["af-feature-accordion"].forEach((a=>{"af-feature-accordion"===a&&(customElements.get(t(a))||customElements.define(t(a),r))}))};export{c as AfFeatureAccordion,n as defineCustomElement}

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

@@ -1,9 +1 @@
-import { A as AfFeatureCard$1, d as defineCustomElement$1 } from './p-DxYqml-M.js';
-
-const AfFeatureCard = AfFeatureCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfFeatureCard, defineCustomElement };
-//# sourceMappingURL=af-feature-card.js.map
-
-//# sourceMappingURL=af-feature-card.js.map
+import{A as r,d as o}from"./p-C7rwjYr_.js";const s=r,p=o;export{s as AfFeatureCard,p as defineCustomElement}

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

@@ -1,124 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-import { d as defineCustomElement$2 } from './p-BwowgpiS.js';
-
-const afFeatureGridCss = ".sc-af-feature-grid-h{display:block;width:100%}.feature-grid.sc-af-feature-grid{display:flex;flex-direction:column;align-items:center;width:100%}.feature-grid__cards.sc-af-feature-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;width:100%;max-width:1440px;align-items:stretch}.feature-grid__cards.sc-af-feature-grid>af-feature-card.sc-af-feature-grid{height:100%}.feature-grid--cols-3.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(3, 1fr)}.feature-grid--cols-2.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}.feature-grid--cols-1.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:1fr}.feature-grid__progress.sc-af-feature-grid{display:none;width:100%;margin-top:16px}@media (max-width: 767px){.feature-grid__cards.sc-af-feature-grid{gap:16px}.feature-grid--mobile-list.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:1fr;gap:20px}.feature-grid--mobile-grid.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid::-webkit-scrollbar{display:none}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid>af-feature-card.sc-af-feature-grid{flex:0 0 280px;scroll-snap-align:start}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__progress.sc-af-feature-grid{display:block}}@media (min-width: 768px) and (max-width: 1023px){.feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}.feature-grid--cols-3.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid,.feature-grid--cols-4.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}}";
-
-const AfFeatureGrid$1 = /*@__PURE__*/ proxyCustomElement(class AfFeatureGrid extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Number of columns on desktop (1-4).
-         */
-        this.columns = 4;
-        /**
-         * Mobile layout behavior.
-         * - 'list': Vertical stack (1 column)
-         * - 'scroll': Horizontal scroll with progress indicator
-         * - 'grid': Maintain 2-column grid on mobile
-         */
-        this.mobileLayout = 'list';
-        this.scrollProgress = 0;
-        this.handleScroll = () => {
-            if (!this.scrollContainer)
-                return;
-            const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainer;
-            const maxScroll = scrollWidth - clientWidth;
-            if (maxScroll > 0) {
-                this.scrollProgress = scrollLeft / maxScroll;
-            }
-            else {
-                this.scrollProgress = 0;
-            }
-        };
-    }
-    componentDidLoad() {
-        this.setupScrollListener();
-        // Watch for cards being added (for React async rendering)
-        this.observer = new MutationObserver(() => {
-            this.setupScrollListener();
-        });
-        this.observer.observe(this.host, {
-            childList: true,
-            subtree: true,
-        });
-    }
-    disconnectedCallback() {
-        if (this.observer) {
-            this.observer.disconnect();
-        }
-        if (this.resizeObserver) {
-            this.resizeObserver.disconnect();
-        }
-    }
-    onMobileLayoutChange() {
-        this.setupScrollListener();
-    }
-    setupScrollListener() {
-        if (this.scrollContainer) {
-            this.scrollContainer.removeEventListener('scroll', this.handleScroll);
-        }
-        requestAnimationFrame(() => {
-            this.scrollContainer = this.host.querySelector('.feature-grid__cards');
-            if (this.scrollContainer && this.mobileLayout === 'scroll') {
-                this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });
-                this.handleScroll();
-                if (this.resizeObserver) {
-                    this.resizeObserver.disconnect();
-                }
-                this.resizeObserver = new ResizeObserver(() => {
-                    this.handleScroll();
-                });
-                this.resizeObserver.observe(this.scrollContainer);
-            }
-        });
-    }
-    render() {
-        const gridClasses = {
-            'feature-grid': true,
-            [`feature-grid--cols-${this.columns}`]: true,
-            [`feature-grid--mobile-${this.mobileLayout}`]: true,
-        };
-        const showProgressLine = this.mobileLayout === 'scroll';
-        return (h(Host, { key: '79843a96c9ee451709ed2dea2273fe5394c0f180' }, h("div", { key: '83f10509eddca556b5c1bc0c9188a3e23d7a1726', class: gridClasses }, h("div", { key: '794777d18ea5232a851ad86d7fe821d008e5f7ab', class: "feature-grid__cards" }, h("slot", { key: 'ea4b54b056f3d91a73e302adedcfde3ef21c7a4c' })), showProgressLine && (h("div", { key: 'ed2c80eed8b751d2a9e17bf1d1833f9fac7c681c', class: "feature-grid__progress" }, h("af-progress-line", { key: '51fabf03ae0944dda30980a711d7f0ffdf44226d', progress: this.scrollProgress }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "mobileLayout": ["onMobileLayoutChange"]
-    }; }
-    static get style() { return afFeatureGridCss; }
-}, [262, "af-feature-grid", {
-        "columns": [2],
-        "mobileLayout": [1, "mobile-layout"],
-        "scrollProgress": [32]
-    }, undefined, {
-        "mobileLayout": ["onMobileLayoutChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-feature-grid", "af-progress-line"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-feature-grid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfFeatureGrid$1);
-            }
-            break;
-        case "af-progress-line":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AfFeatureGrid = AfFeatureGrid$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfFeatureGrid, defineCustomElement };
-//# sourceMappingURL=af-feature-grid.js.map
-
-//# sourceMappingURL=af-feature-grid.js.map
+import{p as e,H as r,h as a,c as t,t as s}from"./p-D1moXdEA.js";import{d as i}from"./p-BkjX8JFj.js";const d=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.columns=4,this.mobileLayout="list",this.scrollProgress=0,this.handleScroll=()=>{if(!this.scrollContainer)return;const{scrollLeft:e,scrollWidth:r,clientWidth:a}=this.scrollContainer,t=r-a;this.scrollProgress=t>0?e/t:0}}componentDidLoad(){this.setupScrollListener(),this.observer=new MutationObserver((()=>{this.setupScrollListener()})),this.observer.observe(this.host,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect()}onMobileLayoutChange(){this.setupScrollListener()}setupScrollListener(){this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.handleScroll),requestAnimationFrame((()=>{this.scrollContainer=this.host.querySelector(".feature-grid__cards"),this.scrollContainer&&"scroll"===this.mobileLayout&&(this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll(),this.resizeObserver&&this.resizeObserver.disconnect(),this.resizeObserver=new ResizeObserver((()=>{this.handleScroll()})),this.resizeObserver.observe(this.scrollContainer))}))}render(){const e="scroll"===this.mobileLayout;return a(t,{key:"45bde9db23b919cb15ad001dc91c2918af5ffb21"},a("div",{key:"a4ae40838280f957878a8aa898d7624d13936226",class:{"feature-grid":!0,["feature-grid--cols-"+this.columns]:!0,["feature-grid--mobile-"+this.mobileLayout]:!0}},a("div",{key:"e0981d0aefc4ba49e83f841f7d1da24b74374627",class:"feature-grid__cards"},a("slot",{key:"65d5381d77350f8afddc329f2f2bec106f695448"})),e&&a("div",{key:"df1fda238f20da1e1b19b9b59e4e683ddcba7700",class:"feature-grid__progress"},a("af-progress-line",{key:"473171e5e673f992426d8699e811a0ec09767f26",progress:this.scrollProgress}))))}get host(){return this}static get watchers(){return{mobileLayout:[{onMobileLayoutChange:0}]}}static get style(){return".sc-af-feature-grid-h{display:block;width:100%}.feature-grid.sc-af-feature-grid{display:flex;flex-direction:column;align-items:center;width:100%}.feature-grid__cards.sc-af-feature-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;width:100%;max-width:1440px;align-items:stretch}.feature-grid__cards.sc-af-feature-grid>af-feature-card.sc-af-feature-grid{height:100%}.feature-grid--cols-3.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(3, 1fr)}.feature-grid--cols-2.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}.feature-grid--cols-1.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:1fr}.feature-grid__progress.sc-af-feature-grid{display:none;width:100%;margin-top:16px}@media (max-width: 767px){.feature-grid__cards.sc-af-feature-grid{gap:16px}.feature-grid--mobile-list.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:1fr;gap:20px}.feature-grid--mobile-grid.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid::-webkit-scrollbar{display:none}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid>af-feature-card.sc-af-feature-grid{flex:0 0 280px;scroll-snap-align:start}.feature-grid--mobile-scroll.sc-af-feature-grid .feature-grid__progress.sc-af-feature-grid{display:block}}@media (min-width: 768px) and (max-width: 1023px){.feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}.feature-grid--cols-3.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid,.feature-grid--cols-4.sc-af-feature-grid .feature-grid__cards.sc-af-feature-grid{grid-template-columns:repeat(2, 1fr)}}"}},[262,"af-feature-grid",{columns:[2],mobileLayout:[1,"mobile-layout"],scrollProgress:[32]},void 0,{mobileLayout:[{onMobileLayoutChange:0}]}]),f=d,c=function(){"undefined"!=typeof customElements&&["af-feature-grid","af-progress-line"].forEach((e=>{switch(e){case"af-feature-grid":customElements.get(s(e))||customElements.define(s(e),d);break;case"af-progress-line":customElements.get(s(e))||i()}}))};export{f as AfFeatureGrid,c as defineCustomElement}

package/dist/components/af-fieldset.js

@@ -1,9 +1 @@
-import { A as AfFieldset$1, d as defineCustomElement$1 } from './p-joRNg4Kk.js';
-
-const AfFieldset = AfFieldset$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfFieldset, defineCustomElement };
-//# sourceMappingURL=af-fieldset.js.map
-
-//# sourceMappingURL=af-fieldset.js.map
+import{A as o,d as s}from"./p-CDl4Zk3-.js";const p=o,r=s;export{p as AfFieldset,r as defineCustomElement}