@affinda/wc 0.6.2 → 0.7.0

package/dist/components/af-in-page-banner.js

@@ -1,82 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-import { d as defineCustomElement$2 } from './p-CeWN48Eq.js';
-
-const afInPageBannerCss = ".sc-af-in-page-banner-h{display:block;width:100%}.banner.sc-af-in-page-banner{position:relative;display:flex;align-items:center;gap:40px;padding-left:40px;padding-right:148px;padding-top:0;padding-bottom:0;border-radius:var(--radius-lg, 20px);overflow:hidden;max-width:1280px;width:100%}.banner.theme-mist-green.sc-af-in-page-banner{background-color:var(--colour-brand-mist-green, #c6d5d1);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-400, #2b484f);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner.theme-inkwell.sc-af-in-page-banner{background-color:var(--colour-brand-inkwell, #14343b);--banner-heading-color:var(--colour-brand-mist-green, #c6d5d1);--banner-body-color:var(--colour-inkwell-100, #d0d6d8);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff)}.banner.theme-soft-clay.sc-af-in-page-banner{background-color:var(--colour-softclay-400, #c0ab8d);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-450, #203e45);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner.theme-white-ivory.sc-af-in-page-banner{background-color:var(--colour-brand-ivory-paper, #fff9ee);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-400, #2b484f);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner__wave-overlay.sc-af-in-page-banner{position:absolute;bottom:-17px;right:-156px;width:521px;height:323px;pointer-events:none;z-index:0}.banner__wave-svg.sc-af-in-page-banner{width:100%;height:100%}.banner.theme-mist-green.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:#d1ddda}.banner.theme-inkwell.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(255, 255, 255, 0.06)}.banner.theme-soft-clay.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(20, 52, 59, 0.06)}.banner.theme-white-ivory.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(20, 52, 59, 0.04)}.banner__illustration.sc-af-in-page-banner{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:288px;height:288px;max-width:288px;max-height:288px;aspect-ratio:1}.banner__illustration-img.sc-af-in-page-banner{width:100%;height:100%;object-fit:contain}.banner__illustration.sc-af-in-page-banner-s>*,.banner__illustration .sc-af-in-page-banner-s>*{width:100%;height:100%;object-fit:contain}.banner__content.sc-af-in-page-banner{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:40px;padding-top:38px;padding-bottom:38px;padding-right:0;padding-left:0}.banner__copy.sc-af-in-page-banner{display:flex;flex-direction:column;gap:16px;max-width:840px;width:100%;white-space:normal}.banner__heading.sc-af-in-page-banner{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--typography-headingweight, 500);font-size:44px;line-height:1;letter-spacing:-0.88px;color:var(--banner-heading-color, var(--colour-brand-inkwell, #14343b));margin:0;white-space:normal}.banner__description.sc-af-in-page-banner{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--typography-bodyweight, 400);font-size:18px;line-height:26px;color:var(--banner-body-color, var(--colour-inkwell-400, #2b484f));margin:0;white-space:normal}.banner__buttons.sc-af-in-page-banner{display:flex;flex-direction:row;gap:24px;align-items:flex-start}@media (max-width: 768px){.banner.sc-af-in-page-banner{flex-direction:column;align-items:stretch;padding:224px 0 0 0;border-radius:var(--radius-lg, 20px);max-width:100%;min-height:auto}.banner__wave-overlay.sc-af-in-page-banner{display:none}.banner__illustration.sc-af-in-page-banner{position:absolute;top:12px;left:auto;right:0;transform:none;width:212px;height:212px;max-width:280px;max-height:280px}.banner__content.sc-af-in-page-banner{width:100%;min-height:320px;padding:16px 28px 48px 28px;gap:40px;flex:none}.banner__copy.sc-af-in-page-banner{max-width:100%}.banner__heading.sc-af-in-page-banner{font-size:32px;letter-spacing:-0.64px}.banner__buttons.sc-af-in-page-banner{flex-direction:column;align-items:stretch;gap:12px;width:100%}.banner__buttons.sc-af-in-page-banner{--af-button-width:100%}.banner__buttons.sc-af-in-page-banner af-button.sc-af-in-page-banner{display:block;width:100%}}@media (max-width: 480px){.banner.sc-af-in-page-banner{padding-top:200px}.banner__illustration.sc-af-in-page-banner{right:0;width:180px;height:180px}.banner__content.sc-af-in-page-banner{padding:16px 20px 36px 20px;min-height:280px}.banner__heading.sc-af-in-page-banner{font-size:28px;letter-spacing:-0.56px}}";
-
-const AfInPageBanner$1 = /*@__PURE__*/ proxyCustomElement(class AfInPageBanner extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Theme - sets the banner background color and typography colors */
-        this.theme = 'mist-green';
-        /** Banner heading */
-        this.heading = '';
-        /** Banner description */
-        this.description = '';
-        /** Primary button text */
-        this.primaryButtonText = '';
-        /** Primary button URL */
-        this.primaryButtonUrl = '#';
-        /** Secondary button text (optional - if empty, button won't show) */
-        this.secondaryButtonText = '';
-        /** Secondary button URL */
-        this.secondaryButtonUrl = '#';
-        /**
-         * Illustration URL. For theme-matched illustrations, use getIllustrationUrlByScene()
-         * from @affinda/illustrations in your app code.
-         */
-        this.illustrationUrl = '';
-        /** Whether to show the decorative wave overlay */
-        this.showWaveDecoration = true;
-    }
-    /**
-     * Renders the decorative wave SVG overlay.
-     * Uses the Affinda brand "infinity loop" wave pattern.
-     * Fill color is controlled via CSS custom properties per theme.
-     */
-    renderWaveOverlay() {
-        return (h("div", { class: "banner__wave-overlay", "aria-hidden": "true" }, h("svg", { viewBox: "0 0 521 323", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "banner__wave-svg" }, h("path", { d: "M473.775 46.273C443.539 15.92 403.701 -0.631616 361.351 0.0184478H154.183L112.67 67.225H361.893C362.189 67.225 362.533 67.225 362.829 67.225C387.155 67.225 410.004 76.7259 427.289 94.0776C445.017 111.879 454.816 135.682 454.816 161.134C454.816 213.389 412.959 255.843 361.548 255.843H108.041C84.9457 255.843 66.1345 236.742 66.1345 213.289C66.1345 189.837 84.9949 170.435 107.992 169.735H334.957L377.799 102.528H106.859C47.9636 104.029 0 153.683 0 213.289C0 272.895 48.456 323 108.041 323H361.548C449.449 323 521 250.343 521 161.084C521 117.53 504.257 76.7759 473.824 46.2229L473.775 46.273Z", fill: "currentColor" }))));
-    }
-    render() {
-        return (h(Host, { key: '022f98e0925a4cdc04db66889b266f1741932513' }, h("div", { key: '64f60ef33b18ba4e0e20d5248a3a8d396a72b4cd', class: `banner theme-${this.theme}` }, this.showWaveDecoration && this.renderWaveOverlay(), h("div", { key: '26ff6aefd41268a5bece7fb2c5161cfacd38d54e', class: "banner__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "banner__illustration-img", loading: "lazy" })) : (h("slot", { name: "illustration" }))), h("div", { key: '025c1664b11d6531d2471ab652a0715e58ee5d46', class: "banner__content" }, h("div", { key: 'e58cc91158e663068ddaa01fd9776135055769fc', class: "banner__copy" }, h("h2", { key: '7f3afcf9b28cbc1b924f6dec0bf4882c64b1c306', class: "banner__heading" }, h("slot", { key: 'ac04c8f27d294f97f79ab11595ce4c1e12e3d9f3', name: "heading" }, this.heading)), h("div", { key: '7b5a689cf681591d8eac098f9e0a8d3b01348140', class: "banner__description" }, h("slot", { key: '724079691b59aab3f336a3524b85f5fe27ad754d', name: "description" }, this.description))), h("div", { key: 'e4d8eedee783e6b48ca780bf95337048384165fc', class: "banner__buttons" }, h("slot", { key: 'e1b5995706145354b41daa5a774086ddaa65accc', name: "buttons" }, this.primaryButtonText && (h("af-button", { key: 'c5e797d3c62876d4ba964272efe7d9d97b962a36', href: this.primaryButtonUrl, variant: "primary" }, this.primaryButtonText)), this.secondaryButtonText && (h("af-button", { key: 'e4a8ba0065181b3201f906fdc718595ad9bdd4fc', href: this.secondaryButtonUrl, variant: "secondary" }, this.secondaryButtonText))))))));
-    }
-    static get style() { return afInPageBannerCss; }
-}, [262, "af-in-page-banner", {
-        "theme": [1],
-        "heading": [1],
-        "description": [1],
-        "primaryButtonText": [1, "primary-button-text"],
-        "primaryButtonUrl": [1, "primary-button-url"],
-        "secondaryButtonText": [1, "secondary-button-text"],
-        "secondaryButtonUrl": [1, "secondary-button-url"],
-        "illustrationUrl": [1, "illustration-url"],
-        "showWaveDecoration": [4, "show-wave-decoration"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-in-page-banner", "af-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-in-page-banner":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfInPageBanner$1);
-            }
-            break;
-        case "af-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AfInPageBanner = AfInPageBanner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfInPageBanner, defineCustomElement };
-//# sourceMappingURL=af-in-page-banner.js.map
-
-//# sourceMappingURL=af-in-page-banner.js.map
+import{p as a,H as n,h as e,c as r,t}from"./p-D1moXdEA.js";import{d as i}from"./p-Cye028UF.js";import{d as o}from"./p-Co9EDn2t.js";const b=a(class extends n{constructor(a){super(),!1!==a&&this.__registerHost(),this.theme="mist-green",this.heading="",this.description="",this.primaryButtonText="",this.primaryButtonUrl="#",this.secondaryButtonText="",this.secondaryButtonUrl="#",this.illustrationUrl="",this.showWaveDecoration=!0}renderWaveOverlay(){return e("div",{class:"banner__wave-overlay","aria-hidden":"true"},e("svg",{viewBox:"0 0 521 323",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"banner__wave-svg"},e("path",{d:"M473.775 46.273C443.539 15.92 403.701 -0.631616 361.351 0.0184478H154.183L112.67 67.225H361.893C362.189 67.225 362.533 67.225 362.829 67.225C387.155 67.225 410.004 76.7259 427.289 94.0776C445.017 111.879 454.816 135.682 454.816 161.134C454.816 213.389 412.959 255.843 361.548 255.843H108.041C84.9457 255.843 66.1345 236.742 66.1345 213.289C66.1345 189.837 84.9949 170.435 107.992 169.735H334.957L377.799 102.528H106.859C47.9636 104.029 0 153.683 0 213.289C0 272.895 48.456 323 108.041 323H361.548C449.449 323 521 250.343 521 161.084C521 117.53 504.257 76.7759 473.824 46.2229L473.775 46.273Z",fill:"currentColor"})))}render(){return e(r,{key:"735bf9de5bb207809d65061631a1bba81a5e48b0"},e("div",{key:"1680a0dd782b5705691a074a807acd2279efe9ac",class:"banner theme-"+this.theme},this.showWaveDecoration&&this.renderWaveOverlay(),e("div",{key:"e8629f3271a4db3d81f5f70977229ddec84d57ca",class:"banner__illustration"},this.illustrationUrl?e("img",{src:this.illustrationUrl,alt:"",class:"banner__illustration-img",loading:"lazy"}):e("slot",{name:"illustration"})),e("div",{key:"1db926e313dd6e42b099b8e1a663b7bf16f89e6d",class:"banner__content"},e("div",{key:"ac9754361e6e1848ccc35a28ce7fdea7e2d86925",class:"banner__copy"},e("h2",{key:"a27bf282eb37de080dca5b0ca2fbe140dcab4421",class:"banner__heading"},e("slot",{key:"3da1448df0dfd051c64d90212a0cf15100b30acf",name:"heading"},this.heading)),e("div",{key:"e09df9c98b6072818ce3375a7dadda5d1cd18d34",class:"banner__description"},e("slot",{key:"a455604db03fbbec057ac90e8ffcd112a6f5ee07",name:"description"},this.description))),e("div",{key:"65eb77a5ec3a8ee2a376eaffc9d3c02e4ef54294",class:"banner__buttons"},e("slot",{key:"f95bfd506a4eda52b492bfa3462e8d8ba68b6c50",name:"buttons"},this.primaryButtonText&&e("af-button",{key:"665b1a9e5e625dfc9936f8756a9a5ec9c3e83e9f",href:this.primaryButtonUrl,variant:"primary"},this.primaryButtonText),this.secondaryButtonText&&e("af-button",{key:"58d13d1b800101e30553972412bbfcdcf6e70ddd",href:this.secondaryButtonUrl,variant:"secondary"},this.secondaryButtonText))))))}static get style(){return".sc-af-in-page-banner-h{display:block;width:100%}.banner.sc-af-in-page-banner{position:relative;display:flex;align-items:center;gap:40px;padding-left:40px;padding-right:148px;padding-top:0;padding-bottom:0;border-radius:var(--radius-lg, 20px);overflow:hidden;max-width:1280px;width:100%}.banner.theme-mist-green.sc-af-in-page-banner{background-color:var(--colour-brand-mist-green, #c6d5d1);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-400, #2b484f);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner.theme-inkwell.sc-af-in-page-banner{background-color:var(--colour-brand-inkwell, #14343b);--banner-heading-color:var(--colour-brand-mist-green, #c6d5d1);--banner-body-color:var(--colour-inkwell-100, #d0d6d8);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff)}.banner.theme-soft-clay.sc-af-in-page-banner{background-color:var(--colour-softclay-400, #c0ab8d);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-450, #203e45);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner.theme-white-ivory.sc-af-in-page-banner{background-color:var(--colour-brand-ivory-paper, #fff9ee);--banner-heading-color:var(--colour-brand-inkwell, #14343b);--banner-body-color:var(--colour-inkwell-400, #2b484f);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b)}.banner__wave-overlay.sc-af-in-page-banner{position:absolute;bottom:-17px;right:-156px;width:521px;height:323px;pointer-events:none;z-index:0}.banner__wave-svg.sc-af-in-page-banner{width:100%;height:100%}.banner.theme-mist-green.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:#d1ddda}.banner.theme-inkwell.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(255, 255, 255, 0.06)}.banner.theme-soft-clay.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(20, 52, 59, 0.06)}.banner.theme-white-ivory.sc-af-in-page-banner .banner__wave-overlay.sc-af-in-page-banner{color:rgba(20, 52, 59, 0.04)}.banner__illustration.sc-af-in-page-banner{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:288px;height:288px;max-width:288px;max-height:288px;aspect-ratio:1}.banner__illustration-img.sc-af-in-page-banner{width:100%;height:100%;object-fit:contain}.banner__illustration.sc-af-in-page-banner-s>*,.banner__illustration .sc-af-in-page-banner-s>*{width:100%;height:100%;object-fit:contain}.banner__content.sc-af-in-page-banner{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:40px;padding-top:38px;padding-bottom:38px;padding-right:0;padding-left:0}.banner__copy.sc-af-in-page-banner{display:flex;flex-direction:column;gap:16px;max-width:840px;width:100%;white-space:normal}.banner__heading.sc-af-in-page-banner{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--typography-headingweight, 500);font-size:44px;line-height:1;letter-spacing:-0.88px;color:var(--banner-heading-color, var(--colour-brand-inkwell, #14343b));margin:0;white-space:normal}.banner__description.sc-af-in-page-banner{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--typography-bodyweight, 400);font-size:18px;line-height:26px;color:var(--banner-body-color, var(--colour-inkwell-400, #2b484f));margin:0;white-space:normal}.banner__buttons.sc-af-in-page-banner{display:flex;flex-direction:row;gap:24px;align-items:flex-start}@media (max-width: 768px){.banner.sc-af-in-page-banner{flex-direction:column;align-items:stretch;padding:224px 0 0 0;border-radius:var(--radius-lg, 20px);max-width:100%;min-height:auto}.banner__wave-overlay.sc-af-in-page-banner{display:none}.banner__illustration.sc-af-in-page-banner{position:absolute;top:12px;left:auto;right:0;transform:none;width:212px;height:212px;max-width:280px;max-height:280px}.banner__content.sc-af-in-page-banner{width:100%;min-height:320px;padding:16px 28px 48px 28px;gap:40px;flex:none}.banner.sc-af-in-page-banner:not(:has(.banner__buttons af-button+af-button)) .banner__content.sc-af-in-page-banner{min-height:auto}.banner__copy.sc-af-in-page-banner{max-width:100%}.banner__heading.sc-af-in-page-banner{font-size:32px;letter-spacing:-0.64px}.banner__buttons.sc-af-in-page-banner{flex-direction:column;align-items:stretch;gap:12px;width:100%}.banner__buttons.sc-af-in-page-banner{--af-button-width:100%}.banner__buttons.sc-af-in-page-banner af-button.sc-af-in-page-banner{display:block;width:100%}}@media (max-width: 480px){.banner.sc-af-in-page-banner{padding-top:200px}.banner__illustration.sc-af-in-page-banner{right:0;width:180px;height:180px}.banner__content.sc-af-in-page-banner{padding:16px 20px 36px 20px;min-height:280px}.banner.sc-af-in-page-banner:not(:has(.banner__buttons af-button+af-button)) .banner__content.sc-af-in-page-banner{min-height:auto}.banner__heading.sc-af-in-page-banner{font-size:28px;letter-spacing:-0.56px}}"}},[262,"af-in-page-banner",{theme:[1],heading:[1],description:[1],primaryButtonText:[1,"primary-button-text"],primaryButtonUrl:[1,"primary-button-url"],secondaryButtonText:[1,"secondary-button-text"],secondaryButtonUrl:[1,"secondary-button-url"],illustrationUrl:[1,"illustration-url"],showWaveDecoration:[4,"show-wave-decoration"]}]),c=b,s=function(){"undefined"!=typeof customElements&&["af-in-page-banner","af-button","af-icon"].forEach((a=>{switch(a){case"af-in-page-banner":customElements.get(t(a))||customElements.define(t(a),b);break;case"af-button":customElements.get(t(a))||i();break;case"af-icon":customElements.get(t(a))||o()}}))};export{c as AfInPageBanner,s as defineCustomElement}

package/dist/components/af-inline.js

@@ -1,83 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afInlineCss = ":host{display:inline-flex;box-sizing:border-box}:host([hidden]){display:none}";
-
-const AfInline$1 = /*@__PURE__*/ proxyCustomElement(class AfInline extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Gap between items using space tokens (1-8).
-         * Maps to --space-1 through --space-8 (4px to 32px).
-         */
-        this.gap = '2';
-        /**
-         * Align items on the cross axis.
-         */
-        this.align = 'center';
-        /**
-         * Justify content on the main axis.
-         */
-        this.justify = 'start';
-        /**
-         * Whether items should wrap to the next line when they overflow.
-         */
-        this.wrap = true;
-    }
-    render() {
-        const alignMap = {
-            start: 'flex-start',
-            center: 'center',
-            end: 'flex-end',
-            stretch: 'stretch',
-            baseline: 'baseline',
-        };
-        const justifyMap = {
-            start: 'flex-start',
-            center: 'center',
-            end: 'flex-end',
-            between: 'space-between',
-            around: 'space-around',
-            evenly: 'space-evenly',
-        };
-        const style = {
-            display: 'inline-flex',
-            flexDirection: 'row',
-            gap: `var(--space-${this.gap})`,
-            alignItems: alignMap[this.align],
-            justifyContent: justifyMap[this.justify],
-            flexWrap: this.wrap ? 'wrap' : 'nowrap',
-        };
-        return (h(Host, { key: '7069c721994bbd1acc8d57875522dbefdaf796d9', style: style }, h("slot", { key: 'e39c2d982cca56ab6545e3e8a43eea7696708f21' })));
-    }
-    static get style() { return afInlineCss; }
-}, [257, "af-inline", {
-        "gap": [1],
-        "align": [1],
-        "justify": [1],
-        "wrap": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-inline"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-inline":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfInline$1);
-            }
-            break;
-    } });
-}
-
-const AfInline = AfInline$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfInline, defineCustomElement };
-//# sourceMappingURL=af-inline.js.map
-
-//# sourceMappingURL=af-inline.js.map
+import{p as e,H as t,h as s,c as n,t as a}from"./p-D1moXdEA.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.gap="2",this.align="center",this.justify="start",this.wrap=!0}render(){return s(n,{key:"44a179c978b5f7aadd07d784b2ec41d15588c67c",style:{display:"inline-flex",flexDirection:"row",gap:`var(--space-${this.gap})`,alignItems:{start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"}[this.align],justifyContent:{start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"}[this.justify],flexWrap:this.wrap?"wrap":"nowrap"}},s("slot",{key:"a4abdbff3306623bb9b26436cc628e9b76e11985"}))}static get style(){return":host{display:inline-flex;box-sizing:border-box}:host([hidden]){display:none}"}},[257,"af-inline",{gap:[1],align:[1],justify:[1],wrap:[4]}]),r=i,l=function(){"undefined"!=typeof customElements&&["af-inline"].forEach((e=>{"af-inline"===e&&(customElements.get(a(e))||customElements.define(a(e),i))}))};export{r as AfInline,l as defineCustomElement}

package/dist/components/af-input.js

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

package/dist/components/af-line-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AfLineChart extends Components.AfLineChart, HTMLElement {}
+export const AfLineChart: {
+    prototype: AfLineChart;
+    new (): AfLineChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as e,H as t,h as a,c as i,t as r}from"./p-D1moXdEA.js";import{d as s,b as n,g as l,l as c,f as h,c as o}from"./p-BSPfXvdg.js";import{l as _,a as d,g as p,b as f,c as g,d as u,e as v}from"./p-DEGKc9o3.js";const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.data="[]",this.theme="white",this.curve="linear",this.showPoints=!1,this.showArea=!1,this.interactive="none",this.animated=!1,this.showLegend=!1,this.showGrid=!0,this.showAxis=!0,this.strokeWidth=2,this.pointRadius=4,this.width=400,this.aspectRatio=16/9,this.parsedData=null,this.hoveredIndex=null,this.tooltipData=null,this.handlePointEnter=(e,t,a,i,r)=>{"none"!==this.interactive&&(this.hoveredIndex=e,"tooltip"===this.interactive&&(this.tooltipData={x:t,y:a,label:i,value:r}))},this.handlePointLeave=()=>{this.hoveredIndex=null,this.tooltipData=null}}parseData(){try{const e=JSON.parse(this.data);this.parsedData=Array.isArray(e)||e.series&&e.labels?e:null}catch{this.parsedData=null}}componentWillLoad(){this.parseData()}get height(){return this.width/this.aspectRatio}get margins(){return{...s,left:this.showAxis?40:8,bottom:this.showAxis?40:10}}get chartBounds(){const{width:e,height:t,margins:a}=this;return{x:a.left,y:a.top,width:e-a.left-a.right,height:t-a.top-a.bottom}}isMultiSeries(e){return!Array.isArray(e)&&"series"in e}renderSingleSeries(e){const{chartBounds:t,curve:i,showArea:r,showPoints:s,showGrid:f,showAxis:g,animated:u,interactive:v,strokeWidth:x,pointRadius:m}=this,y=e.map((e=>e.label)),b=e.map((e=>e.value)),w=o(b,.1,!0),k=n(y,[t.x,t.x+t.width]),D=c(w,[t.y+t.height,t.y]),A=l(w,[t.y+t.height,t.y],5,h),L=e.map((e=>({x:k.scale(e.label)+k.bandwidth/2,y:D(e.value)}))),z=t.y+t.height,E=_(L,i),M=r?d(L,z,i):"";return a("g",{class:"line-chart__content"},f&&a("g",{class:"line-chart__grid"},p(A.map((e=>e.position)),"horizontal",t).map(((e,t)=>a("path",{key:t,d:e,class:"line-chart__grid-line"})))),r&&a("path",{d:M,class:{"line-chart__area":!0,"line-chart__area--animated":u}}),a("path",{d:E,class:{"line-chart__line":!0,"line-chart__line--animated":u},style:{strokeWidth:x+"px"}}),s&&a("g",{class:"line-chart__points"},L.map(((t,i)=>a("g",{key:i,class:{"line-chart__point-group":!0,"line-chart__point-group--hovered":this.hoveredIndex===i},onMouseEnter:()=>this.handlePointEnter(i,t.x,t.y,e[i].label,e[i].value),onMouseLeave:this.handlePointLeave},a("circle",{cx:t.x,cy:t.y,r:m,class:{"line-chart__point":!0,"line-chart__point--animated":u},style:{animationDelay:50*i+300+"ms"}}),"none"!==v&&a("circle",{cx:t.x,cy:t.y,r:2.5*m,class:"line-chart__point-hitarea"}))))),g&&this.renderAxes(k,A,y))}renderMultiSeries(e){const{chartBounds:t,curve:i,showArea:r,showPoints:s,showGrid:f,showAxis:g,animated:u,interactive:v,strokeWidth:x,pointRadius:m}=this,y=e.labels,b=e.series.flatMap((e=>e.values)),w=o(b,.1,!0),k=n(y,[t.x,t.x+t.width]),D=c(w,[t.y+t.height,t.y]),A=l(w,[t.y+t.height,t.y],5,h),L=t.y+t.height,z=e.series.map((e=>({name:e.name,color:e.color,points:y.map(((t,a)=>({x:k.scale(t)+k.bandwidth/2,y:D(e.values[a]??0),value:e.values[a]??0,label:t})))})));return a("g",{class:"line-chart__content"},f&&a("g",{class:"line-chart__grid"},p(A.map((e=>e.position)),"horizontal",t).map(((e,t)=>a("path",{key:t,d:e,class:"line-chart__grid-line"})))),z.map(((e,t)=>{const n=e.points.map((e=>({x:e.x,y:e.y}))),l=_(n,i),c=r?d(n,L,i):"";return a("g",{key:t,class:"line-chart__series line-chart__series--"+t},r&&a("path",{d:c,class:{"line-chart__area":!0,"line-chart__area--animated":u,["line-chart__area--series-"+t]:!0},style:e.color?{fill:e.color}:{}}),a("path",{d:l,class:{"line-chart__line":!0,"line-chart__line--animated":u,["line-chart__line--series-"+t]:!0},style:{strokeWidth:x+"px",...e.color?{stroke:e.color}:{}}}),s&&a("g",{class:"line-chart__points"},e.points.map(((i,r)=>a("g",{key:r,class:"line-chart__point-group",onMouseEnter:()=>this.handlePointEnter(t*y.length+r,i.x,i.y,`${i.label} - ${e.name}`,i.value),onMouseLeave:this.handlePointLeave},a("circle",{cx:i.x,cy:i.y,r:m,class:{"line-chart__point":!0,"line-chart__point--animated":u,["line-chart__point--series-"+t]:!0},style:{animationDelay:50*r+300+"ms",...e.color?{fill:e.color}:{}}}),"none"!==v&&a("circle",{cx:i.x,cy:i.y,r:2.5*m,class:"line-chart__point-hitarea"}))))))})),g&&this.renderAxes(k,A,y))}renderAxes(e,t,i){const{chartBounds:r}=this,s=t.filter((e=>r.y+r.height-e.position>15));return a("g",{class:"line-chart__axes"},a("g",{class:"line-chart__axis line-chart__axis--y"},a("line",{x1:r.x,y1:r.y,x2:r.x,y2:r.y+r.height,class:"line-chart__axis-line"}),s.map(((e,t)=>a("g",{key:t,class:"line-chart__tick"},a("text",{x:r.x-10,y:e.position,class:"line-chart__tick-label line-chart__tick-label--y"},e.label))))),a("g",{class:"line-chart__axis line-chart__axis--x"},a("line",{x1:r.x,y1:r.y+r.height,x2:r.x+r.width,y2:r.y+r.height,class:"line-chart__axis-line"}),i.map(((t,i)=>{const s=e.scale(t)+e.bandwidth/2;return a("text",{key:i,x:s,y:r.y+r.height+16,class:"line-chart__tick-label line-chart__tick-label--x"},t)}))))}renderLegend(e){return a("div",{class:"line-chart__legend"},e.series.map(((e,t)=>a("div",{key:t,class:"line-chart__legend-item"},a("span",{class:"line-chart__legend-swatch line-chart__legend-swatch--series-"+t,style:e.color?{backgroundColor:e.color}:{}}),a("span",{class:"line-chart__legend-label"},e.name)))))}renderTooltip(){const{tooltipData:e,width:t,height:i}=this;return e?a("div",{class:"line-chart__tooltip",style:{left:e.x/t*100+"%",top:e.y/i*100+"%"}},a("div",{class:"line-chart__tooltip-label"},e.label),a("div",{class:"line-chart__tooltip-value"},e.value)):null}render(){const{parsedData:e,width:t,height:r,showLegend:s,interactive:n,chartLabel:l}=this;if(!e)return a(i,{class:"line-chart line-chart--empty"},a("p",{class:"line-chart__empty-message"},"No data available"));const c=this.isMultiSeries(e),h=c?null:e,o=c?e:null,_=l||(h?f("line",h):`Line chart with ${o.series.length} series`),d=u(_,"none"!==n);return a(i,{class:{"line-chart":!0,"line-chart--interactive":"none"!==n}},a("style",null,v),a("div",{class:"line-chart__chart-wrapper"},a("svg",{viewBox:`0 0 ${t} ${r}`,class:"line-chart__svg",...d},h&&this.renderSingleSeries(h),o&&this.renderMultiSeries(o)),"tooltip"===n&&this.renderTooltip()),h&&a("div",{innerHTML:g(h)}),s&&o&&this.renderLegend(o),a("slot",null))}get el(){return this}static get watchers(){return{data:[{parseData:0}]}}static get style(){return":host{display:block;position:relative;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif)}.line-chart__chart-wrapper{position:relative}.line-chart__svg{display:block;width:100%;height:auto;overflow:visible}.line-chart__grid-line{fill:none;stroke:var(--af-chart-grid, #e8ebeb);stroke-width:1;stroke-dasharray:4 2}.line-chart__line{fill:none;stroke:var(--af-chart-line, var(--af-chart-1, #c6d5d1));stroke-linecap:round;stroke-linejoin:round}.line-chart__line--series-0{stroke:var(--af-chart-line, var(--af-chart-1, #c6d5d1))}.line-chart__line--series-1{stroke:var(--af-chart-2, #dde6e3)}.line-chart__line--series-2{stroke:var(--af-chart-3, #c0ab8d)}.line-chart__line--series-3{stroke:var(--af-chart-4, #dfd5c6)}.line-chart__line--series-4{stroke:var(--af-chart-5, #14343b)}.line-chart__line--animated{stroke-dasharray:1000;stroke-dashoffset:1000;animation:line-draw 2.5s ease-out forwards}@keyframes line-draw{to{stroke-dashoffset:0}}.line-chart__area{fill:var(--af-chart-1, #c6d5d1);opacity:0.2}.line-chart__area--series-0{fill:var(--af-chart-1, #c6d5d1)}.line-chart__area--series-1{fill:var(--af-chart-2, #dde6e3)}.line-chart__area--series-2{fill:var(--af-chart-3, #c0ab8d)}.line-chart__area--series-3{fill:var(--af-chart-4, #dfd5c6)}.line-chart__area--series-4{fill:var(--af-chart-5, #14343b)}.line-chart__area--animated{opacity:0;animation:area-fade 0.8s ease-out 0.8s forwards}@keyframes area-fade{to{opacity:0.2}}.line-chart__point{fill:var(--af-chart-1, #c6d5d1);stroke:#fff;stroke-width:2;transition:r 0.15s ease, fill 0.15s ease}.line-chart__point--series-0{fill:var(--af-chart-1, #c6d5d1)}.line-chart__point--series-1{fill:var(--af-chart-2, #dde6e3)}.line-chart__point--series-2{fill:var(--af-chart-3, #c0ab8d)}.line-chart__point--series-3{fill:var(--af-chart-4, #dfd5c6)}.line-chart__point--series-4{fill:var(--af-chart-5, #14343b)}.line-chart__point-hitarea{fill:transparent;cursor:pointer}:host(.line-chart--interactive) .line-chart__point-group{cursor:pointer}:host(.line-chart--interactive) .line-chart__point-group:hover .line-chart__point,.line-chart__point-group--hovered .line-chart__point{r:6;fill:var(--af-chart-highlight, #a6fff8)}.line-chart__point--animated{opacity:0;transform:scale(0);transform-origin:center;animation:point-pop 0.5s ease-out forwards}@keyframes point-pop{to{opacity:1;transform:scale(1)}}.line-chart__axis-line{stroke:var(--af-chart-grid, #e8ebeb);stroke-width:1}.line-chart__tick-label{fill:var(--af-chart-text, #2b484f);font-size:11px;font-family:inherit}.line-chart__tick-label--y{text-anchor:end;dominant-baseline:middle}.line-chart__tick-label--x{text-anchor:middle;dominant-baseline:hanging}.line-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;padding:0 8px}.line-chart__legend-item{display:flex;align-items:center;gap:6px}.line-chart__legend-swatch{width:12px;height:3px;border-radius:2px;flex-shrink:0}.line-chart__legend-swatch--series-0{background-color:var(--af-chart-1, #c6d5d1)}.line-chart__legend-swatch--series-1{background-color:var(--af-chart-2, #dde6e3)}.line-chart__legend-swatch--series-2{background-color:var(--af-chart-3, #c0ab8d)}.line-chart__legend-swatch--series-3{background-color:var(--af-chart-4, #dfd5c6)}.line-chart__legend-swatch--series-4{background-color:var(--af-chart-5, #14343b)}.line-chart__legend-label{font-size:13px;color:var(--af-chart-text, #2b484f)}.line-chart__tooltip{position:absolute;transform:translate(-50%, -100%);margin-top:-12px;padding:8px 12px;background:var(--af-chart-tooltip-bg, #ffffff);border:1px solid var(--af-chart-tooltip-border, #e8ebeb);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);pointer-events:none;z-index:10;white-space:nowrap}.line-chart__tooltip-label{font-size:12px;color:var(--af-chart-text-muted, #6b8085);margin-bottom:2px}.line-chart__tooltip-value{font-size:14px;font-weight:600;color:var(--af-chart-tooltip-text, #2b484f)}.line-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px}.line-chart__empty-message{font-size:14px;color:var(--af-chart-text-muted, #6b8085)}"}},[257,"af-line-chart",{data:[1],theme:[1],curve:[1],showPoints:[4,"show-points"],showArea:[4,"show-area"],interactive:[1],animated:[4],showLegend:[4,"show-legend"],showGrid:[4,"show-grid"],showAxis:[4,"show-axis"],strokeWidth:[2,"stroke-width"],pointRadius:[2,"point-radius"],chartLabel:[1,"chart-label"],width:[2],aspectRatio:[2,"aspect-ratio"],parsedData:[32],hoveredIndex:[32],tooltipData:[32]},void 0,{data:[{parseData:0}]}]),m=x,y=function(){"undefined"!=typeof customElements&&["af-line-chart"].forEach((e=>{"af-line-chart"===e&&(customElements.get(r(e))||customElements.define(r(e),x))}))};export{m as AfLineChart,y as defineCustomElement}

