@affinda/wc 0.0.14 → 0.0.15

package/dist/types/components.d.ts

@@ -135,17 +135,17 @@ export namespace Components {
     }
     /**
      * Call-to-action section component with illustration and decorative background
-     * Styled to match the affinda.com "See what our AI agents can do for you" section
+     * A flexible CTA section with customizable content, buttons, and optional illustration
      */
     interface AfCtaSection {
         /**
           * Section description
-          * @default 'Upload your documents and watch our AI agents get to work.'
+          * @default ''
          */
         "description": string;
         /**
           * Section heading
-          * @default 'See what our AI agents can do for you'
+          * @default ''
          */
         "heading": string;
         /**
@@ -155,7 +155,7 @@ export namespace Components {
         "illustrationUrl": string;
         /**
           * Primary button text
-          * @default 'Try for free'
+          * @default ''
          */
         "primaryButtonText": string;
         /**
@@ -164,8 +164,8 @@ export namespace Components {
          */
         "primaryButtonUrl": string;
         /**
-          * Secondary button text
-          * @default 'Talk to us'
+          * Secondary button text (optional - if empty, button won't show)
+          * @default ''
          */
         "secondaryButtonText": string;
         /**
@@ -173,6 +173,11 @@ export namespace Components {
           * @default '#'
          */
         "secondaryButtonUrl": string;
+        /**
+          * Whether to show the decorative wave background
+          * @default true
+         */
+        "showWaveDecoration": boolean;
     }
     /**
      * Feature accordion component with expandable items and accompanying image
@@ -328,9 +333,19 @@ export namespace Components {
         "variant": 'primary' | 'secondary' | 'outline' | 'ghost';
     }
     /**
-     * Affinda logo component
+     * Logo component with default Affinda branding
+     * Can be customized with a custom logo URL or by using the slot
      */
     interface AfLogo {
+        /**
+          * Alt text for the logo
+          * @default 'Affinda'
+         */
+        "alt": string;
+        /**
+          * Custom logo image URL. If provided, displays this instead of the default Affinda logo
+         */
+        "src"?: string;
     }
     /**
      * A rounded container for displaying client logos
@@ -366,8 +381,15 @@ export namespace Components {
      * A full-width navigation bar component that provides the main site navigation.
      * Features a pill-shaped container with logo, navigation links, and action buttons.
      * Includes mobile hamburger menu.
+     * The logo slot can be used to provide a custom logo. If no logo is provided,
+     * the default Affinda logo will be displayed.
      */
     interface AfNavbar {
+        /**
+          * Whether to show the default Affinda logo when no logo slot content is provided
+          * @default true
+         */
+        "showDefaultLogo": boolean;
     }
     /**
      * Section layout component for consistent spacing and backgrounds
@@ -564,7 +586,7 @@ declare global {
     };
     /**
      * Call-to-action section component with illustration and decorative background
-     * Styled to match the affinda.com "See what our AI agents can do for you" section
+     * A flexible CTA section with customizable content, buttons, and optional illustration
      */
     interface HTMLAfCtaSectionElement extends Components.AfCtaSection, HTMLStencilElement {
     }
@@ -636,7 +658,8 @@ declare global {
         new (): HTMLAfIconButtonElement;
     };
     /**
-     * Affinda logo component
+     * Logo component with default Affinda branding
+     * Can be customized with a custom logo URL or by using the slot
      */
     interface HTMLAfLogoElement extends Components.AfLogo, HTMLStencilElement {
     }
