@affinda/wc 0.6.2 → 0.7.0

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

@@ -1,62 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afNavCardCss = ".sc-af-nav-card-h{display:block}.card-link.sc-af-nav-card{text-decoration:none;color:inherit;display:block}.nav-card.sc-af-nav-card{display:flex;flex-direction:column;position:relative;width:290px;height:360px;min-height:360px;border-radius:var(--radii-image, 16px);overflow:hidden;justify-content:flex-end;transition:transform 0.2s ease}.nav-card.is-hovered.sc-af-nav-card{transform:scale(1.02)}.image-container.sc-af-nav-card{position:absolute;inset:0;overflow:hidden}.card-image.sc-af-nav-card{width:100%;height:100%;object-fit:cover;object-position:center}.overlay.sc-af-nav-card{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);padding:80px 24px 24px 24px;display:flex;flex-direction:column;align-items:flex-start}.heading.sc-af-nav-card{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:24px;line-height:1.2;letter-spacing:-0.48px;color:#ffffff;width:100%}.nav-card.is-hovered.sc-af-nav-card .heading.sc-af-nav-card{text-decoration:underline}";
-
-const AfNavCard$1 = /*@__PURE__*/ proxyCustomElement(class AfNavCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Alternative text for the image
-         */
-        this.imageAlt = '';
-        this.isHovered = false;
-        this.handleMouseEnter = () => {
-            this.isHovered = true;
-        };
-        this.handleMouseLeave = () => {
-            this.isHovered = false;
-        };
-    }
-    render() {
-        const classes = {
-            'nav-card': true,
-            'is-hovered': this.isHovered
-        };
-        const content = (h("div", { class: classes, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { class: "image-container" }, this.imageSrc && (h("img", { src: this.imageSrc, alt: this.imageAlt, class: "card-image" }))), h("div", { class: "overlay" }, this.heading && (h("h3", { class: "heading" }, this.heading)))));
-        if (this.href) {
-            return (h(Host, null, h("a", { href: this.href, class: "card-link" }, content)));
-        }
-        return h(Host, null, content);
-    }
-    static get style() { return afNavCardCss; }
-}, [258, "af-nav-card", {
-        "heading": [1],
-        "href": [1],
-        "imageSrc": [1, "image-src"],
-        "imageAlt": [1, "image-alt"],
-        "isHovered": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-nav-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-nav-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfNavCard$1);
-            }
-            break;
-    } });
-}
-
-const AfNavCard = AfNavCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNavCard, defineCustomElement };
-//# sourceMappingURL=af-nav-card.js.map
-
-//# sourceMappingURL=af-nav-card.js.map
+import{p as a,H as e,h as t,c as i,t as s}from"./p-D1moXdEA.js";const n=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.imageAlt="",this.isHovered=!1,this.handleMouseEnter=()=>{this.isHovered=!0},this.handleMouseLeave=()=>{this.isHovered=!1}}render(){const a=t("div",{class:{"nav-card":!0,"is-hovered":this.isHovered},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},t("div",{class:"image-container"},this.imageSrc&&t("img",{src:this.imageSrc,alt:this.imageAlt,class:"card-image"})),t("div",{class:"overlay"},this.heading&&t("h3",{class:"heading"},this.heading)));return t(i,null,this.href?t("a",{href:this.href,class:"card-link"},a):a)}static get style(){return".sc-af-nav-card-h{display:block}.card-link.sc-af-nav-card{text-decoration:none;color:inherit;display:block}.nav-card.sc-af-nav-card{display:flex;flex-direction:column;position:relative;width:290px;height:360px;min-height:360px;border-radius:var(--radii-image, 16px);overflow:hidden;justify-content:flex-end;transition:transform 0.2s ease}.nav-card.is-hovered.sc-af-nav-card{transform:scale(1.02)}.image-container.sc-af-nav-card{position:absolute;inset:0;overflow:hidden}.card-image.sc-af-nav-card{width:100%;height:100%;object-fit:cover;object-position:center}.overlay.sc-af-nav-card{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);padding:80px 24px 24px 24px;display:flex;flex-direction:column;align-items:flex-start}.heading.sc-af-nav-card{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:24px;line-height:1.2;letter-spacing:-0.48px;color:#ffffff;width:100%}.nav-card.is-hovered.sc-af-nav-card .heading.sc-af-nav-card{text-decoration:underline}"}},[2,"af-nav-card",{heading:[1],href:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],isHovered:[32]}]),r=n,o=function(){"undefined"!=typeof customElements&&["af-nav-card"].forEach((a=>{"af-nav-card"===a&&(customElements.get(s(a))||customElements.define(s(a),n))}))};export{r as AfNavCard,o as defineCustomElement}

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

@@ -1,9 +1 @@
-import { A as AfNavItem$1, d as defineCustomElement$1 } from './p-DMXuAjLo.js';
-
-const AfNavItem = AfNavItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNavItem, defineCustomElement };
-//# sourceMappingURL=af-nav-item.js.map
-
-//# sourceMappingURL=af-nav-item.js.map
+import{A as o,d as s}from"./p-CnKT-ePd.js";const p=o,r=s;export{p as AfNavItem,r as defineCustomElement}

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