package/dist/components/af-logo-mark.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AfLogoMark extends Components.AfLogoMark, HTMLElement {}
+export const AfLogoMark: {
+    prototype: AfLogoMark;
+    new (): AfLogoMark;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/af-logo-mark.js

@@ -0,0 +1 @@
+import{A as o,d as s}from"./p-CIaSTJo3.js";const a=o,p=s;export{a as AfLogoMark,p as defineCustomElement}

package/dist/components/af-logo-well.js

@@ -1,38 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afLogoWellCss = ":host{display:inline-block}.logo-well{background:var(--af-carousel-logo-well-bg, var(--colour-background-level1-dark, #203e45));border-radius:var(--radius-logo-well-desktop, 16px);height:72px;width:184px;display:flex;align-items:center;justify-content:center;padding:20px 32px;box-sizing:border-box}::slotted(img){max-height:32px;max-width:120px;width:auto;height:auto;display:block;object-fit:contain;filter:var(--af-carousel-logo-filter, brightness(0) invert(1))}::slotted(svg){max-height:32px;max-width:120px;width:auto;height:auto;display:block;color:var(--af-carousel-logo-color, white)}::slotted(div){white-space:nowrap;color:var(--af-carousel-logo-color, white);font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:600;font-size:16px}@media (max-width: 767px){.logo-well{border-radius:var(--radius-logo-well-mobile, 12px);padding:20px 24px}}";
-
-const AfLogoWell$1 = /*@__PURE__*/ proxyCustomElement(class AfLogoWell extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '89f971eecc9e4a0656c6a6865c2653e64bbdd7bb' }, h("div", { key: 'a4ac54bd1649f010caa095b2ea1f8e7ea8b24a02', class: "logo-well" }, h("slot", { key: '11cf1c916f2b056c6ee575351263d83778529146' }))));
-    }
-    static get style() { return afLogoWellCss; }
-}, [257, "af-logo-well"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-logo-well"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-logo-well":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfLogoWell$1);
-            }
-            break;
-    } });
-}
-
-const AfLogoWell = AfLogoWell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfLogoWell, defineCustomElement };
-//# sourceMappingURL=af-logo-well.js.map
-
-//# sourceMappingURL=af-logo-well.js.map
+import{p as e,H as o,h as t,c as a,t as l}from"./p-D1moXdEA.js";const i=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(a,{key:"2bc3736f55fd1da164496f56f59fe6ba09d5123c"},t("div",{key:"c4efe27b86b6517e718f2a363f54120a28cc2da9",class:"logo-well"},t("slot",{key:"72e8b0a6ab07cfe16afc06f75ac848d367b74def"})))}static get style(){return":host{display:inline-block}.logo-well{background:var(--af-carousel-logo-well-bg, var(--colour-background-level1-dark, #203e45));border-radius:var(--radius-logo-well-desktop, 16px);height:72px;width:184px;display:flex;align-items:center;justify-content:center;padding:20px 32px;box-sizing:border-box}::slotted(img){max-height:32px;max-width:120px;width:auto;height:auto;display:block;object-fit:contain;filter:var(--af-carousel-logo-filter, brightness(0) invert(1))}::slotted(svg){max-height:32px;max-width:120px;width:auto;height:auto;display:block;color:var(--af-carousel-logo-color, white)}::slotted(div){white-space:nowrap;color:var(--af-carousel-logo-color, white);font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:600;font-size:16px}@media (max-width: 767px){.logo-well{border-radius:var(--radius-logo-well-mobile, 12px);padding:20px 24px}}"}},[257,"af-logo-well"]),r=i,s=function(){"undefined"!=typeof customElements&&["af-logo-well"].forEach((e=>{"af-logo-well"===e&&(customElements.get(l(e))||customElements.define(l(e),i))}))};export{r as AfLogoWell,s as defineCustomElement}