@@ -667,6 +690,8 @@ declare global {
      * A full-width navigation bar component that provides the main site navigation.
      * Features a pill-shaped container with logo, navigation links, and action buttons.
      * Includes mobile hamburger menu.
+     * The logo slot can be used to provide a custom logo. If no logo is provided,
+     * the default Affinda logo will be displayed.
      */
     interface HTMLAfNavbarElement extends Components.AfNavbar, HTMLStencilElement {
     }
@@ -883,17 +908,17 @@ declare namespace LocalJSX {
     }
     /**
      * Call-to-action section component with illustration and decorative background
-     * Styled to match the affinda.com "See what our AI agents can do for you" section
+     * A flexible CTA section with customizable content, buttons, and optional illustration
      */
     interface AfCtaSection {
         /**
           * Section description
-          * @default 'Upload your documents and watch our AI agents get to work.'
+          * @default ''
          */
         "description"?: string;
         /**
           * Section heading
-          * @default 'See what our AI agents can do for you'
+          * @default ''
          */
         "heading"?: string;
         /**
@@ -903,7 +928,7 @@ declare namespace LocalJSX {
         "illustrationUrl"?: string;
         /**
           * Primary button text
-          * @default 'Try for free'
+          * @default ''
          */
         "primaryButtonText"?: string;
         /**
@@ -912,8 +937,8 @@ declare namespace LocalJSX {
          */
         "primaryButtonUrl"?: string;
         /**
-          * Secondary button text
-          * @default 'Talk to us'
+          * Secondary button text (optional - if empty, button won't show)
+          * @default ''
          */
         "secondaryButtonText"?: string;
         /**
@@ -921,6 +946,11 @@ declare namespace LocalJSX {
           * @default '#'
          */
         "secondaryButtonUrl"?: string;
+        /**
+          * Whether to show the decorative wave background
+          * @default true
+         */
+        "showWaveDecoration"?: boolean;
     }
     /**
      * Feature accordion component with expandable items and accompanying image
@@ -1076,9 +1106,19 @@ declare namespace LocalJSX {
         "variant"?: 'primary' | 'secondary' | 'outline' | 'ghost';
     }
     /**
-     * Affinda logo component
+     * Logo component with default Affinda branding
+     * Can be customized with a custom logo URL or by using the slot
      */
     interface AfLogo {
+        /**
+          * Alt text for the logo
+          * @default 'Affinda'
+         */
+        "alt"?: string;
+        /**
+          * Custom logo image URL. If provided, displays this instead of the default Affinda logo
+         */
+        "src"?: string;
     }
     /**
      * A rounded container for displaying client logos
@@ -1114,8 +1154,15 @@ declare namespace LocalJSX {
      * A full-width navigation bar component that provides the main site navigation.
      * Features a pill-shaped container with logo, navigation links, and action buttons.
      * Includes mobile hamburger menu.
+     * The logo slot can be used to provide a custom logo. If no logo is provided,
+     * the default Affinda logo will be displayed.
      */
     interface AfNavbar {
+        /**
+          * Whether to show the default Affinda logo when no logo slot content is provided
+          * @default true
+         */
+        "showDefaultLogo"?: boolean;
     }
     /**
      * Section layout component for consistent spacing and backgrounds
@@ -1304,7 +1351,7 @@ declare module "@stencil/core" {
             "af-container": LocalJSX.AfContainer & JSXBase.HTMLAttributes<HTMLAfContainerElement>;
             /**
              * Call-to-action section component with illustration and decorative background
-             * Styled to match the affinda.com "See what our AI agents can do for you" section
+             * A flexible CTA section with customizable content, buttons, and optional illustration
              */
             "af-cta-section": LocalJSX.AfCtaSection & JSXBase.HTMLAttributes<HTMLAfCtaSectionElement>;
             /**
@@ -1336,7 +1383,8 @@ declare module "@stencil/core" {
             "af-hero-section": LocalJSX.AfHeroSection & JSXBase.HTMLAttributes<HTMLAfHeroSectionElement>;
             "af-icon-button": LocalJSX.AfIconButton & JSXBase.HTMLAttributes<HTMLAfIconButtonElement>;
             /**
-             * Affinda logo component
+             * Logo component with default Affinda branding
+             * Can be customized with a custom logo URL or by using the slot
              */
             "af-logo": LocalJSX.AfLogo & JSXBase.HTMLAttributes<HTMLAfLogoElement>;
             /**
@@ -1352,6 +1400,8 @@ declare module "@stencil/core" {
              * A full-width navigation bar component that provides the main site navigation.
              * Features a pill-shaped container with logo, navigation links, and action buttons.
              * Includes mobile hamburger menu.
+             * The logo slot can be used to provide a custom logo. If no logo is provided,
+             * the default Affinda logo will be displayed.
              */
             "af-navbar": LocalJSX.AfNavbar & JSXBase.HTMLAttributes<HTMLAfNavbarElement>;
             /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affinda/wc",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",

package/dist/affinda/p-924e6def.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a,H as c}from"./p-DI7b0bCy.js";const e=".cta-section.sc-af-cta-section{padding:32px}.cta-section__container.sc-af-cta-section{position:relative;display:flex;align-items:center;gap:48px;padding:64px 80px;background-color:#D6E8E4;border-radius:24px;overflow:hidden;max-width:1200px;margin:0 auto}.cta-section__wave-bg.sc-af-cta-section{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.cta-section__wave-svg.sc-af-cta-section{position:absolute;bottom:-50px;right:-50px;width:120%;height:120%;opacity:0.8}.cta-section__illustration.sc-af-cta-section{position:relative;z-index:1;flex-shrink:0;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.cta-section__illustration-img.sc-af-cta-section{width:100%;height:100%;object-fit:contain}.cta-section__illustration.sc-af-cta-section svg.sc-af-cta-section{width:100%;height:100%}.cta-section__content.sc-af-cta-section{position:relative;z-index:1;flex:1}.cta-section__heading.sc-af-cta-section{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:clamp(28px, 4vw, 40px);line-height:1.1;letter-spacing:-0.02em;color:var(--colour-brand-inkwell, #14343b);margin:0 0 12px 0;font-style:normal}.cta-section__description.sc-af-cta-section{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:18px;line-height:1.5;color:var(--colour-brand-inkwell, #14343b);margin:0 0 24px 0;opacity:0.85}.cta-section__buttons.sc-af-cta-section{display:flex;gap:12px;flex-wrap:wrap}.cta-section__button.sc-af-cta-section{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:100px;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:16px;line-height:1.25;text-decoration:none;transition:all 0.2s ease;cursor:pointer}.cta-section__button--primary.sc-af-cta-section{background-color:var(--colour-brand-teal, #6ECCC8);color:var(--colour-brand-inkwell, #14343b);border:2px solid var(--colour-brand-inkwell, #14343b)}.cta-section__button--primary.sc-af-cta-section:hover{background-color:#5BBBB7}.cta-section__button--secondary.sc-af-cta-section{background-color:white;color:var(--colour-brand-inkwell, #14343b);border:2px solid var(--colour-brand-inkwell, #14343b)}.cta-section__button--secondary.sc-af-cta-section:hover{background-color:var(--colour-brand-inkwell, #14343b);color:white}@media (max-width: 768px){.cta-section__container.sc-af-cta-section{flex-direction:column;padding:48px 32px;gap:32px;text-align:center}.cta-section__illustration.sc-af-cta-section{width:150px;height:150px}.cta-section__buttons.sc-af-cta-section{justify-content:center}.cta-section__heading.sc-af-cta-section{font-size:28px}}@media (max-width: 480px){.cta-section.sc-af-cta-section{padding:16px}.cta-section__container.sc-af-cta-section{padding:32px 24px}.cta-section__buttons.sc-af-cta-section{flex-direction:column;width:100%}.cta-section__button.sc-af-cta-section{width:100%}}";const i=class{constructor(a){t(this,a);this.heading="See what our AI agents can do for you";this.description="Upload your documents and watch our AI agents get to work.";this.primaryButtonText="Try for free";this.primaryButtonUrl="#";this.secondaryButtonText="Talk to us";this.secondaryButtonUrl="#";this.illustrationUrl=""}render(){return a(c,{key:"8cf3c9274e0913f7ce160b296734e73c4d2d3734"},a("div",{key:"a538dac4d55527fea4341e6e5742e8f950161bf1",class:"cta-section"},a("div",{key:"9c1d051adf987b36563a48185e91ad245fc1eab1",class:"cta-section__container"},a("div",{key:"343f5022b9178f72d53b04ae3131f8d3ef3313a1",class:"cta-section__wave-bg"},a("svg",{key:"7d66a29c84ee16d9cddecae3eea3bf7ef04a32a4",viewBox:"0 0 1200 400",preserveAspectRatio:"none",class:"cta-section__wave-svg"},a("ellipse",{key:"83f3a06010d898eb107d8c85c70e7af1340a7ab1",cx:"900",cy:"450",rx:"600",ry:"350",fill:"rgba(255,255,255,0.2)"}),a("ellipse",{key:"e74e9f443057d6af20af44ae48af382d79598c83",cx:"1000",cy:"500",rx:"400",ry:"250",fill:"rgba(255,255,255,0.15)"}))),a("div",{key:"ce574daa6ff34cea13621508445a684ec02d07a6",class:"cta-section__illustration"},this.illustrationUrl?a("img",{src:this.illustrationUrl,alt:"",class:"cta-section__illustration-img"}):a("slot",{name:"illustration"})),a("div",{key:"07ad207e4ff04493da5d65f8abf93b55fba14fa0",class:"cta-section__content"},a("h2",{key:"18f0f9f50bf1dcef7de2ef6613523b1ab7875cb0",class:"cta-section__heading"},this.heading),a("p",{key:"08600c4a40d127c2b24adc43ad490f1a2c1f2211",class:"cta-section__description"},this.description),a("div",{key:"ab487ba8609a834d61c3804ef11a671406f7b570",class:"cta-section__buttons"},a("a",{key:"60f3d7bcc62f11ff303ca706a32e3a400f6bb33a",href:this.primaryButtonUrl,class:"cta-section__button cta-section__button--primary"},this.primaryButtonText),a("a",{key:"06f735171e0e3f7b1bc783d0917967b591b3d455",href:this.secondaryButtonUrl,class:"cta-section__button cta-section__button--secondary"},this.secondaryButtonText))))))}};i.style=e;export{i as af_cta_section};
-//# sourceMappingURL=p-924e6def.entry.js.map