@@ -1,67 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afNavMenuNestCss = ".sc-af-nav-menu-nest-h{display:inline-block}.nav-menu-nest.sc-af-nav-menu-nest{display:inline-flex;background:var(--af-background-base, #ffffff);border-radius:32px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest{flex-direction:row;align-items:stretch}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:row;gap:32px;padding:24px 0 32px 40px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:24px 40px 32px 32px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-menu{padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-card,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-card{margin-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{flex:1 1 0;min-width:0;border-right:1px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:none;padding-right:0}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:1px solid var(--af-background-border-heavy, #c6d5d1);padding-right:32px}@media (max-width: 1199px){.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{gap:20px;padding:20px 0 24px 24px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{padding:20px 24px 24px 20px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{padding-right:20px}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{padding-right:20px}}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest{flex-direction:column;border-radius:0}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:column}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:32px 12px;border-top:1px solid var(--af-background-border-subtle, #e8eeed)}.nav-menu-nest.breakpoint-mobile .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-mobile .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{border-right:none;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}";
-
-const AfNavMenuNest$1 = /*@__PURE__*/ proxyCustomElement(class AfNavMenuNest extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * The type/variant of the mega-menu
-         * - 'solutions': Multi-column layout (3 columns + sidebar)
-         * - 'solutions-alt': Alternative solutions layout
-         * - 'resources': Multi-column layout with optional featured card
-         * - 'pricing': Simpler layout without sidebar
-         */
-        this.type = 'solutions';
-        /**
-         * Breakpoint variant for responsive styling
-         * - 'desktop': Horizontal multi-column layout
-         * - 'mobile': Vertical stacked layout
-         */
-        this.breakpoint = 'desktop';
-        /**
-         * Whether to show the heavier border on the last column (before sidebar).
-         * Set to `true` when sidebar has content, `false` when no sidebar.
-         * When `false`, the last column has no border.
-         */
-        this.showSidebarBorder = true;
-    }
-    render() {
-        const classes = {
-            'nav-menu-nest': true,
-            'theme-white': true,
-            [`type-${this.type}`]: true,
-            [`breakpoint-${this.breakpoint}`]: true
-        };
-        return (h(Host, { key: 'b0eb2c4904916a16b2b6ec6d612337fed3c05e12' }, h("div", { key: 'dd1836b1c6ee6f75555989334a35e2a41d9bacab', class: classes }, h("div", { key: '4e3ae3951e9969d21a5e18a0489a33631bb1e8f2', class: "menu-columns" }, h("slot", { key: '64c660d4a5b35dda06b0ff0ca21c0e24014ceef2' })), h("div", { key: '7418a543431a9fd0fbbf95b1e3b5e862d5ac3917', class: "menu-sidebar" }, h("slot", { key: 'd36bb4016c86d9258a70ddbb46232264bdb156e4', name: "sidebar" })))));
-    }
-    static get style() { return afNavMenuNestCss; }
-}, [262, "af-nav-menu-nest", {
-        "type": [1],
-        "breakpoint": [1],
-        "showSidebarBorder": [516, "show-sidebar-border"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-nav-menu-nest"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-nav-menu-nest":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfNavMenuNest$1);
-            }
-            break;
-    } });
-}
-
-const AfNavMenuNest = AfNavMenuNest$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNavMenuNest, defineCustomElement };
-//# sourceMappingURL=af-nav-menu-nest.js.map
-
-//# sourceMappingURL=af-nav-menu-nest.js.map
+import{p as n,H as e,h as a,c as s,t}from"./p-D1moXdEA.js";const m=n(class extends e{constructor(n){super(),!1!==n&&this.__registerHost(),this.type="solutions",this.breakpoint="desktop",this.showSidebarBorder=!1}render(){return a(s,{key:"53d8b54481f2d0d1eb119aa7b85634fa1264efd2"},a("div",{key:"7b1e558654f9f957f56f6f92eeda187a6163d4d9",class:{"nav-menu-nest":!0,"theme-white":!0,["type-"+this.type]:!0,["breakpoint-"+this.breakpoint]:!0}},a("div",{key:"830507b9718ff6bad9d31430aa3fc16c938767a2",class:"menu-columns"},a("slot",{key:"5bc877069510b1dc5908b050354eaf3ac4aaef5c"})),a("div",{key:"057b917012e37e93a35e72105a476fd2c3613f38",class:"menu-sidebar"},a("slot",{key:"b65758680162c4f93922e7d1438ebdc8af7dd0c8",name:"sidebar"}))))}static get style(){return".sc-af-nav-menu-nest-h{display:inline-block}.nav-menu-nest.sc-af-nav-menu-nest{display:inline-flex;background:var(--af-background-base, #ffffff);border-radius:32px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest{flex-direction:row;align-items:stretch}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:row;gap:32px;padding:24px 0 32px 40px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:24px 40px 32px 32px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-menu{padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-sidebar.sc-af-nav-menu-nest-s>af-nav-card,.nav-menu-nest.breakpoint-desktop .menu-sidebar .sc-af-nav-menu-nest-s>af-nav-card{margin-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{flex:1 1 0;min-width:0;border-right:2px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:none;padding-right:0}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{border-right:1px solid var(--af-background-border-heavy, #c6d5d1);padding-right:32px}@media (max-width: 1199px){.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{gap:20px;padding:20px 0 24px 24px}.nav-menu-nest.breakpoint-desktop.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{padding:20px 24px 24px 20px}.nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{padding-right:20px}.sc-af-nav-menu-nest-h[show-sidebar-border] .nav-menu-nest.breakpoint-desktop .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu:last-of-type,.nav-menu-nest.breakpoint-desktop .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu:last-of-type{padding-right:20px}}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest{flex-direction:column;border-radius:0}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-columns.sc-af-nav-menu-nest{display:flex;flex-direction:column}.nav-menu-nest.breakpoint-mobile.sc-af-nav-menu-nest .menu-sidebar.sc-af-nav-menu-nest{display:flex;flex-direction:column;padding:32px 12px;border-top:1px solid var(--af-background-border-subtle, #e8eeed)}.nav-menu-nest.breakpoint-mobile .menu-columns.sc-af-nav-menu-nest-s>af-nav-menu,.nav-menu-nest.breakpoint-mobile .menu-columns .sc-af-nav-menu-nest-s>af-nav-menu{border-right:none;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}"}},[262,"af-nav-menu-nest",{type:[1],breakpoint:[1],showSidebarBorder:[516,"show-sidebar-border"]}]),u=m,o=function(){"undefined"!=typeof customElements&&["af-nav-menu-nest"].forEach((n=>{"af-nav-menu-nest"===n&&(customElements.get(t(n))||customElements.define(t(n),m))}))};export{u as AfNavMenuNest,o as defineCustomElement}

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

