@affinda/wc 0.0.26 → 0.0.28

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

@@ -1 +1,44 @@
-import{p as e,H as t,h as s,c as p,t as a}from"./p-DsNqeD3z.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.index=1}render(){return s(p,{key:"36a45ffc037fb0efd1352fb1aa8482205faada04"},s("span",{key:"93a75d705f40f920b3480607dfe2ed9f4ba37e55",class:"stepper-step__badge"},this.index),s("div",{key:"2eb52b18397349da4fd3a9322fb7f1af0a271b4c",class:"stepper-step__content"},s("div",{key:"cf0fff2d73189a63e675017b1d431d2edc03e0c6",class:"stepper-step__heading"},s("slot",{key:"6649a32664e82bc04e6f53c05d92050ad9b828d6",name:"heading"})),s("div",{key:"8f66cf21ff1b3e1bb4e817e6e85b418c1bdffd24",class:"stepper-step__body"},s("slot",{key:"a38c1c2c19d5d821ca513f098cd1b4fe6d007a92",name:"body"}))))}static get style(){return".sc-af-stepper-step-h{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1 0;min-width:0;padding:0 16px;position:relative;z-index:1}.stepper-step__badge.sc-af-stepper-step{width:48px;height:48px;border-radius:50%;border:1px solid var(--colour-brand-inkwell, #14343b);background:var(--colour-background-white, #ffffff);display:inline-flex;align-items:center;justify-content:center;font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:500;font-size:20px;color:var(--colour-brand-inkwell, #14343b);margin-bottom:24px;flex-shrink:0}.stepper-step__content.sc-af-stepper-step{display:flex;flex-direction:column;gap:12px;max-width:320px}.stepper-step__heading.sc-af-stepper-step{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:24px;line-height:1.2;letter-spacing:-0.02em;color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343b))}.stepper-step__body.sc-af-stepper-step{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:16px;line-height:1.5;color:var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b))}.sc-af-stepper-step-h :where(h1,h2.sc-af-stepper-step,h3.sc-af-stepper-step,h4.sc-af-stepper-step,h5.sc-af-stepper-step,h6).sc-af-stepper-step,.sc-af-stepper-step-h .sc-af-stepper-step:where(p){font:inherit;color:inherit;margin:0}.stepper--vertical.sc-af-stepper-step-h,.stepper--vertical .sc-af-stepper-step-h{flex-direction:row;align-items:flex-start;text-align:left;gap:24px;padding:0}.stepper--vertical.sc-af-stepper-step-h .stepper-step__badge.sc-af-stepper-step,.stepper--vertical .sc-af-stepper-step-h .stepper-step__badge.sc-af-stepper-step{margin-bottom:0}@media (max-width: 767px){.sc-af-stepper-step-h{flex-direction:row;align-items:flex-start;text-align:left;gap:24px;padding:0}.stepper-step__badge.sc-af-stepper-step{margin-bottom:0}}"}},[262,"af-stepper-step",{index:[514]}]),f=r,i=function(){"undefined"!=typeof customElements&&["af-stepper-step"].forEach((e=>{"af-stepper-step"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{f as AfStepperStep,i as defineCustomElement}
+import { p as proxyCustomElement, H, h, c as Host } from './p-CqQyDZ-4.js';
+
+const afStepperStepCss = ".sc-af-stepper-step-h{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1 0;min-width:0;padding:0 16px;position:relative;z-index:1}.stepper-step__badge.sc-af-stepper-step{width:48px;height:48px;border-radius:50%;border:1px solid var(--colour-brand-inkwell, #14343b);background:var(--colour-background-white, #ffffff);display:inline-flex;align-items:center;justify-content:center;font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:500;font-size:20px;color:var(--colour-brand-inkwell, #14343b);margin-bottom:24px;flex-shrink:0}.stepper-step__content.sc-af-stepper-step{display:flex;flex-direction:column;gap:12px;max-width:320px}.stepper-step__heading.sc-af-stepper-step{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:24px;line-height:1.2;letter-spacing:-0.02em;color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343b))}.stepper-step__body.sc-af-stepper-step{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:16px;line-height:1.5;color:var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b))}.sc-af-stepper-step-h :where(h1,h2.sc-af-stepper-step,h3.sc-af-stepper-step,h4.sc-af-stepper-step,h5.sc-af-stepper-step,h6).sc-af-stepper-step,.sc-af-stepper-step-h .sc-af-stepper-step:where(p){font:inherit;color:inherit;margin:0}.stepper--vertical.sc-af-stepper-step-h,.stepper--vertical .sc-af-stepper-step-h{flex-direction:row;align-items:flex-start;text-align:left;gap:24px;padding:0}.stepper--vertical.sc-af-stepper-step-h .stepper-step__badge.sc-af-stepper-step,.stepper--vertical .sc-af-stepper-step-h .stepper-step__badge.sc-af-stepper-step{margin-bottom:0}@media (max-width: 767px){.sc-af-stepper-step-h{flex-direction:row;align-items:flex-start;text-align:left;gap:24px;padding:0}.stepper-step__badge.sc-af-stepper-step{margin-bottom:0}}";
+
+const AfStepperStep$1 = /*@__PURE__*/ proxyCustomElement(class AfStepperStep 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() {
+        return (h(Host, { key: '36a45ffc037fb0efd1352fb1aa8482205faada04' }, h("span", { key: '93a75d705f40f920b3480607dfe2ed9f4ba37e55', class: "stepper-step__badge" }, this.index), h("div", { key: '2eb52b18397349da4fd3a9322fb7f1af0a271b4c', class: "stepper-step__content" }, h("div", { key: 'cf0fff2d73189a63e675017b1d431d2edc03e0c6', class: "stepper-step__heading" }, h("slot", { key: '6649a32664e82bc04e6f53c05d92050ad9b828d6', name: "heading" })), h("div", { key: '8f66cf21ff1b3e1bb4e817e6e85b418c1bdffd24', class: "stepper-step__body" }, h("slot", { key: 'a38c1c2c19d5d821ca513f098cd1b4fe6d007a92', name: "body" })))));
+    }
+    static get style() { return afStepperStepCss; }
+}, [262, "af-stepper-step", {
+        "index": [514]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-stepper-step"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-stepper-step":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfStepperStep$1);
+            }
+            break;
+    } });
+}
+
+const AfStepperStep = AfStepperStep$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfStepperStep, defineCustomElement };
+//# sourceMappingURL=af-stepper-step.js.map
+
+//# sourceMappingURL=af-stepper-step.js.map

package/dist/components/af-stepper-step.js.map