package/dist/components/af-logo.js

@@ -1,9 +1 @@
-import { A as AfLogo$1, d as defineCustomElement$1 } from './p-XmT5SQOF.js';
-
-const AfLogo = AfLogo$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfLogo, defineCustomElement };
-//# sourceMappingURL=af-logo.js.map
-
-//# sourceMappingURL=af-logo.js.map
+import{A as o,d as s}from"./p-Cdi63dq-.js";const d=o,p=s;export{d as AfLogo,p as defineCustomElement}

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

@@ -1,133 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afNavAccordionItemCss = ".sc-af-nav-accordion-item-h{display:block;width:100%}.nav-accordion-item.sc-af-nav-accordion-item{width:100%}.trigger.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:20px 12px;background:transparent;border:none;border-bottom:1px solid var(--af-nav-border-subtle, var(--af-background-border-subtle, #e8eeed));cursor:pointer;font:inherit;text-align:left;text-decoration:none;color:inherit;box-sizing:border-box}a.trigger.sc-af-nav-accordion-item{color:inherit}.trigger.sc-af-nav-accordion-item:hover:not(:disabled){background-color:rgba(20, 52, 59, 0.02)}.trigger.sc-af-nav-accordion-item:focus-visible{outline:2px solid var(--af-nav-border-active, var(--af-background-border-active, #8a7049));outline-offset:-2px}.trigger.sc-af-nav-accordion-item:disabled{cursor:not-allowed;opacity:0.5}.trigger-content.sc-af-nav-accordion-item{flex:1;min-width:0;display:flex;align-items:center;min-height:24px}.label.sc-af-nav-accordion-item{font-family:var(--typography-primaryfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--typography-headingweight, 500);font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b));transition:transform var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.chevron-button.sc-af-nav-accordion-item{background:transparent;border:none;cursor:pointer;padding:0}.chevron-button.sc-af-nav-accordion-item:hover{opacity:0.7}.chevron.is-open.sc-af-nav-accordion-item{transform:rotate(180deg)}.content-wrapper.sc-af-nav-accordion-item{overflow:hidden;transition:max-height var(--motion-duration-slow, 300ms) var(--motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item,.content-wrapper.sc-af-nav-accordion-item{transition-duration:0.01ms}}.content.sc-af-nav-accordion-item{padding:0;background:var(--af-background-base, white)}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{cursor:not-allowed;opacity:0.5}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item:hover{background-color:transparent}.is-open.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{border-bottom-color:transparent}.breakpoint-mobile.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:20px 12px}.breakpoint-mobile.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.breakpoint-desktop.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:12px}.breakpoint-desktop.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:16px;line-height:20px;letter-spacing:0}.breakpoint-mobile.sc-af-nav-accordion-item-h .content.sc-af-nav-accordion-item{padding-left:0}";
-
-const AfNavAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class AfNavAccordionItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.navAccordionItemToggle = createEvent(this, "af-nav-accordion-item-toggle");
-        /**
-         * Whether this item is currently expanded
-         */
-        this.open = false;
-        /**
-         * Whether this item is disabled
-         */
-        this.disabled = false;
-        /**
-         * Breakpoint for styling
-         */
-        this.breakpoint = 'mobile';
-        this.contentHeight = 0;
-        this.hasTriggerSlot = false;
-        this.hasContent = false;
-        this.handleTriggerClick = (event) => {
-            // If it's a link, let it navigate (unless they clicked the chevron specifically)
-            if (this.href) {
-                return;
-            }
-            event.preventDefault();
-            this.toggle();
-        };
-        this.handleKeyDown = (event) => {
-            if ((event.key === 'Enter' || event.key === ' ') && !this.href) {
-                event.preventDefault();
-                this.toggle();
-            }
-        };
-        this.handleSlotChange = (event) => {
-            const slot = event.target;
-            this.hasTriggerSlot = slot.assignedNodes().length > 0;
-        };
-    }
-    handleOpenChange(newValue) {
-        if (newValue) {
-            this.measureContent();
-        }
-    }
-    /**
-     * Detect whether the host has any default-slot children — i.e. whether
-     * this item expands to reveal a sub-menu, or is just a simple link.
-     * We check in componentWillLoad (before render) because after render
-     * Stencil has appended its own output to the host and this.el.children
-     * would include that.
-     */
-    componentWillLoad() {
-        this.hasContent = Array.from(this.el.children).some((child) => !child.hasAttribute('slot'));
-    }
-    componentDidLoad() {
-        if (this.open) {
-            this.measureContent();
-        }
-    }
-    /**
-     * Programmatically toggle the accordion item
-     */
-    async toggle() {
-        if (!this.disabled && !this.href) {
-            this.open = !this.open;
-            this.navAccordionItemToggle.emit({ itemId: this.itemId, open: this.open });
-        }
-    }
-    measureContent() {
-        if (this.contentRef) {
-            this.contentHeight = this.contentRef.scrollHeight;
-        }
-    }
-    render() {
-        const contentStyle = {
-            maxHeight: this.open ? `${this.contentHeight}px` : '0px'
-        };
-        // Only render the chevron toggle when this item actually has
-        // sub-content to expand. A plain href item with no children is a
-        // direct link and shouldn't show a disclosure affordance.
-        const hasDropdownContent = this.hasContent;
-        return (h(Host, { key: 'bcdd77ad3dea306e2c1b9b8481d3e00a8cd8cc72', class: {
-                'is-open': this.open,
-                'is-disabled': this.disabled,
-                [`breakpoint-${this.breakpoint}`]: true
-            } }, h("div", { key: 'b82a343372689e06aff2ec3eb2b9b2b0ba02c14d', class: "nav-accordion-item" }, this.href ? (h("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))) : (h("button", { class: "trigger", onClick: this.handleTriggerClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, h("div", { class: "trigger-content" }, h("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, h("span", { class: "label" }, this.label))), hasDropdownContent && (h("div", { class: { 'chevron': true, 'is-open': this.open } }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '880a15014002f905a4c1c1e20dc5516022b9aee1', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, h("div", { key: 'e47b8972907ad32e3fee37f030f1d86c17ac30bc', class: "content", ref: (el) => (this.contentRef = el) }, h("slot", { key: '1def93a51457196a6a023ab32905b8eaa7590c05' }))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "open": ["handleOpenChange"]
-    }; }
-    static get style() { return afNavAccordionItemCss; }
-}, [262, "af-nav-accordion-item", {
-        "itemId": [513, "item-id"],
-        "label": [1],
-        "open": [1540],
-        "disabled": [516],
-        "href": [1],
-        "breakpoint": [513],
-        "contentHeight": [32],
-        "hasTriggerSlot": [32],
-        "hasContent": [32],
-        "toggle": [64]
-    }, undefined, {
-        "open": ["handleOpenChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-nav-accordion-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-nav-accordion-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfNavAccordionItem$1);
-            }
-            break;
-    } });
-}
-
-const AfNavAccordionItem = AfNavAccordionItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNavAccordionItem, defineCustomElement };
-//# sourceMappingURL=af-nav-accordion-item.js.map
-
-//# sourceMappingURL=af-nav-accordion-item.js.map
+import{p as t,H as e,d as i,h as a,c as n,t as o}from"./p-D1moXdEA.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.navAccordionItemToggle=i(this,"af-nav-accordion-item-toggle"),this.open=!1,this.disabled=!1,this.breakpoint="mobile",this.contentHeight=0,this.hasTriggerSlot=!1,this.hasContent=!1,this.handleTriggerClick=t=>{this.href||(t.preventDefault(),this.toggle())},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||this.href||(t.preventDefault(),this.toggle())},this.handleSlotChange=t=>{this.hasTriggerSlot=t.target.assignedNodes().length>0}}handleOpenChange(t){t&&this.measureContent()}componentWillLoad(){this.hasContent=Array.from(this.el.children).some((t=>!t.hasAttribute("slot")))}componentDidLoad(){this.open&&this.measureContent()}async toggle(){this.disabled||this.href||(this.open=!this.open,this.navAccordionItemToggle.emit({itemId:this.itemId,open:this.open}))}measureContent(){this.contentRef&&(this.contentHeight=this.contentRef.scrollHeight)}render(){const t={maxHeight:this.open?this.contentHeight+"px":"0px"},e=this.hasContent;return a(n,{key:"2bdf603e360f6459780a03eece9b59d36244f131",class:{"is-open":this.open,"is-disabled":this.disabled,["breakpoint-"+this.breakpoint]:!0}},a("div",{key:"eb4f412caebd9025f4f44a8568fa59f0e5871517",class:"nav-accordion-item"},this.href?a("a",{href:this.href,class:"trigger","aria-expanded":this.open?"true":"false","aria-controls":"content-"+this.itemId},a("div",{class:"trigger-content"},a("slot",{name:"trigger",onSlotchange:this.handleSlotChange},a("span",{class:"label"},this.label))),e&&a("button",{class:"chevron-button",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.toggle()},"aria-label":this.open?"Collapse":"Expand",type:"button"},a("div",{class:{chevron:!0,"is-open":this.open}},a("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},a("path",{d:"M6 9l6 6 6-6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),!e&&a("div",{class:"chevron chevron--link","aria-hidden":"true"},a("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},a("path",{d:"M5 12h14M13 6l6 6-6 6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))):a("button",{class:"trigger",onClick:this.handleTriggerClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.open?"true":"false","aria-controls":"content-"+this.itemId,disabled:this.disabled,type:"button"},a("div",{class:"trigger-content"},a("slot",{name:"trigger",onSlotchange:this.handleSlotChange},a("span",{class:"label"},this.label))),e&&a("div",{class:{chevron:!0,"is-open":this.open}},a("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},a("path",{d:"M6 9l6 6 6-6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),a("div",{key:"02acb68c10acdf39c13dca8fa3b6cfdbc6d26503",id:"content-"+this.itemId,class:"content-wrapper",style:t,"aria-hidden":this.open?"false":"true"},a("div",{key:"d177d8a62bd596df004afcde08ceffd9a2c31543",class:"content",ref:t=>this.contentRef=t},a("slot",{key:"941d30ed2da86c88acfc448f48335fd4284b64f2"})))))}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return".sc-af-nav-accordion-item-h{display:block;width:100%}.nav-accordion-item.sc-af-nav-accordion-item{width:100%}.trigger.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:18px 12px;background:transparent;border:none;border-bottom:1px solid var(--af-nav-border-subtle, var(--af-background-border-subtle, #e8eeed));cursor:pointer;font:inherit;text-align:left;text-decoration:none;color:inherit;box-sizing:border-box}a.trigger.sc-af-nav-accordion-item{color:inherit}.trigger.sc-af-nav-accordion-item:hover:not(:disabled){background-color:rgba(20, 52, 59, 0.02)}.trigger.sc-af-nav-accordion-item:focus-visible{outline:2px solid var(--af-nav-border-active, var(--af-background-border-active, #8a7049));outline-offset:-2px}.trigger.sc-af-nav-accordion-item:disabled{cursor:not-allowed;opacity:0.5}.trigger-content.sc-af-nav-accordion-item{flex:1;min-width:0;display:flex;align-items:center;min-height:24px}.label.sc-af-nav-accordion-item{font-family:var(--typography-primaryfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:400;font-size:18px;line-height:1.15;letter-spacing:0;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b));transition:transform var(--motion-duration-slow, 300ms) var(--motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1))}.chevron-button.sc-af-nav-accordion-item{background:transparent;border:none;cursor:pointer;padding:0}.chevron-button.sc-af-nav-accordion-item:hover{opacity:0.7}.chevron.is-open.sc-af-nav-accordion-item{transform:rotate(180deg)}.content-wrapper.sc-af-nav-accordion-item{overflow:hidden;transition:max-height var(--motion-duration-slow, 300ms) var(--motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.chevron.sc-af-nav-accordion-item,.chevron-button.sc-af-nav-accordion-item,.content-wrapper.sc-af-nav-accordion-item{transition-duration:0.01ms}}.content.sc-af-nav-accordion-item{padding:0;background:var(--af-background-base, white)}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{cursor:not-allowed;opacity:0.5}.is-disabled.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item:hover{background-color:transparent}.is-open.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{border-bottom-color:transparent}.breakpoint-mobile.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:18px 12px}.breakpoint-mobile.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:18px;line-height:1.15;letter-spacing:0}.breakpoint-desktop.sc-af-nav-accordion-item-h .trigger.sc-af-nav-accordion-item{padding:12px}.breakpoint-desktop.sc-af-nav-accordion-item-h .label.sc-af-nav-accordion-item{font-size:16px;line-height:20px;letter-spacing:0}.breakpoint-mobile.sc-af-nav-accordion-item-h .content.sc-af-nav-accordion-item{padding-left:0}"}},[262,"af-nav-accordion-item",{itemId:[513,"item-id"],label:[1],open:[1540],disabled:[516],href:[1],breakpoint:[513],contentHeight:[32],hasTriggerSlot:[32],hasContent:[32],toggle:[64]},void 0,{open:[{handleOpenChange:0}]}]),s=r,c=function(){"undefined"!=typeof customElements&&["af-nav-accordion-item"].forEach((t=>{"af-nav-accordion-item"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))};export{s as AfNavAccordionItem,c as defineCustomElement}

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

@@ -1,106 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afNavAccordionCss = ".sc-af-nav-accordion-h{display:block;width:100%}.nav-accordion.sc-af-nav-accordion{display:flex;flex-direction:column;width:100%}";
-
-const AfNavAccordion$1 = /*@__PURE__*/ proxyCustomElement(class AfNavAccordion extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.navAccordionChange = createEvent(this, "af-nav-accordion-change");
-        /**
-         * Behavior mode for the accordion.
-         * - `independent`: Multiple items can be open simultaneously
-         * - `exclusive`: Only one item can be open at a time (typical for mobile nav)
-         */
-        this.mode = 'exclusive';
-        /**
-         * Breakpoint for styling
-         * - `desktop`: Desktop-specific styles
-         * - `mobile`: Mobile-specific styles (default for nav menus)
-         */
-        this.breakpoint = 'mobile';
-        this.internalValue = [];
-    }
-    componentWillLoad() {
-        this.internalValue = this.normalizeValue(this.value);
-    }
-    /**
-     * Listen for toggle events from child items
-     */
-    handleItemToggle(event) {
-        event.stopPropagation();
-        const { itemId, open } = event.detail;
-        let newValue;
-        if (this.mode === 'exclusive') {
-            newValue = open ? [itemId] : [];
-        }
-        else {
-            if (open) {
-                newValue = [...this.internalValue, itemId];
-            }
-            else {
-                newValue = this.internalValue.filter(id => id !== itemId);
-            }
-        }
-        this.internalValue = newValue;
-        this.syncItems();
-        const emitValue = this.mode === 'exclusive'
-            ? (newValue.length > 0 ? newValue[0] : null)
-            : newValue;
-        this.navAccordionChange.emit({ value: emitValue });
-    }
-    normalizeValue(value) {
-        if (value === undefined || value === null) {
-            return [];
-        }
-        if (Array.isArray(value)) {
-            return this.mode === 'exclusive' ? value.slice(0, 1) : value;
-        }
-        return [value];
-    }
-    syncItems() {
-        const items = this.el.querySelectorAll('af-nav-accordion-item');
-        items.forEach((element) => {
-            const item = element;
-            if (item.itemId) {
-                item.open = this.internalValue.includes(item.itemId);
-            }
-        });
-    }
-    componentDidLoad() {
-        this.syncItems();
-    }
-    render() {
-        return (h(Host, { key: '111706b5210510f44864d0dd8f5d2fe1901839da', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, h("div", { key: 'e21f1a8ae3edf2c8aa08385240a536c69cf0da6e', class: "nav-accordion" }, h("slot", { key: 'c452fa149aec51c88dbaef3e59de7e28c4f89de3' }))));
-    }
-    get el() { return this; }
-    static get style() { return afNavAccordionCss; }
-}, [262, "af-nav-accordion", {
-        "mode": [1],
-        "breakpoint": [513],
-        "value": [1025],
-        "internalValue": [32]
-    }, [[0, "af-nav-accordion-item-toggle", "handleItemToggle"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-nav-accordion"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-nav-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfNavAccordion$1);
-            }
-            break;
-    } });
-}
-
-const AfNavAccordion = AfNavAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNavAccordion, defineCustomElement };
-//# sourceMappingURL=af-nav-accordion.js.map
-
-//# sourceMappingURL=af-nav-accordion.js.map
+import{p as e,H as t,d as a,h as i,c as s,t as n}from"./p-D1moXdEA.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.navAccordionChange=a(this,"af-nav-accordion-change"),this.mode="exclusive",this.breakpoint="mobile",this.internalValue=[]}componentWillLoad(){this.internalValue=this.normalizeValue(this.value)}handleItemToggle(e){e.stopPropagation();const{itemId:t,open:a}=e.detail;let i;i="exclusive"===this.mode?a?[t]:[]:a?[...this.internalValue,t]:this.internalValue.filter((e=>e!==t)),this.internalValue=i,this.syncItems(),this.navAccordionChange.emit({value:"exclusive"===this.mode?i.length>0?i[0]:null:i})}normalizeValue(e){return null==e?[]:Array.isArray(e)?"exclusive"===this.mode?e.slice(0,1):e:[e]}syncItems(){this.el.querySelectorAll("af-nav-accordion-item").forEach((e=>{e.itemId&&(e.open=this.internalValue.includes(e.itemId))}))}componentDidLoad(){this.syncItems()}render(){return i(s,{key:"2ee28cd0fd8a1575441e8c42fba40191846e2f68",class:{["breakpoint-"+this.breakpoint]:!0,["mode-"+this.mode]:!0}},i("div",{key:"9c97b12ff2709584b528f238ea9192dae94eff62",class:"nav-accordion"},i("slot",{key:"a3f88648d01ea566332a793fe53831c94fec9b8e"})))}get el(){return this}static get style(){return".sc-af-nav-accordion-h{display:block;width:100%}.nav-accordion.sc-af-nav-accordion{display:flex;flex-direction:column;width:100%}"}},[262,"af-nav-accordion",{mode:[1],breakpoint:[513],value:[1025],internalValue:[32]},[[0,"af-nav-accordion-item-toggle","handleItemToggle"]]]),c=o,l=function(){"undefined"!=typeof customElements&&["af-nav-accordion"].forEach((e=>{"af-nav-accordion"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{c as AfNavAccordion,l as defineCustomElement}