@@ -1,65 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afNavMenuCss = ".sc-af-nav-menu-h{display:block}.nav-menu.sc-af-nav-menu{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-height:1px;min-width:1px}.nav-menu.breakpoint-desktop.sc-af-nav-menu{padding:0;flex:1 0 0;align-self:stretch}.nav-menu.breakpoint-desktop.has-border.sc-af-nav-menu{border-right:1px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu.breakpoint-mobile.sc-af-nav-menu{padding:32px 12px;width:100%;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}.menu-header.sc-af-nav-menu{display:flex;gap:16px;align-items:center;width:100%}.menu-heading.sc-af-nav-menu{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:20px;line-height:1.2;letter-spacing:-0.4px;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex:1 0 0;min-height:1px;min-width:1px}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-heading.sc-af-nav-menu{line-height:1.1}.menu-items.sc-af-nav-menu{display:flex;flex-direction:column;align-items:flex-start;width:100%}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-items.sc-af-nav-menu{padding-left:24px}.sc-af-nav-menu-s>af-nav-item{width:100%}.nav-menu.card-style.sc-af-nav-menu{background:var(--af-background-level-1, #e8eeed);border-radius:var(--radii-card-level-1, 32px);padding:40px}.nav-menu.card-style.breakpoint-desktop.sc-af-nav-menu{flex:1 0 0;align-self:stretch}";
-
-const AfNavMenu$1 = /*@__PURE__*/ proxyCustomElement(class AfNavMenu extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Breakpoint variant for responsive styling
-         * - 'desktop': Desktop-specific styles (right border, horizontal padding)
-         * - 'mobile': Mobile-specific styles (bottom border, vertical layout)
-         */
-        this.breakpoint = 'desktop';
-        /**
-         * Whether to show the right border separator.
-         * When used inside NavMenuNest, borders are controlled by the parent.
-         * Set to true only when using NavMenu standalone.
-         */
-        this.showBorder = false;
-        /**
-         * Whether to display as a card with background color and rounded corners.
-         * Used for highlighted sidebar menus (e.g., solutions-alt variant).
-         */
-        this.cardStyle = false;
-    }
-    render() {
-        const classes = {
-            'nav-menu': true,
-            [`breakpoint-${this.breakpoint}`]: true,
-            'has-border': this.showBorder,
-            'card-style': this.cardStyle
-        };
-        return (h(Host, { key: '3245ae98bb4b1ab013d36630802bb1cdece57675' }, h("div", { key: 'e84dcdc45b92f928ee7b8dd2328a2b7276a2e02a', class: classes }, this.heading && (h("div", { key: 'd42c91176b53b5d0375cb29d489b722dcd3c8e74', class: "menu-header" }, h("h3", { key: 'b2cf5d6cb682db6f68c9a45045fb060710097137', class: "menu-heading" }, this.heading))), h("div", { key: '89e7aef886d60d2ce3d8b82cd1b2c588d4894be8', class: "menu-items" }, h("slot", { key: '29d596f664fdfc83fc40c17686751f1b893bce26' })))));
-    }
-    static get style() { return afNavMenuCss; }
-}, [262, "af-nav-menu", {
-        "heading": [1],
-        "breakpoint": [1],
-        "showBorder": [4, "show-border"],
-        "cardStyle": [516, "card-style"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-nav-menu"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-nav-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfNavMenu$1);
-            }
-            break;
-    } });
-}
-
-const AfNavMenu = AfNavMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNavMenu, defineCustomElement };
-//# sourceMappingURL=af-nav-menu.js.map
-
-//# sourceMappingURL=af-nav-menu.js.map
+import{p as e,H as a,h as n,c as t,t as s}from"./p-D1moXdEA.js";const i=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.showBorder=!1,this.cardStyle=!1}render(){return n(t,{key:"1cb9cc6b1f91225f4665efbb2832615ff6ef7ef1"},n("div",{key:"2796c68a81c3b57c7f2c3079108b1d18cabfcc39",class:{"nav-menu":!0,["breakpoint-"+this.breakpoint]:!0,"has-border":this.showBorder,"card-style":this.cardStyle}},this.heading&&n("div",{key:"7424886326924cd42b0c055f7d4c195da6aa9593",class:"menu-header"},n("h3",{key:"4c0700fec4127a206101f1854852a1e4725b0f74",class:"menu-heading"},this.heading)),n("div",{key:"810e22e938e16fece55207546009ccf1666a0bac",class:"menu-items"},n("slot",{key:"93691f1d2a921b1217fce0180e55b01c35b6abd6"}))))}static get style(){return".sc-af-nav-menu-h{display:block}.nav-menu.sc-af-nav-menu{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-height:1px;min-width:1px}.nav-menu.breakpoint-desktop.sc-af-nav-menu{padding:0;flex:1 0 0;align-self:stretch}.nav-menu.breakpoint-desktop.has-border.sc-af-nav-menu{border-right:1px solid var(--af-background-border-subtle, #e8eeed);padding-right:32px;padding-top:16px}.nav-menu.breakpoint-mobile.sc-af-nav-menu{padding:22px 12px 24px;width:100%;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed)}.menu-header.sc-af-nav-menu{display:flex;gap:16px;align-items:center;width:100%}.menu-heading.sc-af-nav-menu{margin:0;font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:100%;letter-spacing:0;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex:1 0 0;min-height:1px;min-width:1px}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-heading.sc-af-nav-menu{font-size:16px;line-height:1.1;letter-spacing:0}.menu-items.sc-af-nav-menu{display:flex;flex-direction:column;align-items:flex-start;width:100%}.nav-menu.breakpoint-mobile.sc-af-nav-menu .menu-items.sc-af-nav-menu{padding-left:16px}.sc-af-nav-menu-s>af-nav-item{width:100%}.nav-menu.card-style.sc-af-nav-menu{background:var(--af-background-level-1, #e8eeed);border-radius:var(--radii-card-level-1, 32px);padding:40px}.nav-menu.card-style.breakpoint-desktop.sc-af-nav-menu{flex:1 0 0;align-self:stretch}"}},[262,"af-nav-menu",{heading:[1],breakpoint:[1],showBorder:[4,"show-border"],cardStyle:[516,"card-style"]}]),r=i,d=function(){"undefined"!=typeof customElements&&["af-nav-menu"].forEach((e=>{"af-nav-menu"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))};export{r as AfNavMenu,d as defineCustomElement}

package/dist/components/af-navbar.js

@@ -1,9 +1 @@
-import { A as AfNavbar$1, d as defineCustomElement$1 } from './p-BExjo6P2.js';
-
-const AfNavbar = AfNavbar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNavbar, defineCustomElement };
-//# sourceMappingURL=af-navbar.js.map
-
-//# sourceMappingURL=af-navbar.js.map
+import{A as o,d as s}from"./p-Dm7U4iyS.js";const m=o,p=s;export{m as AfNavbar,p as defineCustomElement}

package/dist/components/af-next-step-item.d.ts

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