@@ -0,0 +1 @@
+{"file":"af-stepper-step.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,u4DAAu4D;;MCkBn5DA,eAAa,iBAAAC,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAN1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AAOE;;;AAGG;AACsB,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AAiB3C;IAfC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACrD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfStepperStep","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-stepper-step/af-stepper-step.css?tag=af-stepper-step&encapsulation=scoped","src/components/af-stepper-step/af-stepper-step.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  flex: 1 1 0;\n  min-width: 0;\n  padding: 0 16px;\n  position: relative;\n  z-index: 1;\n}\n\n.stepper-step__badge {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 1px solid var(--colour-brand-inkwell, #14343b);\n  background: var(--colour-background-white, #ffffff);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--typography-headingfont, 'NeuSans', sans-serif);\n  font-weight: 500;\n  font-size: 20px;\n  color: var(--colour-brand-inkwell, #14343b);\n  margin-bottom: 24px;\n  flex-shrink: 0;\n}\n\n.stepper-step__content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-width: 320px;\n}\n\n.stepper-step__heading {\n  font-family: var(--typography-headingfont, 'NeuSans', sans-serif);\n  font-weight: var(--font-weight-regular, 400);\n  font-size: 24px;\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n  color: var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343b));\n}\n\n.stepper-step__body {\n  font-family: var(--typography-bodyfont, 'NeuSans', sans-serif);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b));\n}\n\n/* Normalize slotted heading/body tags */\n:host :where(h1, h2, h3, h4, h5, h6),\n:host :where(p) {\n  font: inherit;\n  color: inherit;\n  margin: 0;\n}\n\n/* Vertical orientation — align left */\n:host-context(.stepper--vertical) {\n  flex-direction: row;\n  align-items: flex-start;\n  text-align: left;\n  gap: 24px;\n  padding: 0;\n}\n\n:host-context(.stepper--vertical) .stepper-step__badge {\n  margin-bottom: 0;\n}\n\n/* ≤ mobile */\n@media (max-width: 767px) {\n  :host {\n    flex-direction: row;\n    align-items: flex-start;\n    text-align: left;\n    gap: 24px;\n    padding: 0;\n  }\n  .stepper-step__badge {\n    margin-bottom: 0;\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * A single step within an af-stepper. Renders a numbered circular badge\n * followed by slotted heading + body content.\n *\n * The parent af-stepper auto-assigns the `index` attribute based on DOM\n * order, so consumers don't need to hand-number the steps.\n *\n * @slot heading - Step title (h3/h4 recommended).\n * @slot body - Step description paragraph(s).\n */\n@Component({\n  tag: 'af-stepper-step',\n  styleUrl: 'af-stepper-step.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfStepperStep {\n  /**\n   * Step number shown in the badge. Auto-assigned by the parent stepper if\n   * not explicitly set.\n   */\n  @Prop({ reflect: true }) index: number = 1;\n\n  render() {\n    return (\n      <Host>\n        <span class=\"stepper-step__badge\">{this.index}</span>\n        <div class=\"stepper-step__content\">\n          <div class=\"stepper-step__heading\">\n            <slot name=\"heading\"></slot>\n          </div>\n          <div class=\"stepper-step__body\">\n            <slot name=\"body\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/af-stepper.js

@@ -1 +1,55 @@
-import{p as e,H as t,h as p,c as s,t as r}from"./p-DsNqeD3z.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal"}componentDidLoad(){this.assignIndices()}assignIndices(){Array.from(this.el.querySelectorAll("af-stepper-step")).forEach(((e,t)=>{null!=e.index&&1!==e.index||(e.index=t+1)}))}render(){return p(s,{key:"0ca79e9f0006bfbe3ab6e18cceaafd0257f4defb",class:"stepper stepper--"+this.orientation},p("div",{key:"8682fe5e58f7df3fb9866966fb6c04715203fd87",class:"stepper__connector","aria-hidden":"true"}),p("slot",{key:"ecdf79d87ee099666521dbb6f8e32375dd829fea"}))}get el(){return this}static get style(){return".sc-af-stepper-h{display:flex;width:100%;position:relative;max-width:1120px;margin:0 auto;align-items:flex-start;justify-content:space-between;gap:24px}.stepper--vertical.sc-af-stepper-h{flex-direction:column;max-width:680px;gap:40px}.stepper--horizontal.sc-af-stepper .stepper__connector.sc-af-stepper{position:absolute;top:23px;left:8%;right:8%;height:2px;background:var(--colour-brand-inkwell, #14343b);opacity:0.25;z-index:0}.stepper--vertical.sc-af-stepper .stepper__connector.sc-af-stepper{position:absolute;top:24px;bottom:24px;left:23px;width:2px;background:var(--colour-brand-inkwell, #14343b);opacity:0.25;z-index:0}@media (max-width: 767px){.stepper--horizontal.sc-af-stepper{flex-direction:column;gap:32px}.stepper--horizontal.sc-af-stepper .stepper__connector.sc-af-stepper{top:24px;bottom:24px;left:23px;right:auto;width:2px;height:auto}}"}},[262,"af-stepper",{orientation:[1]}]),a=o,i=function(){"undefined"!=typeof customElements&&["af-stepper"].forEach((e=>{"af-stepper"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))};export{a as AfStepper,i as defineCustomElement}
+import { p as proxyCustomElement, H, h, c as Host } from './p-CqQyDZ-4.js';
+
+const afStepperCss = ".sc-af-stepper-h{display:flex;width:100%;position:relative;max-width:1120px;margin:0 auto;align-items:flex-start;justify-content:space-between;gap:24px}.stepper--vertical.sc-af-stepper-h{flex-direction:column;max-width:680px;gap:40px}.stepper--horizontal.sc-af-stepper .stepper__connector.sc-af-stepper{position:absolute;top:23px;left:8%;right:8%;height:2px;background:var(--colour-brand-inkwell, #14343b);opacity:0.25;z-index:0}.stepper--vertical.sc-af-stepper .stepper__connector.sc-af-stepper{position:absolute;top:24px;bottom:24px;left:23px;width:2px;background:var(--colour-brand-inkwell, #14343b);opacity:0.25;z-index:0}@media (max-width: 767px){.stepper--horizontal.sc-af-stepper{flex-direction:column;gap:32px}.stepper--horizontal.sc-af-stepper .stepper__connector.sc-af-stepper{top:24px;bottom:24px;left:23px;right:auto;width:2px;height:auto}}";
+
+const AfStepper$1 = /*@__PURE__*/ proxyCustomElement(class AfStepper extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /** Layout orientation. Horizontal on desktop, auto-stacks on mobile. */
+        this.orientation = 'horizontal';
+    }
+    componentDidLoad() {
+        this.assignIndices();
+    }
+    assignIndices() {
+        const steps = Array.from(this.el.querySelectorAll('af-stepper-step'));
+        steps.forEach((step, i) => {
+            // Set via property so Stencil reactively re-renders the badge.
+            // Only overwrite when the consumer hasn't explicitly set one.
+            if (step.index == null || step.index === 1) {
+                step.index = i + 1;
+            }
+        });
+    }
+    render() {
+        return (h(Host, { key: '0ca79e9f0006bfbe3ab6e18cceaafd0257f4defb', class: `stepper stepper--${this.orientation}` }, h("div", { key: '8682fe5e58f7df3fb9866966fb6c04715203fd87', class: "stepper__connector", "aria-hidden": "true" }), h("slot", { key: 'ecdf79d87ee099666521dbb6f8e32375dd829fea' })));
+    }
+    get el() { return this; }
+    static get style() { return afStepperCss; }
+}, [262, "af-stepper", {
+        "orientation": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-stepper"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-stepper":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfStepper$1);
+            }
+            break;
+    } });
+}
+
+const AfStepper = AfStepper$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfStepper, defineCustomElement };
+//# sourceMappingURL=af-stepper.js.map
+
+//# sourceMappingURL=af-stepper.js.map

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