package/dist/affinda/p-924e6def.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","Host","afCtaSectionCss","AfCtaSection","constructor","hostRef","this","heading","description","primaryButtonText","primaryButtonUrl","secondaryButtonText","secondaryButtonUrl","illustrationUrl","render","key","class","viewBox","preserveAspectRatio","cx","cy","rx","ry","fill","src","alt","name","href","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAkB,g5FAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAEvBC,KAAKC,QAAU,wCAEfD,KAAKE,YAAc,6DAEnBF,KAAKG,kBAAoB,eAEzBH,KAAKI,iBAAmB,IAExBJ,KAAKK,oBAAsB,aAE3BL,KAAKM,mBAAqB,IAE1BN,KAAKO,gBAAkB,EAC3B,CACA,MAAAC,GACI,OAAQd,EAAEC,EAAM,CAAEc,IAAK,4CAA8Cf,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,eAAiBhB,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,0BAA4BhB,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,wBAA0BhB,EAAE,MAAO,CAAEe,IAAK,2CAA4CE,QAAS,eAAgBC,oBAAqB,OAAQF,MAAO,yBAA2BhB,EAAE,UAAW,CAAEe,IAAK,2CAA4CI,GAAI,MAAOC,GAAI,MAAOC,GAAI,MAAOC,GAAI,MAAOC,KAAM,0BAA4BvB,EAAE,UAAW,CAAEe,IAAK,2CAA4CI,GAAI,OAAQC,GAAI,MAAOC,GAAI,MAAOC,GAAI,MAAOC,KAAM,6BAA+BvB,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,6BAA+BV,KAAKO,gBAAmBb,EAAE,MAAO,CAAEwB,IAAKlB,KAAKO,gBAAiBY,IAAK,GAAIT,MAAO,kCAAuChB,EAAE,OAAQ,CAAE0B,KAAM,kBAAqB1B,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,wBAA0BhB,EAAE,KAAM,CAAEe,IAAK,2CAA4CC,MAAO,wBAA0BV,KAAKC,SAAUP,EAAE,IAAK,CAAEe,IAAK,2CAA4CC,MAAO,4BAA8BV,KAAKE,aAAcR,EAAE,MAAO,CAAEe,IAAK,2CAA4CC,MAAO,wBAA0BhB,EAAE,IAAK,CAAEe,IAAK,2CAA4CY,KAAMrB,KAAKI,iBAAkBM,MAAO,oDAAsDV,KAAKG,mBAAoBT,EAAE,IAAK,CAAEe,IAAK,2CAA4CY,KAAMrB,KAAKM,mBAAoBI,MAAO,sDAAwDV,KAAKK,yBAC5uD,GAEJR,EAAayB,MAAQ1B,SAEZC","ignoreList":[]}