package/dist/components/af-next-step-item.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as s,c as i,t as n}from"./p-D1moXdEA.js";import{d as a}from"./p-Co9EDn2t.js";import{d as c}from"./p-BY0PJL6j.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.icon="arrow-right",this.index=0,this.numbered=!1}render(){const e=Math.max(1,Math.min(10,this.index));return s(i,{key:"97329635dc58cf420d8f985b0a9e233d2baf409e",class:{"next-step-item":!0,"next-step-item--numbered":this.numbered},role:"listitem"},s("div",{key:"9734855ac7c1012ab85d14986b30875c93407730",class:"next-step-item__connector","aria-hidden":"true"}),s("div",{key:"f554838ae2ebe43e39cf163015da4f517c1de62a",class:"next-step-item__badge"},this.numbered?s("af-number-badge",{number:e,variant:"inCircle",size:40}):s("af-icon",{name:this.icon,size:20})),s("div",{key:"25b6edb59907765ce4dab0066d5e4916c1b53f7b",class:"next-step-item__content"},s("div",{key:"b347fc3747b215f89b59a16d5c7d253f1dc53654",class:"next-step-item__title"},s("slot",{key:"9d68088399fa11fcf194aad64936d2ae188d4db1"})),s("div",{key:"a66be31029860533875d932a641534efc52b0025",class:"next-step-item__description"},s("slot",{key:"65222fff32c7502534fe969cf39ec5a8d9c50058",name:"description"}))))}static get style(){return".sc-af-next-step-item-h{display:flex;position:relative;padding:var(--space-4, 16px) 0}.sc-af-next-step-item-h:first-child{padding-top:0}.sc-af-next-step-item-h:last-child{padding-bottom:0}.next-step-item__connector.sc-af-next-step-item{position:absolute;left:19px;top:0;bottom:0;width:2px;background-color:var(--af-background-border-default, #d1ddda)}.sc-af-next-step-item-h:first-child .next-step-item__connector.sc-af-next-step-item{top:20px}.sc-af-next-step-item-h:last-child .next-step-item__connector.sc-af-next-step-item{bottom:calc(100% - 20px)}.sc-af-next-step-item-h:only-child .next-step-item__connector.sc-af-next-step-item{display:none}.next-step-item__badge.sc-af-next-step-item{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--af-background-contrast, #c6d5d1);color:var(--af-typography-heading-primary, #14343b);position:relative;z-index:1}.next-step-item--numbered.sc-af-next-step-item-h .next-step-item__badge.sc-af-next-step-item{background-color:transparent;width:auto;height:auto}.next-step-item__content.sc-af-next-step-item{flex:1;min-width:0;margin-left:var(--space-4, 16px);display:flex;flex-direction:column;justify-content:center;gap:var(--space-1, 4px)}.next-step-item__title.sc-af-next-step-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-typography-heading-primary, #14343b)}.next-step-item__description.sc-af-next-step-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:14px;line-height:20px;color:var(--af-typography-body-subtle, #60767b)}.next-step-item__description.sc-af-next-step-item:empty{display:none}@media (max-width: 480px){.next-step-item__badge.sc-af-next-step-item{width:36px;height:36px}.next-step-item__connector.sc-af-next-step-item{left:17px}.sc-af-next-step-item-h:first-child .next-step-item__connector.sc-af-next-step-item{top:18px}.sc-af-next-step-item-h:last-child .next-step-item__connector.sc-af-next-step-item{bottom:calc(100% - 18px)}.next-step-item__content.sc-af-next-step-item{margin-left:var(--space-3, 12px)}.next-step-item__title.sc-af-next-step-item{font-size:15px}.next-step-item__description.sc-af-next-step-item{font-size:13px}}"}},[262,"af-next-step-item",{icon:[1],index:[1026],numbered:[1028]}]),o=p,r=function(){"undefined"!=typeof customElements&&["af-next-step-item","af-icon","af-number-badge"].forEach((e=>{switch(e){case"af-next-step-item":customElements.get(n(e))||customElements.define(n(e),p);break;case"af-icon":customElements.get(n(e))||a();break;case"af-number-badge":customElements.get(n(e))||c()}}))};export{o as AfNextStepItem,r as defineCustomElement}

package/dist/components/af-next-steps.d.ts

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

package/dist/components/af-next-steps.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as t,c as n,t as a}from"./p-D1moXdEA.js";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.numbered=!1}componentDidLoad(){this.assignIndices()}componentDidUpdate(){this.assignIndices()}assignIndices(){Array.from(this.el.querySelectorAll("af-next-step-item")).forEach(((e,s)=>{e.numbered=this.numbered,null!=e.index&&0!==e.index||(e.index=s+1)}))}render(){return t(n,{key:"ab1f36a1b5d72ec67e998ccea066c4922e38615a",class:{"next-steps":!0,"next-steps--numbered":this.numbered}},t("div",{key:"31c6e587f409b3a219c0f7d02a7d78e6e38a2449",class:"next-steps__heading"},t("slot",{key:"3548c5998c925d8341b916a1acf5cc5233245532",name:"heading"})),t("div",{key:"5e4ff2f25c7f17027957904d770873d9b0273b79",class:"next-steps__list",role:"list"},t("slot",{key:"53c3a2d92e833254faa16955b835d29417309fe7"})))}get el(){return this}static get style(){return".sc-af-next-steps-h{display:block;width:100%}.next-steps__heading.sc-af-next-steps{margin-bottom:var(--space-4, 16px)}.next-steps__heading.sc-af-next-steps:empty{display:none}.next-steps__heading.sc-af-next-steps-s>*,.next-steps__heading .sc-af-next-steps-s>*{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:20px;line-height:28px;color:var(--af-typography-heading-primary, #14343b);margin:0}.next-steps__list.sc-af-next-steps{display:flex;flex-direction:column;gap:0}"}},[262,"af-next-steps",{numbered:[4]}]),p=i,c=function(){"undefined"!=typeof customElements&&["af-next-steps"].forEach((e=>{"af-next-steps"===e&&(customElements.get(a(e))||customElements.define(a(e),i))}))};export{p as AfNextSteps,c as defineCustomElement}

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

@@ -1,9 +1 @@
-import { A as AfNumberBadge$1, d as defineCustomElement$1 } from './p-fLdNRQwR.js';
-
-const AfNumberBadge = AfNumberBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNumberBadge, defineCustomElement };
-//# sourceMappingURL=af-number-badge.js.map
-
-//# sourceMappingURL=af-number-badge.js.map
+import{A as o,d as s}from"./p-BY0PJL6j.js";const p=o,r=s;export{p as AfNumberBadge,r as defineCustomElement}

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