@@ -0,0 +1 @@
+{"file":"af-stepper.js","mappings":";;AAAA,MAAM,YAAY,GAAG,s1BAAs1B;;MC8B91BA,WAAS,iBAAAC,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AANtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAUU,QAAA,IAAW,CAAA,WAAA,GAA8B,YAAY;AAyB9D;IAvBC,gBAAgB,GAAA;QACd,IAAI,CAAC,aAAa,EAAE;;IAGd,aAAa,GAAA;AACnB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAU;QAC9E,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;;;AAGxB,YAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;AAC1C,gBAAA,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC;;AAEtB,SAAC,CAAC;;IAGJ,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,EAAA,EACjD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,aAAA,EAAa,MAAM,EAAO,CAAA,EACzD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfStepper","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-stepper/af-stepper.css?tag=af-stepper&encapsulation=scoped","src/components/af-stepper/af-stepper.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  position: relative;\n  max-width: 1120px;\n  margin: 0 auto;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n:host(.stepper--vertical) {\n  flex-direction: column;\n  max-width: 680px;\n  gap: 40px;\n}\n\n/* Horizontal connector — thin line running across the row of badges. */\n.stepper--horizontal .stepper__connector {\n  position: absolute;\n  top: 23px; /* aligned to badge centre (badge height 48px / 2 = 24, minus 1px for line) */\n  left: 8%;\n  right: 8%;\n  height: 2px;\n  background: var(--colour-brand-inkwell, #14343b);\n  opacity: 0.25;\n  z-index: 0;\n}\n\n.stepper--vertical .stepper__connector {\n  position: absolute;\n  top: 24px;\n  bottom: 24px;\n  left: 23px;\n  width: 2px;\n  background: var(--colour-brand-inkwell, #14343b);\n  opacity: 0.25;\n  z-index: 0;\n}\n\n/* ≤ mobile */\n@media (max-width: 767px) {\n  .stepper--horizontal {\n    flex-direction: column;\n    gap: 32px;\n  }\n  .stepper--horizontal .stepper__connector {\n    top: 24px;\n    bottom: 24px;\n    left: 23px;\n    right: auto;\n    width: 2px;\n    height: auto;\n  }\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\n\n/**\n * Stepper composite for \"Sign up / Upload / See results\"-style marketing\n * flows. Renders children `af-stepper-step` elements in a horizontal row\n * (desktop) or vertical stack (mobile), with a connector line between badges.\n *\n * Matches Webflow's `.stepper` pattern — numbered circled badges, a spine\n * connector, and centered step text.\n *\n * @example\n * ```html\n * <af-stepper>\n *   <af-stepper-step>\n *     <h3 slot=\"heading\">Sign up for free</h3>\n *     <p slot=\"body\">No sales calls, no credit cards.</p>\n *   </af-stepper-step>\n *   <af-stepper-step>...</af-stepper-step>\n *   <af-stepper-step>...</af-stepper-step>\n * </af-stepper>\n * ```\n *\n * @slot - `af-stepper-step` elements.\n */\n@Component({\n  tag: 'af-stepper',\n  styleUrl: 'af-stepper.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfStepper {\n  @Element() el!: HTMLElement;\n\n  /** Layout orientation. Horizontal on desktop, auto-stacks on mobile. */\n  @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  componentDidLoad() {\n    this.assignIndices();\n  }\n\n  private assignIndices() {\n    const steps = Array.from(this.el.querySelectorAll('af-stepper-step')) as any[];\n    steps.forEach((step, i) => {\n      // Set via property so Stencil reactively re-renders the badge.\n      // Only overwrite when the consumer hasn't explicitly set one.\n      if (step.index == null || step.index === 1) {\n        step.index = i + 1;\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host class={`stepper stepper--${this.orientation}`}>\n        <div class=\"stepper__connector\" aria-hidden=\"true\"></div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/af-switch.js

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

package/dist/components/af-switch.js.map

@@ -0,0 +1 @@
+{"file":"af-switch.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/af-tab-bar.js

@@ -1 +1,9 @@
-import{A as o,d as r}from"./p-C_BrhG1Q.js";const s=o,p=r;export{s as AfTabBar,p as defineCustomElement}
+import { A as AfTabBar$1, d as defineCustomElement$1 } from './p-DqgLTGE0.js';
+
+const AfTabBar = AfTabBar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfTabBar, defineCustomElement };
+//# sourceMappingURL=af-tab-bar.js.map
+
+//# sourceMappingURL=af-tab-bar.js.map

package/dist/components/af-tab-bar.js.map

@@ -0,0 +1 @@
+{"file":"af-tab-bar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/af-tab.js

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

package/dist/components/af-tab.js.map

@@ -0,0 +1 @@
+{"file":"af-tab.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/af-tag.js

@@ -1 +1,9 @@
-import{A as o,d as s}from"./p-BUFbtjxU.js";const t=o,p=s;export{t as AfTag,p as defineCustomElement}
+import { A as AfTag$1, d as defineCustomElement$1 } from './p-DGBMGvZK.js';
+
+const AfTag = AfTag$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfTag, defineCustomElement };
+//# sourceMappingURL=af-tag.js.map
+
+//# sourceMappingURL=af-tag.js.map

package/dist/components/af-tag.js.map

@@ -0,0 +1 @@
+{"file":"af-tag.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1 +1,131 @@
-import{p as t,H as s,h as i,c as e,t as a}from"./p-DsNqeD3z.js";import{d as o}from"./p-BwpItMWU.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.currentIndex=0,this.isAnimating=!1,this.testimonialCount=0,this.testimonials=[],this.goToPrevious=()=>{this.isAnimating||0===this.currentIndex||(this.isAnimating=!0,this.currentIndex=this.currentIndex-1,this.updateVisibleTestimonial(),setTimeout((()=>{this.isAnimating=!1}),500))},this.goToNext=()=>{this.isAnimating||this.currentIndex>=this.testimonialCount-1||(this.isAnimating=!0,this.currentIndex=this.currentIndex+1,this.updateVisibleTestimonial(),setTimeout((()=>{this.isAnimating=!1}),500))}}componentDidLoad(){this.detectTestimonials(),this.observer=new MutationObserver((()=>{this.detectTestimonials()})),this.observer.observe(this.host,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}handleNavPrev(){this.goToPrevious()}handleNavNext(){this.goToNext()}detectTestimonials(){const t=Array.from(this.host.querySelectorAll("af-testimonial"));t.length!==this.testimonials.length&&(this.testimonials=t,this.testimonialCount=t.length,this.testimonials.length>0&&(this.currentIndex=0,this.updateVisibleTestimonial()))}updateVisibleTestimonial(){const t=this.currentIndex>0,s=this.currentIndex<this.testimonialCount-1,i=this.testimonialCount>1;this.testimonials.forEach(((e,a)=>{e.style.transform=`translateX(${100*(a-this.currentIndex)}%)`,e.style.opacity=a===this.currentIndex?"1":"0",e.style.pointerEvents=a===this.currentIndex?"auto":"none",e.showNavigation=i,e.hasPrev=t,e.hasNext=s}))}getProgress(){return this.testimonialCount<=1?0:(this.currentIndex+1)/this.testimonialCount}render(){return i(e,{key:"eb9042ba8aa89a99b81f8f6b477b50e44f6ef747"},i("div",{key:"aeeab184ea0954c9be173c4cc0e18b9f840cbf4d",class:"testimonial-carousel"},i("div",{key:"57e2d480f737af4e6edad66475d3394eb7d4f6d7",class:"testimonial-slides"},i("slot",{key:"21167cf84f89dcecbc87f2d1010f6fcf77975ca1"})),this.testimonialCount>1&&i("div",{key:"3c3211d3d523a4cf8f9178294f3dba4b491a82dc",class:"testimonial-progress"},i("af-progress-line",{key:"63013ffeb317f2365d27843611e4210a4baa4984",progress:this.getProgress()}))))}get host(){return this}static get style(){return".sc-af-testimonial-carousel-h{display:block;width:100%}.testimonial-carousel.sc-af-testimonial-carousel{position:relative;width:100%;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel{position:relative;width:100%;min-height:544px;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{position:absolute;top:0;left:0;width:100%;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}@media (prefers-reduced-motion: reduce){.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{transition:none}}.testimonial-progress.sc-af-testimonial-carousel{margin-top:32px;max-width:840px;margin-left:auto;margin-right:auto}"}},[262,"af-testimonial-carousel",{currentIndex:[32],isAnimating:[32],testimonialCount:[32]},[[0,"navPrev","handleNavPrev"],[0,"navNext","handleNavNext"]]]),l=n,r=function(){"undefined"!=typeof customElements&&["af-testimonial-carousel","af-progress-line"].forEach((t=>{switch(t){case"af-testimonial-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"af-progress-line":customElements.get(a(t))||o()}}))};export{l as AfTestimonialCarousel,r as defineCustomElement}
+import { p as proxyCustomElement, H, h, c as Host } from './p-CqQyDZ-4.js';
+import { d as defineCustomElement$2 } from './p-DwhGQrZK.js';
+
+const afTestimonialCarouselCss = ".sc-af-testimonial-carousel-h{display:block;width:100%}.testimonial-carousel.sc-af-testimonial-carousel{position:relative;width:100%;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel{position:relative;width:100%;min-height:544px;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{position:absolute;top:0;left:0;width:100%;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}@media (prefers-reduced-motion: reduce){.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{transition:none}}.testimonial-progress.sc-af-testimonial-carousel{margin-top:32px;max-width:840px;margin-left:auto;margin-right:auto}";
+
+const AfTestimonialCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonialCarousel extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.currentIndex = 0;
+        this.isAnimating = false;
+        this.testimonialCount = 0;
+        this.testimonials = [];
+        this.goToPrevious = () => {
+            if (this.isAnimating || this.currentIndex === 0)
+                return;
+            this.isAnimating = true;
+            this.currentIndex = this.currentIndex - 1;
+            this.updateVisibleTestimonial();
+            setTimeout(() => {
+                this.isAnimating = false;
+            }, 500);
+        };
+        this.goToNext = () => {
+            if (this.isAnimating || this.currentIndex >= this.testimonialCount - 1)
+                return;
+            this.isAnimating = true;
+            this.currentIndex = this.currentIndex + 1;
+            this.updateVisibleTestimonial();
+            setTimeout(() => {
+                this.isAnimating = false;
+            }, 500);
+        };
+    }
+    componentDidLoad() {
+        this.detectTestimonials();
+        // Watch for testimonials being added (for React async rendering)
+        this.observer = new MutationObserver(() => {
+            this.detectTestimonials();
+        });
+        this.observer.observe(this.host, {
+            childList: true,
+            subtree: true
+        });
+    }
+    disconnectedCallback() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    }
+    /**
+     * Listen for navigation events from testimonials
+     */
+    handleNavPrev() {
+        this.goToPrevious();
+    }
+    handleNavNext() {
+        this.goToNext();
+    }
+    detectTestimonials() {
+        const newTestimonials = Array.from(this.host.querySelectorAll('af-testimonial'));
+        if (newTestimonials.length !== this.testimonials.length) {
+            this.testimonials = newTestimonials;
+            this.testimonialCount = newTestimonials.length;
+            if (this.testimonials.length > 0) {
+                this.currentIndex = 0;
+                this.updateVisibleTestimonial();
+            }
+        }
+    }
+    updateVisibleTestimonial() {
+        const hasPrev = this.currentIndex > 0;
+        const hasNext = this.currentIndex < this.testimonialCount - 1;
+        const showNav = this.testimonialCount > 1;
+        this.testimonials.forEach((testimonial, index) => {
+            const offset = (index - this.currentIndex) * 100;
+            testimonial.style.transform = `translateX(${offset}%)`;
+            testimonial.style.opacity = index === this.currentIndex ? '1' : '0';
+            testimonial.style.pointerEvents = index === this.currentIndex ? 'auto' : 'none';
+            // Set navigation props on testimonials (directly on the element for Stencil)
+            testimonial.showNavigation = showNav;
+            testimonial.hasPrev = hasPrev;
+            testimonial.hasNext = hasNext;
+        });
+    }
+    /**
+     * Calculate progress value (0 to 1) based on current position
+     */
+    getProgress() {
+        if (this.testimonialCount <= 1)
+            return 0;
+        return (this.currentIndex + 1) / this.testimonialCount;
+    }
+    render() {
+        return (h(Host, { key: 'eb9042ba8aa89a99b81f8f6b477b50e44f6ef747' }, h("div", { key: 'aeeab184ea0954c9be173c4cc0e18b9f840cbf4d', class: "testimonial-carousel" }, h("div", { key: '57e2d480f737af4e6edad66475d3394eb7d4f6d7', class: "testimonial-slides" }, h("slot", { key: '21167cf84f89dcecbc87f2d1010f6fcf77975ca1' })), this.testimonialCount > 1 && (h("div", { key: '3c3211d3d523a4cf8f9178294f3dba4b491a82dc', class: "testimonial-progress" }, h("af-progress-line", { key: '63013ffeb317f2365d27843611e4210a4baa4984', progress: this.getProgress() }))))));
+    }
+    get host() { return this; }
+    static get style() { return afTestimonialCarouselCss; }
+}, [262, "af-testimonial-carousel", {
+        "currentIndex": [32],
+        "isAnimating": [32],
+        "testimonialCount": [32]
+    }, [[0, "navPrev", "handleNavPrev"], [0, "navNext", "handleNavNext"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-testimonial-carousel", "af-progress-line"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-testimonial-carousel":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfTestimonialCarousel$1);
+            }
+            break;
+        case "af-progress-line":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const AfTestimonialCarousel = AfTestimonialCarousel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfTestimonialCarousel, defineCustomElement };
+//# sourceMappingURL=af-testimonial-carousel.js.map
+
+//# sourceMappingURL=af-testimonial-carousel.js.map

