@affinda/wc 0.0.20 → 0.0.22

package/dist/components/af-center.js

@@ -1,66 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-CxngDK-N.js';
-
-const afCenterCss = ":host{display:flex;box-sizing:border-box}:host([hidden]){display:none}";
-
-const AfCenter$1 = /*@__PURE__*/ proxyCustomElement(class AfCenter extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Which axis to center on.
-         * - 'horizontal': Center horizontally (justify-content: center)
-         * - 'vertical': Center vertically (align-items: center)
-         * - 'both': Center on both axes
-         */
-        this.axis = 'both';
-        /**
-         * Use inline-flex instead of flex.
-         * Useful when the center container should only take up as much space as needed.
-         */
-        this.inline = false;
-    }
-    render() {
-        const style = {
-            display: this.inline ? 'inline-flex' : 'flex',
-        };
-        if (this.axis === 'horizontal' || this.axis === 'both') {
-            style.justifyContent = 'center';
-        }
-        if (this.axis === 'vertical' || this.axis === 'both') {
-            style.alignItems = 'center';
-        }
-        if (this.minHeight) {
-            style.minHeight = this.minHeight;
-        }
-        return (h(Host, { key: 'ea24131f49ed2e71639eb55ac38c19519d8e4608', style: style }, h("slot", { key: '6547ee3e9cae65dd7373e8cb7b5adfa29042f851' })));
-    }
-    static get style() { return afCenterCss; }
-}, [257, "af-center", {
-        "axis": [1],
-        "inline": [4],
-        "minHeight": [1, "min-height"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-center"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-center":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfCenter$1);
-            }
-            break;
-    } });
-}
-
-const AfCenter = AfCenter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfCenter, defineCustomElement };
-//# sourceMappingURL=af-center.js.map
-
-//# sourceMappingURL=af-center.js.map
+import{p as e,H as t,h as s,c as i,t as n}from"./p-DsNqeD3z.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.axis="both",this.inline=!1}render(){const e={display:this.inline?"inline-flex":"flex"};return"horizontal"!==this.axis&&"both"!==this.axis||(e.justifyContent="center"),"vertical"!==this.axis&&"both"!==this.axis||(e.alignItems="center"),this.minHeight&&(e.minHeight=this.minHeight),s(i,{key:"fc1bcaef9b11c0c5f69e9ef95d58adf61b4f244a",style:e},s("slot",{key:"09dc75e0a80760d56e370ad0b52231f4143549e8"}))}static get style(){return":host{display:flex;box-sizing:border-box}:host([hidden]){display:none}"}},[257,"af-center",{axis:[1],inline:[4],minHeight:[1,"min-height"]}]),c=o,h=function(){"undefined"!=typeof customElements&&["af-center"].forEach((e=>{"af-center"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{c as AfCenter,h as defineCustomElement}

package/dist/components/af-checkbox.js

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

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