@@ -1,58 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-import { d as defineCustomElement$3 } from './p-fLdNRQwR.js';
-import { d as defineCustomElement$2 } from './p-CkaL7yIW.js';
-
-const afNumberedStepperItemCss = ".sc-af-numbered-stepper-item-h{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--space-6, 24px);min-width:0;color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B))}.numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{position:relative;display:flex;justify-content:center;width:100%;margin-bottom:var(--space-6, 24px)}.numbered-stepper-item__badge.sc-af-numbered-stepper-item{position:relative;z-index:1}.numbered-stepper-item__connector.sc-af-numbered-stepper-item{position:absolute;left:calc(50% + 20px);right:calc(-50% + 20px);top:50%;height:1px;background:var(--colour-brand-soft-clay, #B09670)}.sc-af-numbered-stepper-item-h:last-child .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper-item__lockup.sc-af-numbered-stepper-item{display:block;max-width:320px}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0;align-self:stretch;justify-content:flex-start;align-items:flex-start}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{left:50%;right:auto;top:calc(var(--space-10, 40px) + var(--space-1, 4px));bottom:calc(var(--space-8, 32px) * -1);height:auto;width:1px;transform:translateX(-50%)}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}}";
-
-const AfNumberedStepperItem$1 = /*@__PURE__*/ proxyCustomElement(class AfNumberedStepperItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Step number shown in the badge. Auto-assigned by the parent stepper if
-         * not explicitly set.
-         */
-        this.index = 1;
-    }
-    render() {
-        // The badge supports 1–10; clamp for safety so we never pass a bad prop.
-        const clamped = Math.max(1, Math.min(10, this.index | 0));
-        return (h(Host, { key: '62bc6f558da62d664e22c680af3d4a0cd959ee27', role: "listitem" }, h("div", { key: 'aac9fb7f30e3a0bbb70303102526bc9871910737', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, h("af-number-badge", { key: 'fb4ba62a61cdc4bced7985f8013a7adcc309cf0e', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), h("span", { key: '3090034f17f0c62ab94a91bd45b5772856b6c632', class: "numbered-stepper-item__connector" })), h("af-typography-lockup", { key: 'fdcc257515a9265330d4443d6e665ad44630cc73', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, h("slot", { key: '6905c5a82d0dc82ed81ef3847f534bde32be9262', name: "heading" }), h("span", { key: '8be84e524019bf3f51b5d8447eaae5d6d2b881f0', slot: "description" }, h("slot", { key: '6c0b5d91a79706cb864fa532d6432699130bd728', name: "body" })))));
-    }
-    static get style() { return afNumberedStepperItemCss; }
-}, [262, "af-numbered-stepper-item", {
-        "index": [514]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-numbered-stepper-item", "af-number-badge", "af-typography-lockup"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-numbered-stepper-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfNumberedStepperItem$1);
-            }
-            break;
-        case "af-number-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "af-typography-lockup":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AfNumberedStepperItem = AfNumberedStepperItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNumberedStepperItem, defineCustomElement };
-//# sourceMappingURL=af-numbered-stepper-item.js.map
-
-//# sourceMappingURL=af-numbered-stepper-item.js.map
+import{p as e,H as r,h as t,c as p,t as a}from"./p-D1moXdEA.js";import{d as n}from"./p-BY0PJL6j.js";const i=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.index=1}render(){return t(p,{key:"81d3f6cd28b01cf55a40fda061d9cdd374485dcf",role:"listitem"},t("div",{key:"6cc77e075287b695f5222ea8e9eff709fe38e100",class:"numbered-stepper-item__marker-row","aria-hidden":"true"},t("af-number-badge",{key:"a39189658b9dfd6138d765571b532eaf51bf35fd",class:"numbered-stepper-item__badge",number:Math.max(1,Math.min(10,0|this.index)),variant:"inCircle",size:48}),t("span",{key:"a4e2a0aaab8e1fb87ca05f2f36c076b163a92eef",class:"numbered-stepper-item__connector"})),t("div",{key:"87e2830b3edb930ae21cfdfdbc10ff8c90cfdf57",class:"numbered-stepper-item__lockup"},t("div",{key:"2c496622671e8ea9f11964509a942311c743bf5d",class:"numbered-stepper-item__heading"},t("slot",{key:"5702b182ee55d16efd9fd859b03e96b16ac184c9",name:"heading"})),t("div",{key:"6257e4165560c1430ede3cd46cb51c1de23d92c6",class:"numbered-stepper-item__body"},t("slot",{key:"e8768fb2ccd7d3287dcb8158851a5ccf2f0fcad2",name:"body"}))))}static get style(){return".sc-af-numbered-stepper-item-h{--numbered-stepper-item-inline-padding:var(--space-6, 24px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--numbered-stepper-item-inline-padding);min-width:0;color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B))}.numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{position:relative;display:flex;justify-content:center;width:100%;margin-bottom:var(--space-6, 24px)}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:calc(100% + (var(--numbered-stepper-item-inline-padding) * 2));margin-inline:calc(var(--numbered-stepper-item-inline-padding) * -1)}.numbered-stepper-item__badge.sc-af-numbered-stepper-item{position:relative;z-index:1}.numbered-stepper-item__connector.sc-af-numbered-stepper-item{position:absolute;left:calc(50% + 36px);right:calc(-50% + 36px);top:50%;height:3px;background:var(--colour-brand-soft-clay, #B09670);border-radius:999px;transform:translateY(-50%)}.sc-af-numbered-stepper-item-h:last-child .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper-item__lockup.sc-af-numbered-stepper-item{display:block;max-width:320px}.numbered-stepper-item__heading.sc-af-numbered-stepper-item{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-heading-card-desktop, 22px);line-height:var(--line-height-heading-card, 28px);letter-spacing:var(--letter-spacing-heading, -0.02em);color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B))}.numbered-stepper-item__heading.sc-af-numbered-stepper-item-s>*,.numbered-stepper-item__heading .sc-af-numbered-stepper-item-s>*{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.numbered-stepper-item__body.sc-af-numbered-stepper-item{margin-top:var(--space-3, 12px);font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:var(--font-size-body-large, 18px);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-body-large, 26px);color:var(--af-typography-body-default, var(--colour-typography-body-default, #2B484F))}.numbered-stepper-item__body.sc-af-numbered-stepper-item-s>*,.numbered-stepper-item__body .sc-af-numbered-stepper-item-s>*{margin:0;font:inherit;color:inherit}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0;align-self:stretch;justify-content:flex-start;align-items:flex-start}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{left:50%;right:auto;top:calc(48px + var(--space-1, 4px));bottom:calc(var(--space-8, 32px) * -1);height:auto;width:3px;transform:translateX(-50%)}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-inline:0;margin-bottom:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}.numbered-stepper-item__heading.sc-af-numbered-stepper-item{font-size:var(--font-size-heading-card-mobile, 20px)}}"}},[262,"af-numbered-stepper-item",{index:[514]}]),s=i,m=function(){"undefined"!=typeof customElements&&["af-numbered-stepper-item","af-number-badge"].forEach((e=>{switch(e){case"af-numbered-stepper-item":customElements.get(a(e))||customElements.define(a(e),i);break;case"af-number-badge":customElements.get(a(e))||n()}}))};export{s as AfNumberedStepperItem,m as defineCustomElement}

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

@@ -1,57 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afNumberedStepperCss = ".sc-af-numbered-stepper-h{display:grid;width:100%;max-width:1120px;margin:0 auto}.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-columns:1fr;grid-auto-flow:column;gap:0}.numbered-stepper--vertical.sc-af-numbered-stepper{max-width:680px;grid-auto-flow:row;gap:var(--space-8, 32px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-flow:row;grid-auto-columns:unset;gap:var(--space-8, 32px)}}";
-
-const AfNumberedStepper$1 = /*@__PURE__*/ proxyCustomElement(class AfNumberedStepper extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Layout orientation. Horizontal auto-stacks to vertical on mobile. */
-        this.orientation = 'horizontal';
-    }
-    componentDidLoad() {
-        this.assignIndices();
-    }
-    componentDidUpdate() {
-        this.assignIndices();
-    }
-    assignIndices() {
-        const items = Array.from(this.el.querySelectorAll('af-numbered-stepper-item'));
-        items.forEach((item, i) => {
-            // Only set when the consumer hasn't explicitly numbered the step.
-            if (item.index == null || item.index === 1) {
-                item.index = i + 1;
-            }
-        });
-    }
-    render() {
-        return (h(Host, { key: '468809af144520073ec0924b8b293a1a7a98c2a6', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, h("slot", { key: 'e7ab09871620ab5ccc1b384443824a91750a15c3' })));
-    }
-    get el() { return this; }
-    static get style() { return afNumberedStepperCss; }
-}, [262, "af-numbered-stepper", {
-        "orientation": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-numbered-stepper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-numbered-stepper":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfNumberedStepper$1);
-            }
-            break;
-    } });
-}
-
-const AfNumberedStepper = AfNumberedStepper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfNumberedStepper, defineCustomElement };
-//# sourceMappingURL=af-numbered-stepper.js.map
-
-//# sourceMappingURL=af-numbered-stepper.js.map
+import{p as e,H as t,h as r,c as s,t as a}from"./p-D1moXdEA.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal"}componentDidLoad(){this.assignIndices()}componentDidUpdate(){this.assignIndices()}assignIndices(){Array.from(this.el.querySelectorAll("af-numbered-stepper-item")).forEach(((e,t)=>{null!=e.index&&1!==e.index||(e.index=t+1)}))}render(){return r(s,{key:"82523a99af2ba155cbf95d0787ebb152799023ce",class:"numbered-stepper numbered-stepper--"+this.orientation,role:"list"},r("slot",{key:"ad089d8d3f6c004318f01796490ebd22115c16a1"}))}get el(){return this}static get style(){return".sc-af-numbered-stepper-h{display:grid;width:100%;max-width:1120px;margin:0 auto}.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-columns:1fr;grid-auto-flow:column;gap:0}.numbered-stepper--vertical.sc-af-numbered-stepper{max-width:680px;grid-auto-flow:row;gap:var(--space-8, 32px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-flow:row;grid-auto-columns:unset;gap:var(--space-8, 32px)}}"}},[262,"af-numbered-stepper",{orientation:[1]}]),n=p,o=function(){"undefined"!=typeof customElements&&["af-numbered-stepper"].forEach((e=>{"af-numbered-stepper"===e&&(customElements.get(a(e))||customElements.define(a(e),p))}))};export{n as AfNumberedStepper,o as defineCustomElement}

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