package/dist/components/af-testimonial-carousel.js.map

@@ -0,0 +1 @@
+{"file":"af-testimonial-carousel.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,6xBAA6xB;;MCgBjzBA,uBAAqB,iBAAAC,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;AANlC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AAQW,QAAA,IAAY,CAAA,YAAA,GAAW,CAAC;AACxB,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC5B,QAAA,IAAgB,CAAA,gBAAA,GAAW,CAAC;AAE7B,QAAA,IAAY,CAAA,YAAA,GAAkB,EAAE;AAoEhC,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;YAC1B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC;gBAAE;AAEjD,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;YACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC;YACzC,IAAI,CAAC,wBAAwB,EAAE;YAE/B,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;aACzB,EAAE,GAAG,CAAC;AACT,SAAC;AAEO,QAAA,IAAQ,CAAA,QAAA,GAAG,MAAK;AACtB,YAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,gBAAgB,GAAG,CAAC;gBAAE;AAExE,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;YACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC;YACzC,IAAI,CAAC,wBAAwB,EAAE;YAE/B,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;aACzB,EAAE,GAAG,CAAC;AACT,SAAC;AA4BF;IAnHC,gBAAgB,GAAA;QACd,IAAI,CAAC,kBAAkB,EAAE;;AAGzB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;YACxC,IAAI,CAAC,kBAAkB,EAAE;AAC3B,SAAC,CAAC;QAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;AAC/B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE;AACV,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;;AAI9B;;AAEG;IAEH,aAAa,GAAA;QACX,IAAI,CAAC,YAAY,EAAE;;IAIrB,aAAa,GAAA;QACX,IAAI,CAAC,QAAQ,EAAE;;IAGT,kBAAkB,GAAA;AACxB,QAAA,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAkB;QAEjG,IAAI,eAAe,CAAC,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;AACvD,YAAA,IAAI,CAAC,YAAY,GAAG,eAAe;AACnC,YAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC,MAAM;YAE9C,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,gBAAA,IAAI,CAAC,YAAY,GAAG,CAAC;gBACrB,IAAI,CAAC,wBAAwB,EAAE;;;;IAK7B,wBAAwB,GAAA;AAC9B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC;AAC7D,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC;QAEzC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,KAAK,KAAI;YAC/C,MAAM,MAAM,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,IAAI,GAAG;YAChD,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,CAAc,WAAA,EAAA,MAAM,IAAI;AACtD,YAAA,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,GAAG;AACnE,YAAA,WAAW,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM;;AAG9E,YAAA,WAAmB,CAAC,cAAc,GAAG,OAAO;AAC5C,YAAA,WAAmB,CAAC,OAAO,GAAG,OAAO;AACrC,YAAA,WAAmB,CAAC,OAAO,GAAG,OAAO;AACxC,SAAC,CAAC;;AA2BJ;;AAEG;IACK,WAAW,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC;AAAE,YAAA,OAAO,CAAC;QACxC,OAAO,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,gBAAgB;;IAGxD,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EAGL,IAAI,CAAC,gBAAgB,GAAG,CAAC,KACxB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,EAAI,CAAA,CAC9C,CACP,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfTestimonialCarousel","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-testimonial-carousel/af-testimonial-carousel.css?tag=af-testimonial-carousel&encapsulation=scoped","src/components/af-testimonial-carousel/af-testimonial-carousel.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.testimonial-carousel {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n\n.testimonial-slides {\n  position: relative;\n  width: 100%;\n  min-height: 544px;\n  overflow: hidden;\n}\n\n.testimonial-slides ::slotted(af-testimonial) {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\n}\n\n/* Respect reduced motion: slides can auto-advance, so remove the\n * 500ms cross-fade/slide transition and swap instantly. */\n@media (prefers-reduced-motion: reduce) {\n  .testimonial-slides ::slotted(af-testimonial) {\n    transition: none;\n  }\n}\n\n/* Progress indicator - wraps af-progress-line atom */\n/* Per Figma: centered below the card with horizontal padding */\n.testimonial-progress {\n  margin-top: 32px;\n  max-width: 840px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n/* Navigation is now rendered inside each testimonial's footer via props */\n\n","import { Component, State, h, Host, Element, Listen } from '@stencil/core';\n\n/**\n * TestimonialCarousel - Carousel for displaying multiple customer testimonials.\n * \n * Handles navigation between testimonials with progress indicator.\n * Wrap in Section/Container for proper page layout and theming.\n * \n * @slot - Testimonial components to display in the carousel\n */\n@Component({\n  tag: 'af-testimonial-carousel',\n  styleUrl: 'af-testimonial-carousel.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfTestimonialCarousel {\n  @Element() host!: HTMLElement;\n  @State() currentIndex: number = 0;\n  @State() isAnimating: boolean = false;\n  @State() testimonialCount: number = 0;\n\n  private testimonials: HTMLElement[] = [];\n  private observer: MutationObserver | undefined;\n\n  componentDidLoad() {\n    this.detectTestimonials();\n    \n    // Watch for testimonials being added (for React async rendering)\n    this.observer = new MutationObserver(() => {\n      this.detectTestimonials();\n    });\n    \n    this.observer.observe(this.host, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  /**\n   * Listen for navigation events from testimonials\n   */\n  @Listen('navPrev')\n  handleNavPrev() {\n    this.goToPrevious();\n  }\n\n  @Listen('navNext')\n  handleNavNext() {\n    this.goToNext();\n  }\n\n  private detectTestimonials() {\n    const newTestimonials = Array.from(this.host.querySelectorAll('af-testimonial')) as HTMLElement[];\n    \n    if (newTestimonials.length !== this.testimonials.length) {\n      this.testimonials = newTestimonials;\n      this.testimonialCount = newTestimonials.length;\n      \n      if (this.testimonials.length > 0) {\n        this.currentIndex = 0;\n        this.updateVisibleTestimonial();\n      }\n    }\n  }\n\n  private updateVisibleTestimonial() {\n    const hasPrev = this.currentIndex > 0;\n    const hasNext = this.currentIndex < this.testimonialCount - 1;\n    const showNav = this.testimonialCount > 1;\n\n    this.testimonials.forEach((testimonial, index) => {\n      const offset = (index - this.currentIndex) * 100;\n      testimonial.style.transform = `translateX(${offset}%)`;\n      testimonial.style.opacity = index === this.currentIndex ? '1' : '0';\n      testimonial.style.pointerEvents = index === this.currentIndex ? 'auto' : 'none';\n      \n      // Set navigation props on testimonials (directly on the element for Stencil)\n      (testimonial as any).showNavigation = showNav;\n      (testimonial as any).hasPrev = hasPrev;\n      (testimonial as any).hasNext = hasNext;\n    });\n  }\n\n  private goToPrevious = () => {\n    if (this.isAnimating || this.currentIndex === 0) return;\n    \n    this.isAnimating = true;\n    this.currentIndex = this.currentIndex - 1;\n    this.updateVisibleTestimonial();\n    \n    setTimeout(() => {\n      this.isAnimating = false;\n    }, 500);\n  };\n\n  private goToNext = () => {\n    if (this.isAnimating || this.currentIndex >= this.testimonialCount - 1) return;\n    \n    this.isAnimating = true;\n    this.currentIndex = this.currentIndex + 1;\n    this.updateVisibleTestimonial();\n    \n    setTimeout(() => {\n      this.isAnimating = false;\n    }, 500);\n  };\n\n  /**\n   * Calculate progress value (0 to 1) based on current position\n   */\n  private getProgress(): number {\n    if (this.testimonialCount <= 1) return 0;\n    return (this.currentIndex + 1) / this.testimonialCount;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"testimonial-carousel\">\n          <div class=\"testimonial-slides\">\n            <slot></slot>\n          </div>\n          \n          {/* Progress indicator using af-progress-line atom */}\n          {this.testimonialCount > 1 && (\n            <div class=\"testimonial-progress\">\n              <af-progress-line progress={this.getProgress()} />\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n\n"],"version":3}