@@ -1,42 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-CxngDK-N.js';
-
-const afClientCarouselCss = ":host{display:block;width:100%}.client-carousel{padding:48px 0;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.carousel-container{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;overflow:hidden}.carousel-row{display:flex;width:100%;overflow:hidden;position:relative}.logo-track{display:flex;gap:var(--space-4, 16px);animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left .logo-track{animation-name:scroll-left;animation-duration:40s}.scroll-right .logo-track{animation-name:scroll-right;animation-duration:40s}:host(:hover) .logo-track{animation-play-state:paused}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}::slotted(*){display:flex;flex-shrink:0;gap:var(--space-4, 16px);align-items:center}:host(.theme-inkwell),.client-carousel.theme-inkwell{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)}:host(.theme-white),.client-carousel.theme-white{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}:host(.theme-mist-green),.client-carousel.theme-mist-green{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}:host(.theme-soft-clay),.client-carousel.theme-soft-clay{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}:host(.theme-white-ivory),.client-carousel.theme-white-ivory{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{padding:32px 0}}@media (max-width: 767px){.client-carousel{padding:24px 0}.carousel-container{gap:var(--space-3, 12px)}.logo-track{gap:var(--space-3, 12px)}::slotted(*){gap:var(--space-3, 12px)}}";
-
-const AfClientCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfClientCarousel extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /** Theme - sets background color and provides theme context to children */
-        this.theme = 'inkwell';
-    }
-    render() {
-        return (h(Host, { key: '2e7ecfbbde6c66bcb8c2b581ef65938451b46f10', class: `theme-${this.theme}` }, h("div", { key: 'c17d3a429c31fd0c8b45792be5af4191079ec070', class: `client-carousel theme-${this.theme}` }, h("div", { key: '42f1dde981082b450991ab1d9e73e06f357fc7b7', class: "carousel-container" }, h("div", { key: 'be3106cce710d07ef4ace805f7beea181c2881e3', class: "carousel-row scroll-left" }, h("div", { key: 'c5b6959756e7f86ba2bba6b5b6b403e906c804bb', class: "logo-track" }, h("slot", { key: '712acf9f80c4eec3f1f44c6854fca813a3d942a9', name: "row-1" }), h("slot", { key: '6a8819dcc886bb5d8f6898390f615612e38d7a4e', name: "row-1" }))), h("div", { key: 'e5811147386c7232e8b2ca191e08eae1a66a3204', class: "carousel-row scroll-right" }, h("div", { key: 'f38087992cc2b1c4e5f876d02b1a976aafc4df63', class: "logo-track" }, h("slot", { key: '3240385b3d01e8da8decc67313ddca23f1a076f5', name: "row-2" }), h("slot", { key: 'e7fa32487ab745ab3ac86e10fc9a7211b576a15d', name: "row-2" })))))));
-    }
-    static get style() { return afClientCarouselCss; }
-}, [257, "af-client-carousel", {
-        "theme": [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 o,c as l,t as r}from"./p-DsNqeD3z.js";const c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.theme="inkwell",this.rows=1}render(){const e=Number(this.rows);return o(l,{key:"2acf0f323419f0da674a778c6e69ffd5289d985e",class:"theme-"+this.theme},o("div",{key:"3ad33afb14367eb9b5a3a6c7aa0611d7daad4c5b",class:`client-carousel theme-${this.theme} rows-${e}`},o("div",{key:"b626a02250af7e5e86fbec134fcc69017e000e74",class:"carousel-container"},o("div",{key:"91ab781322523aa10632d4a307cc3a0c39498ee9",class:"carousel-row scroll-left"},o("div",{key:"ac20d5d053bab67c1bd7753bf38cc41f59ca9364",class:"logo-track"},o("slot",{key:"ecea74e95297732729f825f7755d0ac5f857aba3",name:"row-1"},o("slot",{key:"fcf6a18f654112e908ca6a30644cd91740a75251"})),o("slot",{key:"20ae1cfd967bdc35dad9bb5c5056d3d23bcc0cbe",name:"row-1"},o("slot",{key:"1db8d52ec892a8b6d39067ee11126116932d2f82"})))),2===e&&o("div",{key:"391fc92f2f9997285f095f388be561c8dd73b186",class:"carousel-row scroll-right"},o("div",{key:"321d75de8348198833f014b146086c7c12681ba1",class:"logo-track"},o("slot",{key:"5003d02e74084a774b132d08956ffea8b2c23cac",name:"row-2"}),o("slot",{key:"1c9255532ee6f81fdf4fe4691b295cbbb23e577b",name:"row-2"}))))))}static get style(){return":host{display:block;width:100%}.client-carousel{padding:48px 0;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.carousel-container{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;overflow:hidden}.carousel-row{display:flex;width:100%;overflow:hidden;position:relative}.logo-track{display:flex;gap:var(--space-4, 16px);animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left .logo-track{animation-name:scroll-left;animation-duration:40s}.scroll-right .logo-track{animation-name:scroll-right;animation-duration:40s}:host(:hover) .logo-track{animation-play-state:paused}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}::slotted(*){display:flex;flex-shrink:0;gap:var(--space-4, 16px);align-items:center}:host(.theme-inkwell),.client-carousel.theme-inkwell{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)}:host(.theme-white),.client-carousel.theme-white{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}:host(.theme-mist-green),.client-carousel.theme-mist-green{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}:host(.theme-soft-clay),.client-carousel.theme-soft-clay{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}:host(.theme-white-ivory),.client-carousel.theme-white-ivory{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{padding:32px 0}}@media (max-width: 767px){.client-carousel{padding:24px 0}.carousel-container{gap:var(--space-3, 12px)}.logo-track{gap:var(--space-3, 12px)}::slotted(*){gap:var(--space-3, 12px)}}"}},[257,"af-client-carousel",{theme:[1],rows:[2]}]),t=c,s=function(){"undefined"!=typeof customElements&&["af-client-carousel"].forEach((e=>{"af-client-carousel"===e&&(customElements.get(r(e))||customElements.define(r(e),c))}))};export{t as AfClientCarousel,s as defineCustomElement}

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