@@ -1,68 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afPaperclipDecorationCss = ":host{display:block;pointer-events:none}svg{display:block;}";
-
-const AfPaperclipDecoration$1 = /*@__PURE__*/ proxyCustomElement(class AfPaperclipDecoration extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * SVG width — accepts any CSS length or unitless number (pixels).
-         * Default sized so the watermark stays inside the af-hero
-         * inkwell-centered column without bleeding into the `logos-below`
-         * client-logo carousel. Override per-page via the prop if a larger
-         * decorative scale is wanted somewhere with no logos slot.
-         */
-        this.width = '520';
-        /**
-         * SVG height — accepts any CSS length or unitless number (pixels).
-         * Sized to match the trimmed `width` default; preserves the source
-         * SVG's 655 × 754 aspect ratio.
-         */
-        this.height = '600';
-        /**
-         * Fill opacity of the paperclip shape. Defaults to `0.06` to match the
-         * marketing-site watermark treatment.
-         */
-        this.opacity = 0.06;
-        /**
-         * Fill colour. Defaults to `white` (designed for inkwell backgrounds);
-         * override for other themes, e.g. `var(--colour-brand-inkwell)` on a
-         * mist-green section.
-         */
-        this.fill = 'white';
-    }
-    render() {
-        return (h(Host, { key: '9db0e4d35474d6c783387ed5c522943ac89f5315' }, h("svg", { key: 'a79d736a5ab711844bc1f2233c493edf66039fb4', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, h("path", { key: 'c6a0f21366a159e5af9f69e324797450e4b31b15', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
-    }
-    static get style() { return afPaperclipDecorationCss; }
-}, [257, "af-paperclip-decoration", {
-        "width": [1],
-        "height": [1],
-        "opacity": [2],
-        "fill": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-paperclip-decoration"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-paperclip-decoration":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfPaperclipDecoration$1);
-            }
-            break;
-    } });
-}
-
-const AfPaperclipDecoration = AfPaperclipDecoration$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfPaperclipDecoration, defineCustomElement };
-//# sourceMappingURL=af-paperclip-decoration.js.map
-
-//# sourceMappingURL=af-paperclip-decoration.js.map
+import{A as o,d as s}from"./p-BAtqI56c.js";const t=o,p=s;export{t as AfPaperclipDecoration,p as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as e,H as t,h as a,c as r,t as i}from"./p-D1moXdEA.js";import{h as s,i as n,j as c,b as o,c as h,d as l,e as p}from"./p-DEGKc9o3.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.data="[]",this.theme="white",this.startAngle=-90,this.showLabels=!1,this.showLegend=!0,this.interactive="none",this.animated=!1,this.size=180,this.parsedData=null,this.hoveredIndex=null,this.tooltipData=null,this.handleSegmentEnter=(e,t,a,r,i,s)=>{"none"!==this.interactive&&(this.hoveredIndex=e,"tooltip"===this.interactive&&(this.tooltipData={x:t,y:a,label:r,value:i,percentage:s}))},this.handleSegmentLeave=()=>{this.hoveredIndex=null,this.tooltipData=null}}parseData(){try{const e=JSON.parse(this.data);this.parsedData=Array.isArray(e)?e:null}catch{this.parsedData=null}}componentWillLoad(){this.parseData()}renderChart(e){const{size:t,startAngle:r,showLabels:i,animated:o}=this,h=t/2,l=t/2,p=t/2-10,d=.65*p,_=r*Math.PI/180,g=s(e.map((e=>e.value)),_);return a("g",{class:"pie-chart__content"},g.map(((t,r)=>{const s=e[r],_=this.hoveredIndex===r,g=c(h,l,p,0,t.startAngle,t.endAngle),f=n(h,l,d,t.startAngle,t.endAngle),m=(t.startAngle+t.endAngle)/2,u=_?5:0;return a("g",{key:r,class:{"pie-chart__segment-group":!0,"pie-chart__segment-group--hovered":_},style:{transform:`translate(${Math.cos(m)*u}px, ${Math.sin(m)*u}px)`},onMouseEnter:()=>this.handleSegmentEnter(r,f.x,f.y,s.label,s.value,t.percentage),onMouseLeave:this.handleSegmentLeave},a("path",{d:g,class:{"pie-chart__segment":!0,"pie-chart__segment--animated":o,["pie-chart__segment--"+r]:!0},style:{...s.color?{fill:s.color}:{},animationDelay:80*r+"ms"}}),i&&t.percentage>.05&&a("text",{x:f.x,y:f.y,class:"pie-chart__label",style:{animationDelay:80*r+400+"ms"}},(100*t.percentage).toFixed(0),"%"))})))}renderLegend(e){const t=s(e.map((e=>e.value)));return a("div",{class:"pie-chart__legend"},e.map(((e,r)=>a("div",{key:r,class:{"pie-chart__legend-item":!0,"pie-chart__legend-item--hovered":this.hoveredIndex===r},onMouseEnter:()=>{"none"!==this.interactive&&(this.hoveredIndex=r)},onMouseLeave:this.handleSegmentLeave},a("span",{class:"pie-chart__legend-swatch pie-chart__legend-swatch--"+r,style:e.color?{backgroundColor:e.color}:{}}),a("span",{class:"pie-chart__legend-label"},e.label),a("span",{class:"pie-chart__legend-value"},(100*t[r].percentage).toFixed(1),"%")))))}renderTooltip(){const{tooltipData:e,size:t}=this;return e?a("div",{class:"pie-chart__tooltip",style:{left:e.x/t*100+"%",top:e.y/t*100+"%"}},a("div",{class:"pie-chart__tooltip-label"},e.label),a("div",{class:"pie-chart__tooltip-value"},e.value," (",(100*e.percentage).toFixed(1),"%)")):null}render(){const{parsedData:e,size:t,showLegend:i,interactive:s,chartLabel:n}=this;if(!e||0===e.length)return a(r,{class:"pie-chart pie-chart--empty"},a("p",{class:"pie-chart__empty-message"},"No data available"));const c=n||o("pie",e),d=l(c,"none"!==s);return a(r,{class:{"pie-chart":!0,"pie-chart--interactive":"none"!==s,"pie-chart--with-legend":i}},a("style",null,p),a("div",{class:"pie-chart__container"},a("div",{class:"pie-chart__chart-wrapper"},a("svg",{viewBox:`0 0 ${t} ${t}`,class:"pie-chart__svg",...d},this.renderChart(e)),"tooltip"===s&&this.renderTooltip()),i&&this.renderLegend(e)),a("div",{innerHTML:h(e)}),a("slot",null))}get el(){return this}static get watchers(){return{data:[{parseData:0}]}}static get style(){return":host{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif)}.pie-chart__container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;width:100%}:host(.pie-chart--with-legend) .pie-chart__container{flex-direction:row;justify-content:center;align-items:center;gap:24px}@media (max-width: 480px){:host(.pie-chart--with-legend) .pie-chart__container{flex-direction:column}.pie-chart__chart-wrapper{width:160px;height:160px}}.pie-chart__chart-wrapper{position:relative;flex-shrink:0;width:180px;height:180px}.pie-chart__svg{display:block;width:100%;height:100%}.pie-chart__segment{transition:transform 0.15s ease, filter 0.15s ease;transform-origin:center}.pie-chart__segment--0{fill:var(--af-chart-1, #c6d5d1)}.pie-chart__segment--1{fill:var(--af-chart-2, #dde6e3)}.pie-chart__segment--2{fill:var(--af-chart-3, #c0ab8d)}.pie-chart__segment--3{fill:var(--af-chart-4, #dfd5c6)}.pie-chart__segment--4{fill:var(--af-chart-5, #14343b)}.pie-chart__segment--5{fill:var(--af-chart-1, #c6d5d1);opacity:0.7}.pie-chart__segment--6{fill:var(--af-chart-2, #dde6e3);opacity:0.7}.pie-chart__segment--7{fill:var(--af-chart-3, #c0ab8d);opacity:0.7}.pie-chart__segment-group--highlighted .pie-chart__segment{fill:var(--af-chart-highlight, #a6fff8)}:host(.pie-chart--interactive) .pie-chart__segment-group{cursor:pointer;transition:transform 0.15s ease}.pie-chart__segment-group--hovered .pie-chart__segment{filter:brightness(1.1)}.pie-chart__segment--animated{opacity:0;transform:scale(0.8);animation:segment-reveal 0.8s ease-out forwards}@keyframes segment-reveal{to{opacity:1;transform:scale(1)}}.pie-chart__label{fill:var(--af-chart-text, #2b484f);font-size:11px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.pie-chart__segment--animated+.pie-chart__label{opacity:0;animation:label-fade 0.5s ease-out forwards}@keyframes label-fade{to{opacity:1}}.pie-chart__legend{display:flex;flex-direction:column;gap:8px;min-width:120px}.pie-chart__legend-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.15s ease}:host(.pie-chart--interactive) .pie-chart__legend-item{cursor:pointer}.pie-chart__legend-item:hover,.pie-chart__legend-item--hovered{background-color:var(--af-background-level-1, #f4f7f6)}.pie-chart__legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.pie-chart__legend-swatch--0{background-color:var(--af-chart-1, #c6d5d1)}.pie-chart__legend-swatch--1{background-color:var(--af-chart-2, #dde6e3)}.pie-chart__legend-swatch--2{background-color:var(--af-chart-3, #c0ab8d)}.pie-chart__legend-swatch--3{background-color:var(--af-chart-4, #dfd5c6)}.pie-chart__legend-swatch--4{background-color:var(--af-chart-5, #14343b)}.pie-chart__legend-swatch--5{background-color:var(--af-chart-1, #c6d5d1);opacity:0.7}.pie-chart__legend-swatch--6{background-color:var(--af-chart-2, #dde6e3);opacity:0.7}.pie-chart__legend-swatch--7{background-color:var(--af-chart-3, #c0ab8d);opacity:0.7}.pie-chart__legend-label{flex:1;font-size:13px;color:var(--af-chart-text, #2b484f)}.pie-chart__legend-value{font-size:12px;color:var(--af-chart-text-muted, #6b8085);font-variant-numeric:tabular-nums}.pie-chart__tooltip{position:absolute;transform:translate(-50%, -50%);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}.pie-chart__tooltip-label{font-size:12px;color:var(--af-chart-text-muted, #6b8085);margin-bottom:2px}.pie-chart__tooltip-value{font-size:14px;font-weight:600;color:var(--af-chart-tooltip-text, #2b484f)}.pie-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px}.pie-chart__empty-message{font-size:14px;color:var(--af-chart-text-muted, #6b8085)}"}},[257,"af-pie-chart",{data:[1],theme:[1],startAngle:[2,"start-angle"],showLabels:[4,"show-labels"],showLegend:[4,"show-legend"],interactive:[1],animated:[4],chartLabel:[1,"chart-label"],size:[2],parsedData:[32],hoveredIndex:[32],tooltipData:[32]},void 0,{data:[{parseData:0}]}]),_=d,g=function(){"undefined"!=typeof customElements&&["af-pie-chart"].forEach((e=>{"af-pie-chart"===e&&(customElements.get(i(e))||customElements.define(i(e),d))}))};export{_ as AfPieChart,g as defineCustomElement}

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

@@ -1,9 +1 @@
-import { A as AfProgressLine$1, d as defineCustomElement$1 } from './p-BwowgpiS.js';
-
-const AfProgressLine = AfProgressLine$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfProgressLine, defineCustomElement };
-//# sourceMappingURL=af-progress-line.js.map
-
-//# sourceMappingURL=af-progress-line.js.map
+import{A as o,d as s}from"./p-BkjX8JFj.js";const j=o,p=s;export{j as AfProgressLine,p as defineCustomElement}

package/dist/components/af-proposal-footer.d.ts

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

package/dist/components/af-proposal-footer.js

@@ -0,0 +1 @@
+import{p as o,H as e,h as a,c as t,t as r}from"./p-D1moXdEA.js";import{d as s}from"./p-CIaSTJo3.js";const f=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.clientName="",this.date="",this.confidential=!0}buildFooterText(){const o=[];return this.clientName&&o.push("Proposal for "+this.clientName),this.date&&o.push(this.date),this.confidential&&o.push("Confidential"),o.join(" · ")}render(){return a(t,{key:"319adab3e4ec43ada7ac3ad9bb349554acdc1019"},a("footer",{key:"17df861c7eb6b4bfd10ca485418c743a063d5b42",class:"proposal-footer"},a("div",{key:"31ad1e5fc54063342abd0b127883ce07b9bb1f4a",class:"proposal-footer__logo"},a("af-logo-mark",{key:"115c7b5d17ec3a716143fce2771568c122b58eaf",width:"40",height:"26"})),a("div",{key:"036e5b0d1e2a6e5a5816410ec702721551076910",class:"proposal-footer__text"},this.buildFooterText())))}static get style(){return".proposal-footer.sc-af-proposal-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;background-color:var(--colour-brand-inkwell, #14343b)}@media (max-width: 768px){.proposal-footer.sc-af-proposal-footer{padding:20px 24px;gap:12px}}.proposal-footer__logo.sc-af-proposal-footer{flex-shrink:0;color:var(--colour-brand-white, #ffffff)}.proposal-footer__text.sc-af-proposal-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:13px;font-weight:400;color:var(--colour-inkwell-200, #9eb3b7);text-align:right}"}},[2,"af-proposal-footer",{clientName:[1,"client-name"],date:[1],confidential:[4]}]),p=f,l=function(){"undefined"!=typeof customElements&&["af-proposal-footer","af-logo-mark"].forEach((o=>{switch(o){case"af-proposal-footer":customElements.get(r(o))||customElements.define(r(o),f);break;case"af-logo-mark":customElements.get(r(o))||s()}}))};export{p as AfProposalFooter,l as defineCustomElement}