package/dist/components/af-testimonial-stat.js

@@ -1 +1,57 @@
-import{p as t,H as a,h as e,c as s,t as c}from"./p-DsNqeD3z.js";import{d as i}from"./p-BvLGR36l.js";import{d as o}from"./p-DRm58pvc.js";const r=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.accentBorder=!1}render(){return e(s,{key:"3854dc5e24bdfdfc96ff889f65231ed765f1cb2a"},e("div",{key:"bde58050e26a65197cf0d3cdb1de385c00f4ea14",class:"stat "+(this.accentBorder?"stat--accent":"")},e("af-heading",{key:"37fc274547ef0bc7ff3c9e539f88b996c496ad52",level:2,class:"stat-value"},this.value),e("af-text",{key:"83519d54647b39ac39649b22f93f21039e047d63",variant:"medium",class:"stat-description"},this.description)))}static get style(){return".sc-af-testimonial-stat-h{display:block;flex:1;min-width:0}.stat.sc-af-testimonial-stat{display:flex;flex-direction:column;gap:8px}.stat--accent.sc-af-testimonial-stat{border-left:2px solid var(--af-background-border-active, var(--colour-softclay-800, #8a7049));padding-left:16px;min-height:76px;justify-content:center}.stat-value.sc-af-testimonial-stat{--af-typography-heading-primary:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));letter-spacing:-0.88px;white-space:nowrap}.stat-description.sc-af-testimonial-stat{--af-typography-body-default:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));overflow:hidden;text-overflow:ellipsis}"}},[2,"af-testimonial-stat",{value:[1],description:[1],accentBorder:[4,"accent-border"]}]),n=r,f=function(){"undefined"!=typeof customElements&&["af-testimonial-stat","af-heading","af-text"].forEach((t=>{switch(t){case"af-testimonial-stat":customElements.get(c(t))||customElements.define(c(t),r);break;case"af-heading":customElements.get(c(t))||i();break;case"af-text":customElements.get(c(t))||o()}}))};export{n as AfTestimonialStat,f as defineCustomElement}
+import { p as proxyCustomElement, H, h, c as Host } from './p-CqQyDZ-4.js';
+import { d as defineCustomElement$3 } from './p-Bw8fdMnn.js';
+import { d as defineCustomElement$2 } from './p-C0R_vg0S.js';
+
+const afTestimonialStatCss = ".sc-af-testimonial-stat-h{display:block;flex:1;min-width:0}.stat.sc-af-testimonial-stat{display:flex;flex-direction:column;gap:8px}.stat--accent.sc-af-testimonial-stat{border-left:2px solid var(--af-background-border-active, var(--colour-softclay-800, #8a7049));padding-left:16px;min-height:76px;justify-content:center}.stat-value.sc-af-testimonial-stat{--af-typography-heading-primary:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));letter-spacing:-0.88px;white-space:nowrap}.stat-description.sc-af-testimonial-stat{--af-typography-body-default:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));overflow:hidden;text-overflow:ellipsis}";
+
+const AfTestimonialStat$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonialStat extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Whether to show left accent border
+         */
+        this.accentBorder = false;
+    }
+    render() {
+        return (h(Host, { key: '3854dc5e24bdfdfc96ff889f65231ed765f1cb2a' }, h("div", { key: 'bde58050e26a65197cf0d3cdb1de385c00f4ea14', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("af-heading", { key: '37fc274547ef0bc7ff3c9e539f88b996c496ad52', level: 2, class: "stat-value" }, this.value), h("af-text", { key: '83519d54647b39ac39649b22f93f21039e047d63', variant: "medium", class: "stat-description" }, this.description))));
+    }
+    static get style() { return afTestimonialStatCss; }
+}, [258, "af-testimonial-stat", {
+        "value": [1],
+        "description": [1],
+        "accentBorder": [4, "accent-border"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-testimonial-stat", "af-heading", "af-text"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-testimonial-stat":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfTestimonialStat$1);
+            }
+            break;
+        case "af-heading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "af-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const AfTestimonialStat = AfTestimonialStat$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfTestimonialStat, defineCustomElement };
+//# sourceMappingURL=af-testimonial-stat.js.map
+
+//# sourceMappingURL=af-testimonial-stat.js.map

package/dist/components/af-testimonial-stat.js.map