package/dist/affinda/p-b6885a9a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","Host","afHeadingCss","AfHeading","constructor","hostRef","this","level","align","theme","getHeadingTag","tagMap","xl","render","Tag","key","class","heading","part","style","afTextCss","AfText","variant","as","text","afNavItemCss","AfNavItem","hierarchy","active","classes","content","name","href","afNavbarCss","AfNavbar","mobileMenuOpen","toggleMobileMenu","onClick","width","height","viewBox","fill","stroke","d","afLogoCss","AfLogo","src","alt"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/affinda/p-ce89c4f1.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e,H as t}from"./p-DI7b0bCy.js";const a=".sc-af-footer-h{display:block}.footer.sc-af-footer{background-color:var(--colour-brand-inkwell, #14343b);color:var(--colour-tints-mistGreen-200, #C6D5D1);padding:64px 0 0}.footer__container.sc-af-footer{max-width:1280px;margin:0 auto;padding:0 24px}.footer__top.sc-af-footer{display:grid;grid-template-columns:380px 1fr;gap:48px;padding-bottom:48px}.footer__brand.sc-af-footer{display:flex;flex-direction:column;gap:16px}.footer__brand-card.sc-af-footer{background-color:rgba(198, 213, 209, 0.08);border-radius:16px;padding:32px}.footer__logo.sc-af-footer{margin-bottom:24px}.footer__logo.sc-af-footer svg.sc-af-footer,.footer__logo.sc-af-footer img.sc-af-footer{height:32px;width:auto}.footer__social.sc-af-footer{display:flex;gap:12px}.footer__social-link.sc-af-footer{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(198, 213, 209, 0.3);border-radius:50%;color:var(--colour-tints-mistGreen-200, #C6D5D1);transition:all 0.2s ease}.footer__social-link.sc-af-footer:hover{background-color:rgba(198, 213, 209, 0.1);border-color:rgba(198, 213, 209, 0.5)}.footer__contact-card.sc-af-footer{background-color:rgba(198, 213, 209, 0.08);border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.footer__contact-item.sc-af-footer{display:flex;flex-direction:column;gap:4px}.footer__contact-label.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0}.footer__contact-value.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);margin:0}.footer__nav.sc-af-footer{display:flex;flex-direction:column;justify-content:space-between}.footer__nav-columns.sc-af-footer{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px}.footer__nav-column.sc-af-footer{display:flex;flex-direction:column;gap:16px}.footer__nav-heading.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0;text-transform:none}.footer__nav-list.sc-af-footer{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer__nav-list.sc-af-footer li.sc-af-footer{margin:0}.footer__nav-list.sc-af-footer a.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);text-decoration:none;transition:color 0.2s ease;display:inline-flex;align-items:center;gap:6px}.footer__nav-list.sc-af-footer a.sc-af-footer:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1)}.footer__external-icon.sc-af-footer{opacity:0.7;flex-shrink:0}.footer__status.sc-af-footer{display:flex;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(198, 213, 209, 0.1)}.footer__status-dot.sc-af-footer{width:10px;height:10px;border-radius:50%;flex-shrink:0}.footer__status-dot--operational.sc-af-footer{background-color:#22c55e}.footer__status-dot--issue.sc-af-footer{background-color:#ef4444}.footer__status-text.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7)}.footer__status-link.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:var(--colour-tints-mistGreen-200, #C6D5D1);text-decoration:underline;text-underline-offset:2px;margin-left:8px}.footer__status-link.sc-af-footer:hover{text-decoration:none}.footer__bottom.sc-af-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:24px 0;border-top:1px solid rgba(198, 213, 209, 0.1);background-color:rgba(198, 213, 209, 0.05);margin:0 -24px;padding-left:24px;padding-right:24px}.footer__copyright.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7);margin:0}.footer__legal.sc-af-footer{display:flex;gap:24px}.footer__legal.sc-af-footer a.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7);text-decoration:underline;text-underline-offset:2px}.footer__legal.sc-af-footer a.sc-af-footer:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1);text-decoration:none}.footer__badges.sc-af-footer{display:flex;gap:16px;align-items:center}.footer__badge.sc-af-footer{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.footer__badge.sc-af-footer svg.sc-af-footer{width:100%;height:100%}@media (max-width: 1024px){.footer__top.sc-af-footer{grid-template-columns:1fr;gap:48px}.footer__brand.sc-af-footer{flex-direction:row;gap:16px}.footer__brand-card.sc-af-footer,.footer__contact-card.sc-af-footer{flex:1}}@media (max-width: 768px){.footer.sc-af-footer{padding:48px 0 0}.footer__top.sc-af-footer{gap:32px}.footer__brand.sc-af-footer{flex-direction:column}.footer__nav-columns.sc-af-footer{grid-template-columns:repeat(2, 1fr);gap:32px}.footer__bottom.sc-af-footer{flex-direction:column;align-items:flex-start;gap:16px}.footer__legal.sc-af-footer{flex-wrap:wrap;gap:16px}}@media (max-width: 480px){.footer__container.sc-af-footer{padding:0 16px}.footer__brand-card.sc-af-footer,.footer__contact-card.sc-af-footer{padding:24px}.footer__nav-columns.sc-af-footer{grid-template-columns:1fr;gap:24px}.footer__bottom.sc-af-footer{margin:0 -16px;padding-left:16px;padding-right:16px}.footer__badges.sc-af-footer{width:100%;justify-content:flex-start}}";const r=class{constructor(e){o(this,e);this.copyrightText="";this.statusText="";this.statusUrl="";this.systemsOperational=true;this.showStatus=true}render(){return e(t,{key:"37ff278a4e94d6a530143e49a7d2cd89bf4b2108"},e("footer",{key:"1465dbc7c890329e248ee6f15b6082b63cc6d66f",class:"footer"},e("div",{key:"5e1b29375b3f14c3ebe451e56f70d0726e9af0ae",class:"footer__container"},e("div",{key:"a36ec8ae9f0f211347b2ccdd47dbe45599eaf43c",class:"footer__top"},e("div",{key:"3f749c08a7a0866748e5818156db2bf6c9fd2d8e",class:"footer__brand"},e("div",{key:"a71e240e851ec6348fa80eff89cb319f2126ae6f",class:"footer__brand-card"},e("div",{key:"1e2b46f8bc10ad4be3b41a5545445ca421d93614",class:"footer__logo"},e("slot",{key:"55a6b9f5181e3e19e91dc8bbf9d94283e2805d1b",name:"logo"})),e("div",{key:"d0f58f0b8f8449b62f7fb9cb22dbf44d990c274c",class:"footer__social"},e("slot",{key:"14995e1b89c281dcb618cc5044171dc5e770df78",name:"social"}))),e("div",{key:"9ee5c6a384a5915c7d25d5b7918737eb3aedd457",class:"footer__contact-card"},e("slot",{key:"669c0f2dec223e8e964a117be3ed1f1b626284ea",name:"contact"}))),e("div",{key:"e5c055d705f12e9f4389f6a5d342d594b20636b7",class:"footer__nav"},e("div",{key:"b8ba3f9e42996210094d6962888fd380645c83e0",class:"footer__nav-columns"},e("slot",{key:"be54e86e7a3dadcf9dd01006cbbca1124bcfb1df",name:"nav"})),this.showStatus&&e("div",{key:"c949887c44f734c93c679a72aa07362fea9b939c",class:"footer__status"},e("span",{key:"2d8e3df717e880ad71e8af9591699fee7b50e711",class:`footer__status-dot ${this.systemsOperational?"footer__status-dot--operational":"footer__status-dot--issue"}`}),e("span",{key:"743707f9b7750dc2312262028b2d6d0ca86f6e60",class:"footer__status-text"},this.statusText),this.statusUrl&&e("a",{key:"f667c9ecb73d4c17645afc24ad09c4b58fa0d265",href:this.statusUrl,target:"_blank",rel:"noopener noreferrer",class:"footer__status-link"},"Learn more")))),e("div",{key:"3935d821d1ccf1563de444e244802c500b7ba9db",class:"footer__bottom"},this.copyrightText&&e("p",{key:"9bbf076b86d2d221a65f7f19e325a0f79fb42cd3",class:"footer__copyright"},this.copyrightText),e("div",{key:"b671070b4274c1d0b8fdc21ad33b211ad8d37390",class:"footer__legal"},e("slot",{key:"24338a5e5fea9b88352e47680ef18160f52e9ee2",name:"legal"})),e("div",{key:"772913b85cf9b1f2f93b649c01c11b71a27d64a4",class:"footer__badges"},e("slot",{key:"9a40bc862ed3512ee94398da5ac0e754dbd33240",name:"badges"}))))))}};r.style=a;export{r as af_footer};
-//# sourceMappingURL=p-ce89c4f1.entry.js.map

package/dist/affinda/p-de52b175.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e,H as t}from"./p-DI7b0bCy.js";const a=".sc-af-footer-column-h{display:block}.footer-column.sc-af-footer-column{display:flex;flex-direction:column;gap:16px}.footer-column__heading.sc-af-footer-column{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0;text-transform:none}.footer-column__list.sc-af-footer-column{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer-column__list.sc-af-footer-column-s>li,.footer-column__list .sc-af-footer-column-s>li{margin:0}";const f=class{constructor(e){o(this,e);this.heading=""}render(){return e(t,{key:"8ba73f2f7a90d6a6b7ee33a04d4533b750624256"},e("div",{key:"5b3f50b63fd0461d64dca4c7a6cbb6ee94ab98f6",class:"footer-column"},this.heading&&e("h5",{key:"3583cd3ef323471dd2a106281e1522bba5e8dec6",class:"footer-column__heading"},this.heading),e("ul",{key:"35334470d9c1fd1832d52169a757a2d5a11cab10",class:"footer-column__list"},e("slot",{key:"e37bd4e38617d11fe8bbf931f71d0ff71123770c"}))))}};f.style=a;export{f as af_footer_column};
-//# sourceMappingURL=p-de52b175.entry.js.map

package/dist/affinda/p-e367e42b.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as c,H as r}from"./p-DI7b0bCy.js";const o=".sc-af-card-h{display:block;width:100%;min-height:400px}.card.sc-af-card{background:var(--colour-background-level-1, #e8eeed);border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:400px;height:100%;box-sizing:border-box}.card--with-image.sc-af-card{background:var(--colour-brand-inkwell, #14343b);min-height:480px}.card__background.sc-af-card{position:absolute;inset:0;pointer-events:none;z-index:0}.card__background-image.sc-af-card{width:100%;height:100%;object-fit:cover;object-position:center}.card__content.sc-af-card{position:relative;padding:40px;display:flex;flex-direction:column;gap:24px;flex:1;box-sizing:border-box;z-index:1}.card__content.sc-af-card-s>img,.card__content .sc-af-card-s>img{width:100%;height:auto;min-height:200px;margin-top:auto;object-fit:cover;object-position:top center}.card__content.sc-af-card-s>af-heading,.card__content .sc-af-card-s>af-heading{margin-bottom:0}.card__content.sc-af-card-s>af-text,.card__content .sc-af-card-s>af-text{line-height:1.44}.card__content--overlay.sc-af-card{backdrop-filter:blur(2px);background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);padding:32px;padding-top:200px;justify-content:flex-end;--colour-typography-heading-primary:#ffffff;--colour-typography-heading-secondary:#ffffff;--colour-typography-body-default:#ffffff;--colour-typography-body-dark:#ffffff;color:#ffffff}.card__content--overlay.sc-af-card *.sc-af-card{color:#ffffff !important}.card.sc-af-card:not(.card--with-image):not(.card--dark-overlay) af-heading.sc-af-card,.card.sc-af-card:not(.card--with-image):not(.card--dark-overlay) af-text.sc-af-card{--colour-typography-heading-primary:var(--colour-brand-inkwell, #14343B);--colour-typography-body-default:#2B484F}.card--custom-bg.sc-af-card:not(.card--dark-overlay) af-heading.sc-af-card,.card--custom-bg.sc-af-card:not(.card--dark-overlay) af-text.sc-af-card{--colour-typography-heading-primary:var(--colour-brand-inkwell, #14343B);--colour-typography-body-default:#2B484F}";const d=class{constructor(c){a(this,c);this.darkOverlay=false}render(){const a=!!this.backgroundImage;const o=this.backgroundColor?{backgroundColor:this.backgroundColor}:undefined;return c(r,{key:"2c3c0b6d1889074ae78b2b1f9646dc23829a0e9a"},c("div",{key:"7e1ef884a203ae17e1ad417ac688f59b9acb6932",class:`card ${a?"card--with-image":""} ${this.darkOverlay?"card--dark-overlay":""} ${this.backgroundColor?"card--custom-bg":""}`,style:o},a&&c("div",{key:"4fb3cea588d42345690df68738b725a6debacc55",class:"card__background"},c("img",{key:"0dde30e250c7cb117993e3ccbeab8f108278ae89",src:this.backgroundImage,alt:"",class:"card__background-image"})),c("div",{key:"f604c04997720f4804d148f103f9c4a69b1ec0aa",class:`card__content ${a?"card__content--overlay":""}`},c("slot",{key:"a7668f98c4c8fd10b5581eac69f2a31aecbc3732"}))))}};d.style=o;export{d as af_card};
-//# sourceMappingURL=p-e367e42b.entry.js.map