@@ -1,9 +1 @@
-import { A as AfColorSwatch$1, d as defineCustomElement$1 } from './p-6uEhsUaO.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-BLzlyxBT.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-CxngDK-N.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: '25c9989697baa866874a566ea76bad08946773fc' }, h("div", { key: 'ad2ada738e77fd5f1c03cdc2beba65c1cfb6f827', class: "contact-item" }, this.label && (h("h5", { key: '7d7105256639744dff5e640ea8f5842f6d10d1ee', class: "contact-item__label" }, this.label)), this.value && (h("p", { key: 'c661a4a566280c5470d917f537c85fa7afd09d44', class: "contact-item__value" }, this.value)), h("slot", { key: 'd7f1e94f19e5fbcbc25fcccf57f39d68fda88d61' }))));
-    }
-    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-DsNqeD3z.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.label="",this.value=""}render(){return c(a,{key:"29b9c90e5a21c0fc7b88550b7e015e74bfb3cd6e"},c("div",{key:"91f643357fffa8c26e72944ccfbbce77f5db4623",class:"contact-item"},this.label&&c("h5",{key:"75bf13a83a725b3f007441cc20cb676f3b0eadf7",class:"contact-item__label"},this.label),this.value&&c("p",{key:"77f266f375fa4e1a80d9c90cd8f8049ecd8135f8",class:"contact-item__value"},this.value),c("slot",{key:"cbb5ba25208b219df07361dce2ba9b28e89392ba"})))}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]}]),o=n,f=function(){"undefined"!=typeof customElements&&["af-contact-item"].forEach((t=>{"af-contact-item"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{o as AfContactItem,f as defineCustomElement}

package/dist/components/af-container.js

@@ -1,9 +1 @@
-import { A as AfContainer$1, d as defineCustomElement$1 } from './p-D3UZ60qM.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-UTiuvQaz.js";const a=o,p=s;export{a as AfContainer,p as defineCustomElement}

package/dist/components/af-divider.js

@@ -1,66 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-CxngDK-N.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: '4accfc3bacd7851849d58807bd0713704be3f43a', 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,t as r,c as o}from"./p-DsNqeD3z.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:"1d787f79cbb9655d4dbd9ad293e3c0ce52f83021",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-CxngDK-N.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));--_level-1-bg:var(--af-background-level-1, var(--colour-mistgreen-300, #dde6e3))}.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 0.2s ease}.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 0.3s ease, opacity 0.3s ease}.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(--colour-brand-ice, #a6fffb);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(--_level-1-bg);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:32px}.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: '7dea35d43a55761d3e36564de53886910cf43269' }, h("div", { key: 'f53d9194b7b3e0ca17f3507cae98af2f70d694f4', class: "feature-accordion" }, h("div", { key: 'f0f3ae26b637c86a754f536a45c30d2538d6f189', class: "feature-accordion__container" }, h("h2", { key: '5572067284f6d8c14b9b78104a7d89cc562319d7', class: "feature-accordion__heading" }, this.heading), h("div", { key: '953eb50fc040115ef17e2668362526e5c5aa20c2', class: "feature-accordion__content" }, h("div", { key: '035699b851f330d0b61c86f3e06aca2d6a2eb8ce', class: "feature-accordion__list" }, items.map((item, index) => (h("div", { class: {
-                'accordion-item': true,
-                'accordion-item--expanded': this.expandedIndex === index
-            }, key: index }, h("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index), "aria-expanded": this.expandedIndex === index ? 'true' : 'false' }, h("h4", { class: "accordion-item__title" }, item.title), h("span", { class: "accordion-item__icon" }, this.expandedIndex === index ? (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))) : (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))))), h("div", { class: "accordion-item__content", style: {
-                maxHeight: this.expandedIndex === index ? '200px' : '0',
-                opacity: this.expandedIndex === index ? '1' : '0'
-            } }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '60b8b8c12647e3c0d49c61a260a69354ed7e529f', class: "feature-accordion__image-container" }, h("div", { key: '2f916ff6544cb4574e887b4a4155f2aaf83343c1', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (h("img", { key: '53db01fe2689049546729652973eb2c6246c01aa', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (h("div", { key: 'f79c210e398ccb423a48a40afee74d295117a42a', class: "feature-accordion__image-placeholder" }, h("slot", { key: '1fa843fb1b02413dc831023cb9957c96e0a4fa15', 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 e,H as a,h as o,c as t,t as i}from"./p-DsNqeD3z.js";const c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.heading="Give AI agents your paperwork",this.items="[]",this.cycleInterval=6e3,this.autoCycle=!0,this.expandedIndex=0,this.timerProgress=100,this.progressTimer=null,this.progressStartTime=0}componentDidLoad(){this.autoCycle&&this.startCycling()}disconnectedCallback(){this.stopCycling()}handleAutoCycleChange(e){e?this.startCycling():this.stopCycling()}getItems(){try{return JSON.parse(this.items)}catch{return[]}}startCycling(){this.stopCycling(),this.progressStartTime=Date.now(),this.timerProgress=100;const e=()=>{const a=Date.now()-this.progressStartTime,o=this.cycleInterval-a;o<=0?this.moveToNextItem():(this.timerProgress=o/this.cycleInterval*100,this.progressTimer=requestAnimationFrame(e))};this.progressTimer=requestAnimationFrame(e)}stopCycling(){this.progressTimer&&(cancelAnimationFrame(this.progressTimer),this.progressTimer=null)}moveToNextItem(){const e=this.getItems();0!==e.length&&(this.expandedIndex=(this.expandedIndex+1)%e.length,this.startCycling())}handleItemClick(e){this.expandedIndex=e,this.autoCycle&&this.startCycling()}render(){const e=this.getItems(),a=e[this.expandedIndex];return o(t,{key:"b7021397b57feccc1fd8d627cb710ff9357f7088"},o("div",{key:"beaecb3c900fc8f82a4bee469125f9801a73b13b",class:"feature-accordion"},o("div",{key:"581eff7fd2b52f32aed8b328405ff58bd49798b7",class:"feature-accordion__container"},o("h2",{key:"7604d1bcdc1305bb979da651ad9fb20b9fbcfec9",class:"feature-accordion__heading"},this.heading),o("div",{key:"db87e11d47bf68dba12c4ecf7e46f2495265725e",class:"feature-accordion__content"},o("div",{key:"52b52f570ec91b5faa6c895d5de324b62b15c799",class:"feature-accordion__list"},e.map(((e,a)=>o("div",{class:{"accordion-item":!0,"accordion-item--expanded":this.expandedIndex===a},key:a},o("button",{class:"accordion-item__header",onClick:()=>this.handleItemClick(a),"aria-expanded":this.expandedIndex===a?"true":"false"},o("h4",{class:"accordion-item__title"},e.title),o("span",{class:"accordion-item__icon"},o("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",this.expandedIndex===a?{d:"M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}:{d:"M12 5V19M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})))),o("div",{class:"accordion-item__content",style:{maxHeight:this.expandedIndex===a?"200px":"0",opacity:this.expandedIndex===a?"1":"0"}},o("p",{class:"accordion-item__description"},e.description),this.expandedIndex===a&&this.autoCycle&&o("div",{class:"accordion-item__timer-track"},o("div",{class:"accordion-item__timer-progress",style:{width:this.timerProgress+"%"}}))))))),o("div",{key:"697f2bd91aa7d4bf10f14df99dfba18d17b3698a",class:"feature-accordion__image-container"},o("div",{key:"722174055c8e5abd0e2658553bf8622f8f096b73",class:"feature-accordion__image-wrapper"},a?.imageUrl&&o("img",{key:"2ad665507f3e2886ea5849d63f55fd3611a843ef",src:a.imageUrl,alt:a.imageAlt||a.title,class:"feature-accordion__image"}),!a?.imageUrl&&o("div",{key:"21b6b31e06167ebccb56a2f911585a856070d351",class:"feature-accordion__image-placeholder"},o("slot",{key:"5428289e7eef9a57c46c7cdec36d8fc8569a5037",name:"image"}))))))))}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));--_level-1-bg:var(--af-background-level-1, var(--colour-mistgreen-300, #dde6e3))}.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 0.2s ease}.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 0.3s ease, opacity 0.3s ease}.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(--colour-brand-ice, #a6fffb);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(--_level-1-bg);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:32px}.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}}"}},[262,"af-feature-accordion",{heading:[1],items:[1],cycleInterval:[2,"cycle-interval"],autoCycle:[4,"auto-cycle"],expandedIndex:[32],timerProgress:[32]},void 0,{autoCycle:[{handleAutoCycleChange:0}]}]),r=c,n=function(){"undefined"!=typeof customElements&&["af-feature-accordion"].forEach((e=>{"af-feature-accordion"===e&&(customElements.get(i(e))||customElements.define(i(e),c))}))};export{r 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-WmKa3rDn.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 o,d as s}from"./p-DPujlxcb.js";const p=o,r=s;export{p as AfFeatureCard,r as defineCustomElement}

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

@@ -1,124 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-CxngDK-N.js';
-import { d as defineCustomElement$2 } from './p-D66k2SSB.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: 768px){.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: 769px) and (max-width: 1024px){.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: '143cda464ef9d63cf4a4190fed2ec938438a6e2f' }, h("div", { key: '602a26836a596570c5ed3bc0679158718c32f125', class: gridClasses }, h("div", { key: '5844b5a699d3be238730c4b94012048a6c5a2b72', class: "feature-grid__cards" }, h("slot", { key: '8447309016d09376256c066f7f732a938066d8cf' })), showProgressLine && (h("div", { key: '7c798167883b9e231bbca9e124515ec418459dd5', class: "feature-grid__progress" }, h("af-progress-line", { key: '3e321ef9f01dc390156e51efcad4d988fc144fad', 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-DsNqeD3z.js";import{d as i}from"./p-9SgEr6QK.js";const f=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:"080e8da8cfe06d185d2549ef9ec01d04795a8d25"},a("div",{key:"7e97204349ef4f0e394ee467bc34cc650f9c3052",class:{"feature-grid":!0,["feature-grid--cols-"+this.columns]:!0,["feature-grid--mobile-"+this.mobileLayout]:!0}},a("div",{key:"67aa8fce8567a862eeff516fc85876fedf5f775b",class:"feature-grid__cards"},a("slot",{key:"8584ac84b326ead673717cafbf61567575251717"})),e&&a("div",{key:"cca56833b42aa6786975be69a21b2e0ffe67dcda",class:"feature-grid__progress"},a("af-progress-line",{key:"f40dca6056e489866c447d923e304d9033fdeeae",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: 768px){.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: 769px) and (max-width: 1024px){.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}]}]),d=f,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),f);break;case"af-progress-line":customElements.get(s(e))||i()}}))};export{d 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-zDoPXonz.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-CDCZfKNt.js";const t=o,p=s;export{t as AfFieldset,p as defineCustomElement}