@@ -0,0 +1 @@
+{"file":"af-testimonial-stat.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,+qBAA+qB;;MCQ/rBA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAN9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AAiBE;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AActC;IAZC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,EAAE,CAAE,CAAA,EAAA,EAE3D,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,KAAK,CAAc,EAElE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,WAAW,CAAW,CAC3E,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfTestimonialStat","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-testimonial-stat/af-testimonial-stat.css?tag=af-testimonial-stat&encapsulation=scoped","src/components/af-testimonial-stat/af-testimonial-stat.tsx"],"sourcesContent":[":host {\n  display: block;\n  flex: 1;\n  min-width: 0;\n}\n\n.stat {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.stat--accent {\n  /* Themed active/accent border color */\n  border-left: 2px solid var(--af-background-border-active, var(--colour-softclay-800, #8a7049));\n  padding-left: 16px;\n  min-height: 76px;\n  justify-content: center;\n}\n\n/* Stat value - override af-heading to use secondary color */\n.stat-value {\n  /* Override the heading color to use secondary (gold/ochre) instead of primary */\n  --af-typography-heading-primary: var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));\n  letter-spacing: -0.88px;\n  white-space: nowrap;\n}\n\n/* Description - override af-text to use body-dark for emphasis */\n.stat-description {\n  --af-typography-body-default: var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));\n  overflow: hidden;\n  text-overflow: ellipsis;\n}","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'af-testimonial-stat',\n  styleUrl: 'af-testimonial-stat.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfTestimonialStat {\n  /**\n   * The statistic value (e.g., \"95%\", \"10×\", \"120,000\")\n   */\n  @Prop() value!: string;\n\n  /**\n   * Description text for the statistic\n   */\n  @Prop() description!: string;\n\n  /**\n   * Whether to show left accent border\n   */\n  @Prop() accentBorder: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <div class={`stat ${this.accentBorder ? 'stat--accent' : ''}`}>\n          {/* Stat value uses secondary heading color via CSS override */}\n          <af-heading level={2} class=\"stat-value\">{this.value}</af-heading>\n          {/* Description uses af-text for proper theming */}\n          <af-text variant=\"medium\" class=\"stat-description\">{this.description}</af-text>\n        </div>\n      </Host>\n    );\n  }\n}\n\n\n"],"version":3}

package/dist/components/af-testimonial.js