package/dist/components/af-proposal-header.d.ts

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

package/dist/components/af-proposal-header.js

@@ -0,0 +1 @@
+import{p as a,H as e,h as r,c as o,t as p}from"./p-D1moXdEA.js";import{d as s}from"./p-Cdi63dq-.js";import{d as t}from"./p-BAtqI56c.js";const d=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.team="Value Creation",this.clientName="",this.subtitle="",this.preparedFor="",this.preparedBy="Affinda, Value Creation & AI Solutions",this.date=""}render(){const a=this.preparedFor||this.preparedBy||this.date;return r(o,{key:"1d37b9cc0d23083c98dce2c0e05e9536a07b4ea5"},r("header",{key:"38b6742fa6ccdd7199188c3e9013c03881094666",class:"proposal-header"},r("div",{key:"b0bc211db5c32a2dbc5cb210a79bcedaebc2527a",class:"proposal-header__paperclip","aria-hidden":"true"},r("af-paperclip-decoration",{key:"76b1e9e3c066bea30087069f3b23dd382b547247",width:"100%",height:"100%",opacity:.06,fill:"white"})),r("div",{key:"0443d2d72548491bc6647645531511d0a7f146d6",class:"proposal-header__content"},r("div",{key:"a965b37bda40d1f3d0d706d0efe8cb6bfe84031f",class:"proposal-header__brandmark"},r("af-logo",{key:"c8394c7f0958f4965b0a2d2b70142e2cf36ce43e",class:"proposal-header__logo"}),r("span",{key:"80b4ca6bf7e1c5fbd1a39bbc920174cf1365ac86",class:"proposal-header__divider"}),r("span",{key:"688d501e9cf77a80c9a300c4c87b297990d88204",class:"proposal-header__team"},this.team)),r("h1",{key:"73e638574ef72a5d08eb236f064a64d9e57c7b97",class:"proposal-header__title"},this.clientName," ",r("span",{key:"05f71f3e4617679349c3fdbdb93ed49e00fac3ae",class:"proposal-header__accent"},"×")," Affinda"),this.subtitle&&r("p",{key:"524aa5433c0b40909ad891412f59ccf2ece902cb",class:"proposal-header__subtitle"},this.subtitle),a&&r("div",{key:"e525d1d651afc3807cd7140f94759933db5cb56d",class:"proposal-header__meta"},this.preparedFor&&r("div",{key:"facf41f1a8f3dd9209a674f7e59ffc751cb04a22",class:"proposal-header__meta-item"},r("div",{key:"c9a9fe6d511e12bccac6e6798558e21f5d6c3f66",class:"proposal-header__meta-label"},"Prepared for"),r("div",{key:"1d7c6e50c29362dd93ef516bf489946507ef470f",class:"proposal-header__meta-value"},this.preparedFor)),this.preparedBy&&r("div",{key:"50117c160e17979dd9aeb3a33aed0b3836f1a3f9",class:"proposal-header__meta-item"},r("div",{key:"5f477a93ad03b436cbb8e633dd5039a5064bc996",class:"proposal-header__meta-label"},"Prepared by"),r("div",{key:"2df6b472cb1c6be6803f78462690b8a544fbeb16",class:"proposal-header__meta-value"},this.preparedBy)),this.date&&r("div",{key:"86871a9a4f664d2b58002b61388fc99b40cd0a4e",class:"proposal-header__meta-item"},r("div",{key:"4d6a6e8db15a7da9a3dcd0ffb5b2ceb606789778",class:"proposal-header__meta-label"},"Date"),r("div",{key:"6af9d33f2f0aff0795167b5cdbdadbb6da1fa65b",class:"proposal-header__meta-value"},this.date))))))}static get style(){return".proposal-header.sc-af-proposal-header{position:relative;background-color:var(--colour-brand-inkwell, #14343b);color:var(--colour-text-on-inkwell, #ffffff);padding:80px 48px;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.proposal-header.sc-af-proposal-header{padding:48px 24px;min-height:320px}}.proposal-header__paperclip.sc-af-proposal-header{position:absolute;top:50%;right:-10%;transform:translateY(-50%);width:70%;max-width:800px;height:100%;pointer-events:none;opacity:1}@media (max-width: 768px){.proposal-header__paperclip.sc-af-proposal-header{right:-30%;width:100%}}.proposal-header__content.sc-af-proposal-header{position:relative;z-index:1;max-width:800px}.proposal-header__brandmark.sc-af-proposal-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.proposal-header__logo.sc-af-proposal-header{height:24px;width:auto;color:currentColor}.proposal-header__divider.sc-af-proposal-header{width:1px;height:20px;background-color:currentColor;opacity:0.4}.proposal-header__team.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;opacity:0.8}.proposal-header__title.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:clamp(32px, 5vw, 56px);font-weight:700;line-height:1.1;margin:0 0 24px 0}.proposal-header__accent.sc-af-proposal-header{color:var(--colour-brand-ice, #a6fffb);font-weight:400}.proposal-header__subtitle.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:clamp(16px, 2vw, 20px);font-weight:400;line-height:1.5;margin:0 0 40px 0;opacity:0.9;max-width:600px}.proposal-header__meta.sc-af-proposal-header{display:flex;flex-wrap:wrap;gap:32px 48px;padding-top:24px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (max-width: 640px){.proposal-header__meta.sc-af-proposal-header{flex-direction:column;gap:20px}}.proposal-header__meta-item.sc-af-proposal-header{display:flex;flex-direction:column;gap:4px}.proposal-header__meta-label.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;opacity:0.6}.proposal-header__meta-value.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:500}"}},[2,"af-proposal-header",{team:[1],clientName:[1,"client-name"],subtitle:[1],preparedFor:[1,"prepared-for"],preparedBy:[1,"prepared-by"],date:[1]}]),i=d,c=function(){"undefined"!=typeof customElements&&["af-proposal-header","af-logo","af-paperclip-decoration"].forEach((a=>{switch(a){case"af-proposal-header":customElements.get(p(a))||customElements.define(p(a),d);break;case"af-logo":customElements.get(p(a))||s();break;case"af-paperclip-decoration":customElements.get(p(a))||t()}}))};export{i as AfProposalHeader,c as defineCustomElement}