package/dist/components/p-D4s4u7tL.js

@@ -1,35 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Dt4Fpr3O.js';
-
-const afLogoCss = ":host{display:inline-block}.logo-img{display:block;height:22px;width:141px;object-fit:contain}";
-
-const AfLogo = /*@__PURE__*/ proxyCustomElement(class AfLogo extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '6e7a2dd46fa7143bdac4dee8d7146649ff3c7f57' }, h("img", { key: '03fb48e53218c6207927f9337851e3d39c5ca4a7', src: "https://www.figma.com/api/mcp/asset/2cfec484-7ba9-4258-94f3-ef4d0ba1e8fe", alt: "Affinda", class: "logo-img" })));
-    }
-    static get style() { return afLogoCss; }
-}, [257, "af-logo"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-logo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfLogo);
-            }
-            break;
-    } });
-}
-
-export { AfLogo as A, defineCustomElement as d };
-//# sourceMappingURL=p-D4s4u7tL.js.map
-
-//# sourceMappingURL=p-D4s4u7tL.js.map

package/dist/components/p-D4s4u7tL.js.map

@@ -1 +0,0 @@
-{"file":"p-D4s4u7tL.js","mappings":";;AAAA,MAAM,SAAS,GAAG,gGAAgG;;MCUrG,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;;IACjB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAC,0EAA0E,EAC9E,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,UAAU,EAChB,CAAA,CACG;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-logo/af-logo.css?tag=af-logo&encapsulation=shadow","src/components/af-logo/af-logo.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.logo-img {\n  display: block;\n  height: 22px;\n  width: 141px;\n  object-fit: contain;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * Affinda logo component\n */\n@Component({\n  tag: 'af-logo',\n  styleUrl: 'af-logo.css',\n  shadow: true\n})\nexport class AfLogo {\n  render() {\n    return (\n      <Host>\n        <img\n          src=\"https://www.figma.com/api/mcp/asset/2cfec484-7ba9-4258-94f3-ef4d0ba1e8fe\"\n          alt=\"Affinda\"\n          class=\"logo-img\"\n        />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-Thu9mUEn.js.map

@@ -1 +0,0 @@
-{"file":"p-Thu9mUEn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-navbar/af-navbar.css?tag=af-navbar&encapsulation=shadow","src/components/af-navbar/af-navbar.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  position: absolute;\n  top: 32px;\n  left: 0;\n  right: 0;\n  z-index: 10;\n}\n\n.navbar-container {\n  padding: 0 80px;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.navbar {\n  background: var(--colour-background-white, #ffffff);\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 8px 8px 40px;\n  box-sizing: border-box;\n  flex-wrap: nowrap; /* Prevent wrapping */\n}\n\n/* Left section */\n.navbar-left {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  flex-shrink: 0;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* Mobile menu toggle button */\n.mobile-menu-toggle {\n  display: none;\n  background: none;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  color: var(--colour-brand-inkwell, #14343b);\n  margin-left: auto;\n}\n\n.mobile-menu-toggle svg {\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: nowrap;\n}\n\n/* Right section */\n.navbar-right {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-shrink: 0;\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.nav-button {\n  display: flex;\n  align-items: center;\n}\n\n/* \n * Breakpoint 1: Hide \"Talk to us\" and \"Log in\" (nav-actions) \n * This happens first as the viewport gets narrower\n * Matches affinda.com behavior at ~1100px\n */\n@media (max-width: 1099px) {\n  .nav-actions {\n    display: none;\n  }\n  \n  .navbar-right {\n    gap: 0;\n  }\n}\n\n/* Tablet adjustments */\n@media (max-width: 1024px) {\n  .navbar-container {\n    padding: 24px 40px 0;\n  }\n\n  .navbar-left {\n    gap: 24px;\n  }\n\n  .nav-links {\n    gap: 4px;\n  }\n}\n\n/* \n * Breakpoint 2: Switch to hamburger menu\n * Matches affinda.com behavior at 991px\n */\n@media (max-width: 991px) {\n  .navbar-container {\n    padding: 16px 16px 0;\n  }\n\n  .navbar {\n    padding: 8px 16px;\n    flex-direction: column;\n    border-radius: 16px;\n    gap: 0;\n    flex-wrap: wrap; /* Allow wrapping in mobile menu */\n  }\n\n  .navbar-left {\n    width: 100%;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n  }\n\n  /* Show hamburger button on mobile */\n  .mobile-menu-toggle {\n    display: flex;\n  }\n\n  /* Hide nav links by default on mobile */\n  .nav-links {\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n    margin-top: 16px;\n    flex-wrap: wrap;\n  }\n\n  /* Show nav links when menu is open */\n  .nav-links.mobile-open {\n    display: flex;\n  }\n\n  /* Hide right section by default on mobile */\n  .navbar-right {\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    gap: 12px;\n    align-items: stretch;\n    margin-top: 16px;\n  }\n\n  /* Show right section when menu is open */\n  .navbar-right.mobile-open {\n    display: flex;\n  }\n\n  /* Show nav-actions again in mobile menu */\n  .nav-actions {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n\n  .nav-button {\n    width: 100%;\n  }\n}\n","import { Component, State, h, Host } from '@stencil/core';\n\n/**\n * A full-width navigation bar component that provides the main site navigation.\n * Features a pill-shaped container with logo, navigation links, and action buttons.\n * Includes mobile hamburger menu.\n */\n@Component({\n  tag: 'af-navbar',\n  styleUrl: 'af-navbar.css',\n  shadow: true\n})\nexport class AfNavbar {\n  @State() mobileMenuOpen: boolean = false;\n\n  private toggleMobileMenu = () => {\n    this.mobileMenuOpen = !this.mobileMenuOpen;\n  };\n\n  render() {\n    return (\n      <Host>\n        <nav class=\"navbar-container\">\n          <div class=\"navbar\">\n            {/* Left section: Logo + Nav Links */}\n            <div class=\"navbar-left\">\n              <div class=\"logo\">\n                <slot name=\"logo\"></slot>\n              </div>\n              \n              {/* Hamburger menu button - mobile only */}\n              <button \n                class=\"mobile-menu-toggle\"\n                onClick={this.toggleMobileMenu}\n                aria-label=\"Toggle navigation menu\"\n                aria-expanded={this.mobileMenuOpen ? 'true' : 'false'}\n              >\n                {this.mobileMenuOpen ? (\n                  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                    <path d=\"M18 6L6 18M6 6l12 12\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  </svg>\n                ) : (\n                  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                    <path d=\"M3 12h18M3 6h18M3 18h18\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                  </svg>\n                )}\n              </button>\n              \n              <div class={`nav-links ${this.mobileMenuOpen ? 'mobile-open' : ''}`}>\n                <slot name=\"start\"></slot>\n              </div>\n            </div>\n\n            {/* Right section: Actions + Button */}\n            <div class={`navbar-right ${this.mobileMenuOpen ? 'mobile-open' : ''}`}>\n              <div class=\"nav-actions\">\n                <slot name=\"end\"></slot>\n              </div>\n              <div class=\"nav-button\">\n                <slot name=\"button\"></slot>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}