@@ -1 +1,88 @@
-import{p as t,H as e,d as a,h as i,c as s,t as o}from"./p-DsNqeD3z.js";import{d as n}from"./p-BeVM-2kH.js";import{d as l}from"./p-BeX5VmwL.js";import{d as c}from"./p-BzH2LxRQ.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.navPrev=a(this,"navPrev"),this.navNext=a(this,"navNext"),this.showNavigation=!1,this.hasPrev=!1,this.hasNext=!1,this.handlePrev=()=>{this.navPrev.emit()},this.handleNext=()=>{this.navNext.emit()}}render(){return i(s,{key:"ece3fb36d1f133e0429a59f8fe24dadae0d25e51"},i("div",{key:"874ba61ab34378a92f496d9143b817d3cbbce2ef",class:"testimonial-card"},i("div",{key:"c7812c978b4b0ce7ad5f23e2fc429986c787ec4e",class:"testimonial-image"},this.backgroundImage&&i("img",{key:"d8ae7c602c4e7a78037f8ca1dfb1363136499942",src:this.backgroundImage,alt:"",class:"testimonial-bg-image"}),this.logoImage&&i("div",{key:"1e2b8f1252b1bf4d480bd453fd558c3ab8cf4888",class:"testimonial-logo"},i("img",{key:"7d9dda13479c1f46f97bca5e3628ac03925c058a",src:this.logoImage,alt:"Company logo"}))),i("div",{key:"4bfabf5919bb04b966ba56aeba9d5ecbb473c6df",class:"testimonial-content"},i("div",{key:"ceb09f4ea4fa02cb1289501b94b87a378b8388bf",class:"testimonial-quote-section"},i("div",{key:"26388df84c2fa2191edc36c844e46a131133741f",class:"testimonial-quote-icon"},i("slot",{key:"76862abdc6eb6a79abe4e1024045252cc843fbd8",name:"quote-icon"},i("af-icon",{key:"ad6a19f54dd5c19d2fd41b6c8d8689e35ee5fc47",name:"quote",size:48}))),i("div",{key:"3773864a3bbb9bcb6788ca49b401eb59d140cbf2",class:"testimonial-text"},i("slot",{key:"e98fb304d608a76e95b08c3dc29e54ab556327b6",name:"quote-body"},this.quote)),i("div",{key:"e056c13a838325f20767bf35a3659d898843767d",class:"testimonial-attribution"},this.attribution)),i("div",{key:"b568594caa24f709dc3723c58eb3fa6263f229b9",class:"testimonial-stats"},i("slot",{key:"e463d0484e771db9fcf598f67adb6c8f4ebd2eae",name:"stats"})),i("div",{key:"3e645d385530722738d88c7764b41997385e5811",class:"testimonial-footer"},i("div",{key:"aa8d161c9a9030cb19f0e49e7614d665200b6c43",class:"testimonial-nav"},this.showNavigation?i("div",{class:"testimonial-nav-buttons"},i("af-icon-button",{variant:"secondary",disabled:!this.hasPrev,onClick:this.handlePrev,ariaLabel:"Previous testimonial"},i("af-icon",{name:"arrow-left",size:24})),i("af-icon-button",{variant:"secondary",disabled:!this.hasNext,onClick:this.handleNext,ariaLabel:"Next testimonial"},i("af-icon",{name:"arrow-right",size:24}))):i("slot",{name:"navigation"})),this.readMoreLink&&i("af-button",{key:"3764047858f6661077ec1a696c327c6dc80c5056",variant:"secondary",href:this.readMoreLink},"Read full story",i("af-icon",{key:"bd1cc25cf7e59c030fc4c2d94593e1437e57cd81",slot:"icon-right",name:"arrow-right",size:24}))))))}static get style(){return".sc-af-testimonial-h{display:block;width:100%}.testimonial-card.sc-af-testimonial{background:var(--af-background-level-1, var(--colour-mistgreen-200, #e8eeed));border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;display:flex;height:544px;box-sizing:border-box}.testimonial-image.sc-af-testimonial{position:relative;width:50%;min-width:300px;max-width:519px;height:100%;background:var(--colour-brand-inkwell, #14343b);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.testimonial-bg-image.sc-af-testimonial{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.7}.testimonial-logo.sc-af-testimonial{position:relative;z-index:1;padding:0 108px;max-width:100%}.testimonial-logo.sc-af-testimonial img.sc-af-testimonial{width:100%;height:auto;display:block}.testimonial-content.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:32px;padding:48px;border:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));border-left:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));box-sizing:border-box}.testimonial-quote-section.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.testimonial-quote-icon.sc-af-testimonial{width:48px;height:48px;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex-shrink:0}.testimonial-text.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:22px;line-height:1.4;font-weight:var(--font-weight-regular, 400);color:var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b))}.testimonial-text.sc-af-testimonial-s>p,.testimonial-text .sc-af-testimonial-s>p,.testimonial-text.sc-af-testimonial p.sc-af-testimonial{font:inherit;color:inherit;margin:0 0 12px 0}.testimonial-text.sc-af-testimonial-s>p:last-child,.testimonial-text .sc-af-testimonial-s>p:last-child,.testimonial-text.sc-af-testimonial p.sc-af-testimonial:last-child{margin-bottom:0}.testimonial-text.sc-af-testimonial-s>ul,.testimonial-text .sc-af-testimonial-s>ul,.testimonial-text.sc-af-testimonial ul.sc-af-testimonial{margin:0 0 12px 0;padding-left:20px}.testimonial-attribution.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:16px;line-height:24px;color:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));margin-top:12px}.testimonial-stats.sc-af-testimonial{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px;width:100%;flex-shrink:0}@media (min-width: 768px) and (max-width: 1023px){.testimonial-stats.sc-af-testimonial{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.testimonial-stats.sc-af-testimonial{grid-template-columns:1fr}}.testimonial-footer.sc-af-testimonial{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--af-background-border-default, var(--colour-mistgreen-400, #d1ddda));padding-top:32px;flex-shrink:0;min-height:48px}.testimonial-nav.sc-af-testimonial{display:flex;gap:12px}.testimonial-nav-buttons.sc-af-testimonial{display:flex;gap:12px}"}},[262,"af-testimonial",{backgroundImage:[1,"background-image"],logoImage:[1,"logo-image"],quote:[1],attribution:[1],readMoreLink:[1,"read-more-link"],showNavigation:[1028,"show-navigation"],hasPrev:[1028,"has-prev"],hasNext:[1028,"has-next"]}]),r=d,f=function(){"undefined"!=typeof customElements&&["af-testimonial","af-button","af-icon","af-icon-button"].forEach((t=>{switch(t){case"af-testimonial":customElements.get(o(t))||customElements.define(o(t),d);break;case"af-button":customElements.get(o(t))||n();break;case"af-icon":customElements.get(o(t))||l();break;case"af-icon-button":customElements.get(o(t))||c()}}))};export{r as AfTestimonial,f as defineCustomElement}
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CqQyDZ-4.js';
+import { d as defineCustomElement$4 } from './p-CNuja1ax.js';
+import { d as defineCustomElement$3 } from './p-aAVeavhK.js';
+import { d as defineCustomElement$2 } from './p-DAYoQm46.js';
+
+const afTestimonialCss = ".sc-af-testimonial-h{display:block;width:100%}.testimonial-card.sc-af-testimonial{background:var(--af-background-level-1, var(--colour-mistgreen-200, #e8eeed));border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;display:flex;height:544px;box-sizing:border-box}.testimonial-image.sc-af-testimonial{position:relative;width:50%;min-width:300px;max-width:519px;height:100%;background:var(--colour-brand-inkwell, #14343b);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.testimonial-bg-image.sc-af-testimonial{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.7}.testimonial-logo.sc-af-testimonial{position:relative;z-index:1;padding:0 108px;max-width:100%}.testimonial-logo.sc-af-testimonial img.sc-af-testimonial{width:100%;height:auto;display:block}.testimonial-content.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:32px;padding:48px;border:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));border-left:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));box-sizing:border-box}.testimonial-quote-section.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.testimonial-quote-icon.sc-af-testimonial{width:48px;height:48px;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex-shrink:0}.testimonial-text.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:22px;line-height:1.4;font-weight:var(--font-weight-regular, 400);color:var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b))}.testimonial-text.sc-af-testimonial-s>p,.testimonial-text .sc-af-testimonial-s>p,.testimonial-text.sc-af-testimonial p.sc-af-testimonial{font:inherit;color:inherit;margin:0 0 12px 0}.testimonial-text.sc-af-testimonial-s>p,.testimonial-text.sc-af-testimonial-s>p:last-child,.testimonial-text .sc-af-testimonial-s>p:last-child,.testimonial-text.sc-af-testimonial p.sc-af-testimonial:last-child{margin-bottom:0}.testimonial-text.sc-af-testimonial-s>ul,.testimonial-text .sc-af-testimonial-s>ul,.testimonial-text.sc-af-testimonial ul.sc-af-testimonial{margin:0 0 12px 0;padding-left:20px}.testimonial-attribution.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:16px;line-height:24px;color:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));margin-top:12px}.testimonial-stats.sc-af-testimonial{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px;width:100%;flex-shrink:0}@media (min-width: 768px) and (max-width: 1023px){.testimonial-stats.sc-af-testimonial{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.testimonial-stats.sc-af-testimonial{grid-template-columns:1fr}}.testimonial-footer.sc-af-testimonial{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--af-background-border-default, var(--colour-mistgreen-400, #d1ddda));padding-top:32px;flex-shrink:0;min-height:48px}.testimonial-nav.sc-af-testimonial{display:flex;gap:12px}.testimonial-nav-buttons.sc-af-testimonial{display:flex;gap:12px}";
+
+const AfTestimonial$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonial extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.navPrev = createEvent(this, "navPrev");
+        this.navNext = createEvent(this, "navNext");
+        /**
+         * Whether to show built-in navigation buttons (used when in a carousel)
+         */
+        this.showNavigation = false;
+        /**
+         * Whether the previous button is enabled
+         */
+        this.hasPrev = false;
+        /**
+         * Whether the next button is enabled
+         */
+        this.hasNext = false;
+        this.handlePrev = () => {
+            this.navPrev.emit();
+        };
+        this.handleNext = () => {
+            this.navNext.emit();
+        };
+    }
+    render() {
+        return (h(Host, { key: 'ece3fb36d1f133e0429a59f8fe24dadae0d25e51' }, h("div", { key: '874ba61ab34378a92f496d9143b817d3cbbce2ef', class: "testimonial-card" }, h("div", { key: 'c7812c978b4b0ce7ad5f23e2fc429986c787ec4e', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'd8ae7c602c4e7a78037f8ca1dfb1363136499942', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '1e2b8f1252b1bf4d480bd453fd558c3ab8cf4888', class: "testimonial-logo" }, h("img", { key: '7d9dda13479c1f46f97bca5e3628ac03925c058a', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '4bfabf5919bb04b966ba56aeba9d5ecbb473c6df', class: "testimonial-content" }, h("div", { key: 'ceb09f4ea4fa02cb1289501b94b87a378b8388bf', class: "testimonial-quote-section" }, h("div", { key: '26388df84c2fa2191edc36c844e46a131133741f', class: "testimonial-quote-icon" }, h("slot", { key: '76862abdc6eb6a79abe4e1024045252cc843fbd8', name: "quote-icon" }, h("af-icon", { key: 'ad6a19f54dd5c19d2fd41b6c8d8689e35ee5fc47', name: "quote", size: 48 }))), h("div", { key: '3773864a3bbb9bcb6788ca49b401eb59d140cbf2', class: "testimonial-text" }, h("slot", { key: 'e98fb304d608a76e95b08c3dc29e54ab556327b6', name: "quote-body" }, this.quote)), h("div", { key: 'e056c13a838325f20767bf35a3659d898843767d', class: "testimonial-attribution" }, this.attribution)), h("div", { key: 'b568594caa24f709dc3723c58eb3fa6263f229b9', class: "testimonial-stats" }, h("slot", { key: 'e463d0484e771db9fcf598f67adb6c8f4ebd2eae', name: "stats" })), h("div", { key: '3e645d385530722738d88c7764b41997385e5811', class: "testimonial-footer" }, h("div", { key: 'aa8d161c9a9030cb19f0e49e7614d665200b6c43', class: "testimonial-nav" }, this.showNavigation ? (
+        // Render built-in navigation buttons
+        h("div", { class: "testimonial-nav-buttons" }, h("af-icon-button", { variant: "secondary", disabled: !this.hasPrev, onClick: this.handlePrev, ariaLabel: "Previous testimonial" }, h("af-icon", { name: "arrow-left", size: 24 })), h("af-icon-button", { variant: "secondary", disabled: !this.hasNext, onClick: this.handleNext, ariaLabel: "Next testimonial" }, h("af-icon", { name: "arrow-right", size: 24 })))) : (
+        // Allow custom navigation via slot
+        h("slot", { name: "navigation" }))), this.readMoreLink && (h("af-button", { key: '3764047858f6661077ec1a696c327c6dc80c5056', variant: "secondary", href: this.readMoreLink }, "Read full story", h("af-icon", { key: 'bd1cc25cf7e59c030fc4c2d94593e1437e57cd81', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
+    }
+    static get style() { return afTestimonialCss; }
+}, [262, "af-testimonial", {
+        "backgroundImage": [1, "background-image"],
+        "logoImage": [1, "logo-image"],
+        "quote": [1],
+        "attribution": [1],
+        "readMoreLink": [1, "read-more-link"],
+        "showNavigation": [1028, "show-navigation"],
+        "hasPrev": [1028, "has-prev"],
+        "hasNext": [1028, "has-next"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["af-testimonial", "af-button", "af-icon", "af-icon-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "af-testimonial":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AfTestimonial$1);
+            }
+            break;
+        case "af-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "af-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "af-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const AfTestimonial = AfTestimonial$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AfTestimonial, defineCustomElement };
+//# sourceMappingURL=af-testimonial.js.map
+
+//# sourceMappingURL=af-testimonial.js.map

package/dist/components/af-testimonial.js.map

@@ -0,0 +1 @@
+{"file":"af-testimonial.js","mappings":"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","names":["AfTestimonial","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-testimonial/af-testimonial.css?tag=af-testimonial&encapsulation=scoped","src/components/af-testimonial/af-testimonial.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.testimonial-card {\n  /* Uses themed level-1 background from parent Section */\n  background: var(--af-background-level-1, var(--colour-mistgreen-200, #e8eeed));\n  border-radius: var(--border-radius-card-level-1, 32px);\n  overflow: hidden;\n  display: flex;\n  height: 544px;\n  box-sizing: border-box;\n}\n\n/* Image side - 40.5% of card width (519px of 1280px in Figma) */\n.testimonial-image {\n  position: relative;\n  width: 50%;\n  min-width: 300px;\n  /* Minimum for readability */\n  max-width: 519px;\n  /* Cap at Figma design width */\n  height: 100%;\n  /* Dark background for image overlay effect - always dark regardless of theme */\n  background: var(--colour-brand-inkwell, #14343b);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  overflow: hidden;\n}\n\n.testimonial-bg-image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.7;\n}\n\n.testimonial-logo {\n  position: relative;\n  z-index: 1;\n  padding: 0 108px;\n  max-width: 100%;\n}\n\n.testimonial-logo img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n/* Content side */\n.testimonial-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 48px;\n  /* Subtle border using themed border token */\n  border: 1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));\n  border-left: 1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));\n  box-sizing: border-box;\n}\n\n.testimonial-quote-section {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-height: 0;\n  /* Allow flex item to shrink */\n  overflow: hidden;\n}\n\n.testimonial-quote-icon {\n  width: 48px;\n  height: 48px;\n  /* Quote icon uses themed secondary heading color (gold/ochre accent) */\n  color: var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));\n  flex-shrink: 0;\n}\n\n/* Quote text — 22px / 140% per Webflow reference. Accepts either the\n   `quote` prop (rendered as plain text) or the `quote-body` slot (rich). */\n.testimonial-text {\n  font-family: var(--typography-bodyfont, 'NeuSans', sans-serif);\n  font-size: 22px;\n  line-height: 1.4;\n  font-weight: var(--font-weight-regular, 400);\n  color: var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b));\n}\n.testimonial-text ::slotted(p),\n.testimonial-text p {\n  font: inherit;\n  color: inherit;\n  margin: 0 0 12px 0;\n}\n.testimonial-text ::slotted(p:last-child),\n.testimonial-text p:last-child {\n  margin-bottom: 0;\n}\n.testimonial-text ::slotted(ul),\n.testimonial-text ul {\n  margin: 0 0 12px 0;\n  padding-left: 20px;\n}\n\n/* Attribution uses body-dark color for emphasis */\n.testimonial-attribution {\n  font-family: var(--typography-bodyfont, 'NeuSans', sans-serif);\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));\n  margin-top: 12px;\n}\n\n.testimonial-stats {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n  width: 100%;\n  flex-shrink: 0;\n}\n\n/* ≥ mobile and ≤ tablet — 2-column intermediate layout so the stats row\n * doesn't snap straight from 4-across to 1-across on common iPad / narrow\n * laptop widths. */\n@media (min-width: 768px) and (max-width: 1023px) {\n  .testimonial-stats {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n/* ≤ mobile — single column stack */\n@media (max-width: 767px) {\n  .testimonial-stats {\n    grid-template-columns: 1fr;\n  }\n}\n\n.testimonial-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  /* Themed border color */\n  border-top: 1px solid var(--af-background-border-default, var(--colour-mistgreen-400, #d1ddda));\n  padding-top: 32px;\n  flex-shrink: 0;\n  min-height: 48px;\n}\n\n.testimonial-nav {\n  display: flex;\n  gap: 12px;\n}\n\n.testimonial-nav-buttons {\n  display: flex;\n  gap: 12px;\n}\n\n/* CTA button is now handled by af-button atom component */","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot quote-body - Rich quote content (paragraphs, lists). Overrides the\n *   `quote` string prop when provided. Use for testimonials that include\n *   multiple paragraphs, bulleted points, or inline emphasis.\n * @slot quote-icon - Quote icon (defaults to af-icon name=\"quote\").\n * @slot stats - Statistic items (af-testimonial-stat components).\n * @slot navigation - Custom nav controls (when not using built-in ones).\n */\n@Component({\n  tag: 'af-testimonial',\n  styleUrl: 'af-testimonial.css',\n  shadow: false,\n  scoped: true,\n})\nexport class AfTestimonial {\n  /**\n   * Background image URL for the testimonial card\n   */\n  @Prop() backgroundImage?: string;\n\n  /**\n   * Company logo URL\n   */\n  @Prop() logoImage?: string;\n\n  /**\n   * Testimonial quote text. Falls back to the `quote-body` slot if that\n   * slot has content.\n   */\n  @Prop() quote?: string;\n\n  /**\n   * Attribution text (e.g., \"– Nathaniel Barrs, CTO, PSC Insurance\")\n   */\n  @Prop() attribution!: string;\n\n  /**\n   * Link to full case study\n   */\n  @Prop() readMoreLink?: string;\n\n  /**\n   * Whether to show built-in navigation buttons (used when in a carousel)\n   */\n  @Prop({ mutable: true }) showNavigation: boolean = false;\n\n  /**\n   * Whether the previous button is enabled\n   */\n  @Prop({ mutable: true }) hasPrev: boolean = false;\n\n  /**\n   * Whether the next button is enabled\n   */\n  @Prop({ mutable: true }) hasNext: boolean = false;\n\n  /**\n   * Emitted when the previous button is clicked\n   */\n  @Event() navPrev!: EventEmitter<void>;\n\n  /**\n   * Emitted when the next button is clicked\n   */\n  @Event() navNext!: EventEmitter<void>;\n\n  private handlePrev = () => {\n    this.navPrev.emit();\n  };\n\n  private handleNext = () => {\n    this.navNext.emit();\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"testimonial-card\">\n          {/* Image side */}\n          <div class=\"testimonial-image\">\n            {this.backgroundImage && (\n              <img src={this.backgroundImage} alt=\"\" class=\"testimonial-bg-image\" />\n            )}\n            {this.logoImage && (\n              <div class=\"testimonial-logo\">\n                <img src={this.logoImage} alt=\"Company logo\" />\n              </div>\n            )}\n          </div>\n\n          {/* Content side */}\n          <div class=\"testimonial-content\">\n            <div class=\"testimonial-quote-section\">\n              {/* Quote icon - using af-icon atom with slot for flexibility */}\n              <div class=\"testimonial-quote-icon\">\n                <slot name=\"quote-icon\">\n                  <af-icon name=\"quote\" size={48} />\n                </slot>\n              </div>\n\n              {/* Quote text — slot takes priority; falls back to prop. */}\n              <div class=\"testimonial-text\">\n                <slot name=\"quote-body\">{this.quote}</slot>\n              </div>\n              {/* Attribution */}\n              <div class=\"testimonial-attribution\">{this.attribution}</div>\n            </div>\n\n            {/* Statistics slot */}\n            <div class=\"testimonial-stats\">\n              <slot name=\"stats\"></slot>\n            </div>\n\n            {/* Footer with navigation and CTA */}\n            <div class=\"testimonial-footer\">\n              <div class=\"testimonial-nav\">\n                {this.showNavigation ? (\n                  // Render built-in navigation buttons\n                  <div class=\"testimonial-nav-buttons\">\n                    <af-icon-button\n                      variant=\"secondary\"\n                      disabled={!this.hasPrev}\n                      onClick={this.handlePrev}\n                      ariaLabel=\"Previous testimonial\"\n                    >\n                      <af-icon name=\"arrow-left\" size={24} />\n                    </af-icon-button>\n                    <af-icon-button\n                      variant=\"secondary\"\n                      disabled={!this.hasNext}\n                      onClick={this.handleNext}\n                      ariaLabel=\"Next testimonial\"\n                    >\n                      <af-icon name=\"arrow-right\" size={24} />\n                    </af-icon-button>\n                  </div>\n                ) : (\n                  // Allow custom navigation via slot\n                  <slot name=\"navigation\"></slot>\n                )}\n              </div>\n              {this.readMoreLink && (\n                <af-button variant=\"secondary\" href={this.readMoreLink}>\n                  Read full story\n                  <af-icon slot=\"icon-right\" name=\"arrow-right\" size={24} />\n                </af-button>\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\n\n"],"version":3}