@affinda/wc 0.0.7 → 0.0.8

package/dist/esm/index.js

@@ -6,5 +6,5 @@ export { af_button as AfButton } from './af-button.entry.js';
 export { af_icon_button as AfIconButton } from './af-icon-button.entry.js';
 export { af_button_group as AfButtonGroup } from './af-button-group.entry.js';
 export { af_typography_lockup as AfTypographyLockup } from './af-typography-lockup.entry.js';
-import './index-UbNmjSSX.js';
+import './index-Agei6ZJQ.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-UbNmjSSX.js';
-export { s as setNonce } from './index-UbNmjSSX.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-Agei6ZJQ.js';
+export { s as setNonce } from './index-Agei6ZJQ.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]]], options);
+  return bootstrapLazy([["af-hero-section",[[262,"af-hero-section",{"variant":[1],"withDecoration":[4,"with-decoration"],"minHeight":[1,"min-height"]}]]],["af-section",[[262,"af-section",{"padding":[1],"background":[1],"container":[4]}]]],["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1],"theme":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar",{"mobileMenuOpen":[32]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1],"theme":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"darkBackground":[4,"dark-background"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-client-carousel",[[257,"af-client-carousel",{"showHeadline":[4,"show-headline"],"headlineText":[1,"headline-text"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/af-button/af-button.d.ts

@@ -19,5 +19,9 @@ export declare class AfButton {
      * Button type (when not using href)
      */
     type: 'button' | 'submit' | 'reset';
+    /**
+     * Use on dark backgrounds for better contrast
+     */
+    darkBackground: boolean;
     render(): any;
 }

package/dist/types/components/af-client-carousel/af-client-carousel.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Infinite scrolling carousel for client logos
+ */
+export declare class AfClientCarousel {
+    /** Show headline above carousel */
+    showHeadline: boolean;
+    /** Headline text */
+    headlineText: string;
+    render(): any;
+}

package/dist/types/components/af-heading/af-heading.d.ts

@@ -3,6 +3,8 @@ export declare class AfHeading {
     level: 'xl' | '1' | '2' | '3' | '4' | '5';
     /** Visual alignment */
     align: 'left' | 'center' | 'right';
+    /** Theme for dark backgrounds */
+    theme: 'light' | 'dark';
     private getHeadingTag;
     render(): any;
 }

package/dist/types/components/af-hero-section/af-hero-section.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hero section component for marketing pages
+ */
+export declare class AfHeroSection {
+    /** Hero variant */
+    variant: 'light' | 'dark';
+    /** Show decorative paperclip */
+    withDecoration: boolean;
+    /** Minimum height */
+    minHeight: string;
+    render(): any;
+}

package/dist/types/components/af-logo-well/af-logo-well.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A rounded container for displaying client logos
+ */
+export declare class AfLogoWell {
+    render(): any;
+}

package/dist/types/components/af-navbar/af-navbar.d.ts

@@ -1,7 +1,10 @@
 /**
  * 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.
  */
 export declare class AfNavbar {
+    mobileMenuOpen: boolean;
+    private toggleMobileMenu;
     render(): any;
 }

package/dist/types/components/af-section/af-section.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Section layout component for consistent spacing and backgrounds
+ */
+export declare class AfSection {
+    /** Padding variant */
+    padding: 'tight' | 'default' | 'loose';
+    /** Background color */
+    background: 'white' | 'level1' | 'dark' | 'inkwell';
+    /** Whether to include a Container wrapper */
+    container: boolean;
+    render(): any;
+}

package/dist/types/components/af-text/af-text.d.ts

@@ -5,5 +5,7 @@ export declare class AfText {
     align: 'left' | 'center' | 'right';
     /** Semantic element to render */
     as: 'p' | 'span' | 'div' | 'label';
+    /** Theme for dark backgrounds */
+    theme: 'light' | 'dark';
     render(): any;
 }

package/dist/types/components.d.ts

@@ -19,6 +19,11 @@ export namespace Components {
         "ratio": string;
     }
     interface AfButton {
+        /**
+          * Use on dark backgrounds for better contrast
+          * @default false
+         */
+        "darkBackground": boolean;
         /**
           * Whether the button is disabled
           * @default false
@@ -71,6 +76,21 @@ export namespace Components {
          */
         "darkOverlay": boolean;
     }
+    /**
+     * Infinite scrolling carousel for client logos
+     */
+    interface AfClientCarousel {
+        /**
+          * Headline text
+          * @default "Trusted by some of the world's leading organisations"
+         */
+        "headlineText": string;
+        /**
+          * Show headline above carousel
+          * @default false
+         */
+        "showHeadline": boolean;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -108,6 +128,31 @@ export namespace Components {
           * @default '1'
          */
         "level": 'xl' | '1' | '2' | '3' | '4' | '5';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
+    }
+    /**
+     * Hero section component for marketing pages
+     */
+    interface AfHeroSection {
+        /**
+          * Minimum height
+          * @default '60vh'
+         */
+        "minHeight": string;
+        /**
+          * Hero variant
+          * @default 'dark'
+         */
+        "variant": 'light' | 'dark';
+        /**
+          * Show decorative paperclip
+          * @default false
+         */
+        "withDecoration": boolean;
     }
     interface AfIconButton {
         /**
@@ -144,6 +189,11 @@ export namespace Components {
      */
     interface AfLogo {
     }
+    /**
+     * A rounded container for displaying client logos
+     */
+    interface AfLogoWell {
+    }
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -172,9 +222,30 @@ 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.
      */
     interface AfNavbar {
     }
+    /**
+     * Section layout component for consistent spacing and backgrounds
+     */
+    interface AfSection {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "background": 'white' | 'level1' | 'dark' | 'inkwell';
+        /**
+          * Whether to include a Container wrapper
+          * @default true
+         */
+        "container": boolean;
+        /**
+          * Padding variant
+          * @default 'default'
+         */
+        "padding": 'tight' | 'default' | 'loose';
+    }
     interface AfTestimonial {
         /**
           * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
@@ -225,6 +296,11 @@ export namespace Components {
           * @default 'p'
          */
         "as": 'p' | 'span' | 'div' | 'label';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
         /**
           * Text variant
           * @default 'medium'
@@ -287,6 +363,15 @@ declare global {
         prototype: HTMLAfCardElement;
         new (): HTMLAfCardElement;
     };
+    /**
+     * Infinite scrolling carousel for client logos
+     */
+    interface HTMLAfClientCarouselElement extends Components.AfClientCarousel, HTMLStencilElement {
+    }
+    var HTMLAfClientCarouselElement: {
+        prototype: HTMLAfClientCarouselElement;
+        new (): HTMLAfClientCarouselElement;
+    };
     interface HTMLAfColorSwatchElement extends Components.AfColorSwatch, HTMLStencilElement {
     }
     var HTMLAfColorSwatchElement: {
@@ -309,6 +394,15 @@ declare global {
         prototype: HTMLAfHeadingElement;
         new (): HTMLAfHeadingElement;
     };
+    /**
+     * Hero section component for marketing pages
+     */
+    interface HTMLAfHeroSectionElement extends Components.AfHeroSection, HTMLStencilElement {
+    }
+    var HTMLAfHeroSectionElement: {
+        prototype: HTMLAfHeroSectionElement;
+        new (): HTMLAfHeroSectionElement;
+    };
     interface HTMLAfIconButtonElement extends Components.AfIconButton, HTMLStencilElement {
     }
     var HTMLAfIconButtonElement: {
@@ -324,6 +418,15 @@ declare global {
         prototype: HTMLAfLogoElement;
         new (): HTMLAfLogoElement;
     };
+    /**
+     * A rounded container for displaying client logos
+     */
+    interface HTMLAfLogoWellElement extends Components.AfLogoWell, HTMLStencilElement {
+    }
+    var HTMLAfLogoWellElement: {
+        prototype: HTMLAfLogoWellElement;
+        new (): HTMLAfLogoWellElement;
+    };
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -337,6 +440,7 @@ 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.
      */
     interface HTMLAfNavbarElement extends Components.AfNavbar, HTMLStencilElement {
     }
@@ -344,6 +448,15 @@ declare global {
         prototype: HTMLAfNavbarElement;
         new (): HTMLAfNavbarElement;
     };
+    /**
+     * Section layout component for consistent spacing and backgrounds
+     */
+    interface HTMLAfSectionElement extends Components.AfSection, HTMLStencilElement {
+    }
+    var HTMLAfSectionElement: {
+        prototype: HTMLAfSectionElement;
+        new (): HTMLAfSectionElement;
+    };
     interface HTMLAfTestimonialElement extends Components.AfTestimonial, HTMLStencilElement {
     }
     var HTMLAfTestimonialElement: {
@@ -379,13 +492,17 @@ declare global {
         "af-button": HTMLAfButtonElement;
         "af-button-group": HTMLAfButtonGroupElement;
         "af-card": HTMLAfCardElement;
+        "af-client-carousel": HTMLAfClientCarouselElement;
         "af-color-swatch": HTMLAfColorSwatchElement;
         "af-container": HTMLAfContainerElement;
         "af-heading": HTMLAfHeadingElement;
+        "af-hero-section": HTMLAfHeroSectionElement;
         "af-icon-button": HTMLAfIconButtonElement;
         "af-logo": HTMLAfLogoElement;
+        "af-logo-well": HTMLAfLogoWellElement;
         "af-nav-item": HTMLAfNavItemElement;
         "af-navbar": HTMLAfNavbarElement;
+        "af-section": HTMLAfSectionElement;
         "af-testimonial": HTMLAfTestimonialElement;
         "af-testimonial-carousel": HTMLAfTestimonialCarouselElement;
         "af-testimonial-stat": HTMLAfTestimonialStatElement;
@@ -407,6 +524,11 @@ declare namespace LocalJSX {
         "ratio"?: string;
     }
     interface AfButton {
+        /**
+          * Use on dark backgrounds for better contrast
+          * @default false
+         */
+        "darkBackground"?: boolean;
         /**
           * Whether the button is disabled
           * @default false
@@ -459,6 +581,21 @@ declare namespace LocalJSX {
          */
         "darkOverlay"?: boolean;
     }
+    /**
+     * Infinite scrolling carousel for client logos
+     */
+    interface AfClientCarousel {
+        /**
+          * Headline text
+          * @default "Trusted by some of the world's leading organisations"
+         */
+        "headlineText"?: string;
+        /**
+          * Show headline above carousel
+          * @default false
+         */
+        "showHeadline"?: boolean;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -496,6 +633,31 @@ declare namespace LocalJSX {
           * @default '1'
          */
         "level"?: 'xl' | '1' | '2' | '3' | '4' | '5';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
+    }
+    /**
+     * Hero section component for marketing pages
+     */
+    interface AfHeroSection {
+        /**
+          * Minimum height
+          * @default '60vh'
+         */
+        "minHeight"?: string;
+        /**
+          * Hero variant
+          * @default 'dark'
+         */
+        "variant"?: 'light' | 'dark';
+        /**
+          * Show decorative paperclip
+          * @default false
+         */
+        "withDecoration"?: boolean;
     }
     interface AfIconButton {
         /**
@@ -532,6 +694,11 @@ declare namespace LocalJSX {
      */
     interface AfLogo {
     }
+    /**
+     * A rounded container for displaying client logos
+     */
+    interface AfLogoWell {
+    }
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -560,9 +727,30 @@ 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.
      */
     interface AfNavbar {
     }
+    /**
+     * Section layout component for consistent spacing and backgrounds
+     */
+    interface AfSection {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "background"?: 'white' | 'level1' | 'dark' | 'inkwell';
+        /**
+          * Whether to include a Container wrapper
+          * @default true
+         */
+        "container"?: boolean;
+        /**
+          * Padding variant
+          * @default 'default'
+         */
+        "padding"?: 'tight' | 'default' | 'loose';
+    }
     interface AfTestimonial {
         /**
           * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
@@ -613,6 +801,11 @@ declare namespace LocalJSX {
           * @default 'p'
          */
         "as"?: 'p' | 'span' | 'div' | 'label';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
         /**
           * Text variant
           * @default 'medium'
@@ -650,13 +843,17 @@ declare namespace LocalJSX {
         "af-button": AfButton;
         "af-button-group": AfButtonGroup;
         "af-card": AfCard;
+        "af-client-carousel": AfClientCarousel;
         "af-color-swatch": AfColorSwatch;
         "af-container": AfContainer;
         "af-heading": AfHeading;
+        "af-hero-section": AfHeroSection;
         "af-icon-button": AfIconButton;
         "af-logo": AfLogo;
+        "af-logo-well": AfLogoWell;
         "af-nav-item": AfNavItem;
         "af-navbar": AfNavbar;
+        "af-section": AfSection;
         "af-testimonial": AfTestimonial;
         "af-testimonial-carousel": AfTestimonialCarousel;
         "af-testimonial-stat": AfTestimonialStat;
@@ -676,6 +873,10 @@ declare module "@stencil/core" {
             "af-button": LocalJSX.AfButton & JSXBase.HTMLAttributes<HTMLAfButtonElement>;
             "af-button-group": LocalJSX.AfButtonGroup & JSXBase.HTMLAttributes<HTMLAfButtonGroupElement>;
             "af-card": LocalJSX.AfCard & JSXBase.HTMLAttributes<HTMLAfCardElement>;
+            /**
+             * Infinite scrolling carousel for client logos
+             */
+            "af-client-carousel": LocalJSX.AfClientCarousel & JSXBase.HTMLAttributes<HTMLAfClientCarouselElement>;
             "af-color-swatch": LocalJSX.AfColorSwatch & JSXBase.HTMLAttributes<HTMLAfColorSwatchElement>;
             /**
              * A responsive container component that provides consistent margins and max-width
@@ -683,11 +884,19 @@ declare module "@stencil/core" {
              */
             "af-container": LocalJSX.AfContainer & JSXBase.HTMLAttributes<HTMLAfContainerElement>;
             "af-heading": LocalJSX.AfHeading & JSXBase.HTMLAttributes<HTMLAfHeadingElement>;
+            /**
+             * Hero section component for marketing pages
+             */
+            "af-hero-section": LocalJSX.AfHeroSection & JSXBase.HTMLAttributes<HTMLAfHeroSectionElement>;
             "af-icon-button": LocalJSX.AfIconButton & JSXBase.HTMLAttributes<HTMLAfIconButtonElement>;
             /**
              * Affinda logo component
              */
             "af-logo": LocalJSX.AfLogo & JSXBase.HTMLAttributes<HTMLAfLogoElement>;
+            /**
+             * A rounded container for displaying client logos
+             */
+            "af-logo-well": LocalJSX.AfLogoWell & JSXBase.HTMLAttributes<HTMLAfLogoWellElement>;
             /**
              * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
              * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -696,8 +905,13 @@ 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.
              */
             "af-navbar": LocalJSX.AfNavbar & JSXBase.HTMLAttributes<HTMLAfNavbarElement>;
+            /**
+             * Section layout component for consistent spacing and backgrounds
+             */
+            "af-section": LocalJSX.AfSection & JSXBase.HTMLAttributes<HTMLAfSectionElement>;
             "af-testimonial": LocalJSX.AfTestimonial & JSXBase.HTMLAttributes<HTMLAfTestimonialElement>;
             "af-testimonial-carousel": LocalJSX.AfTestimonialCarousel & JSXBase.HTMLAttributes<HTMLAfTestimonialCarouselElement>;
             "af-testimonial-stat": LocalJSX.AfTestimonialStat & JSXBase.HTMLAttributes<HTMLAfTestimonialStatElement>;

package/package.json

@@ -1,19 +1,17 @@
 {
   "name": "@affinda/wc",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
-  "files": ["dist", "dist/components", "loader"],
-  "scripts": {
-    "build": "pnpm run clean && stencil build",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec",
-    "clean": "rm -rf dist loader www"
-  },
+  "files": [
+    "dist",
+    "dist/components",
+    "loader"
+  ],
   "dependencies": {
     "@affinda/css": "^0.0.4",
     "@affinda/icons": "^0.0.3",
@@ -23,5 +21,11 @@
   },
   "devDependencies": {
     "@stencil/react-output-target": "^1.2.0"
+  },
+  "scripts": {
+    "build": "pnpm run clean && stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec",
+    "clean": "rm -rf dist loader www"
   }
-}
+}

package/dist/affinda/p-43324b6d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","Host","afButtonCss","AfButton","constructor","hostRef","this","variant","size","disabled","type","render","classes","button","content","class","name","href","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAc,kxFAEpB,MAAMC,EAAW,MACb,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAIvBC,KAAKC,QAAU,UAIfD,KAAKE,KAAO,UAIZF,KAAKG,SAAW,MAIhBH,KAAKI,KAAO,QAChB,CACA,MAAAC,GACI,MAAMC,EAAU,CACZC,OAAU,KACV,CAAC,WAAWP,KAAKC,WAAY,KAC7B,CAAC,QAAQD,KAAKE,QAAS,KACvBC,SAAYH,KAAKG,UAErB,MAAMK,EAAU,CACZd,EAAE,OAAQ,CAAEe,MAAO,aAAef,EAAE,OAAQ,CAAEgB,KAAM,eACpDhB,EAAE,OAAQ,CAAEe,MAAO,SAAWf,EAAE,OAAQ,OACxCA,EAAE,OAAQ,CAAEe,MAAO,cAAgBf,EAAE,OAAQ,CAAEgB,KAAM,iBAEzD,GAAIV,KAAKW,OAASX,KAAKG,SAAU,CAC7B,OAAQT,EAAEC,EAAM,KAAMD,EAAE,IAAK,CAAEiB,KAAMX,KAAKW,KAAMF,MAAOH,GAAWE,GACtE,CACA,OAAQd,EAAEC,EAAM,KAAMD,EAAE,SAAU,CAAEU,KAAMJ,KAAKI,KAAMD,SAAUH,KAAKG,SAAUM,MAAOH,GAAWE,GACpG,GAEJX,EAASe,MAAQhB,SAERC","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as i,a as e}from"./p-UbNmjSSX.js";const a=".sc-af-testimonial-carousel-h{display:block;width:100%;overflow:hidden}.testimonial-carousel.sc-af-testimonial-carousel{position:relative;width:100%}.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}.testimonial-progress.sc-af-testimonial-carousel{display:flex;gap:12px;justify-content:center;margin-top:32px;padding:0 220px}.progress-dot.sc-af-testimonial-carousel{width:100%;max-width:840px;height:3px;background:var(--colour-background-border-default, #d1ddda);border-radius:2px;cursor:pointer;transition:background 0.3s ease;position:relative;overflow:hidden}.progress-dot.active.sc-af-testimonial-carousel{background:var(--colour-background-border-active, #8a7049)}.progress-dot.sc-af-testimonial-carousel:hover:not(.active){background:var(--colour-background-border-default, #c1cdc9)}.carousel-navigation.sc-af-testimonial-carousel{position:absolute;bottom:48px;left:48px;display:flex;gap:12px;align-items:center;z-index:10}.nav-button.sc-af-testimonial-carousel{width:48px;height:48px;border-radius:50%;border:1px solid var(--colour-brand-inkwell, #14343b);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:var(--colour-brand-inkwell, #14343b)}.nav-button.sc-af-testimonial-carousel:hover:not(:disabled){background:rgba(255, 255, 255, 0.1);transform:translateY(-2px)}.nav-button.sc-af-testimonial-carousel:disabled{opacity:0.4;cursor:not-allowed;border-color:var(--colour-brand-inkwell, #14343b)}.nav-button.sc-af-testimonial-carousel svg.sc-af-testimonial-carousel{width:24px;height:24px}";const o=class{constructor(s){t(this,s);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();this.observer=new MutationObserver((()=>{this.detectTestimonials()}));this.observer.observe(this.host,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}detectTestimonials(){const t=Array.from(this.host.querySelectorAll("af-testimonial"));if(t.length!==this.testimonials.length){this.testimonials=t;this.testimonialCount=t.length;console.log("Found testimonials:",this.testimonials.length);if(this.testimonials.length>0){this.currentIndex=0;this.updateVisibleTestimonial()}}}updateVisibleTestimonial(){this.testimonials.forEach(((t,s)=>{const i=(s-this.currentIndex)*100;t.style.transform=`translateX(${i}%)`;t.style.opacity=s===this.currentIndex?"1":"0";t.style.pointerEvents=s===this.currentIndex?"auto":"none"}))}render(){const t=this.currentIndex>0;const e=this.currentIndex<this.testimonialCount-1;return s(i,{key:"ffa14246fa8a47d1cc079b0026df5a914e2b9362"},s("div",{key:"e984a28fd99ca671d8bdd55a780fbf76d7a189dc",class:"testimonial-carousel"},s("div",{key:"55d09df04a1ee008d30a9227d3e6914dce46e173",class:"testimonial-slides"},s("slot",{key:"992ac1e4849bcc042ccd0eeb47319b3e34364a1f"})),this.testimonialCount>1&&s("div",{key:"247420c536242d5e66ada662a23828eaa0190c84",class:"testimonial-progress"},Array.from({length:this.testimonialCount}).map(((t,i)=>s("div",{class:`progress-dot ${i===this.currentIndex?"active":""}`,onClick:()=>{if(!this.isAnimating&&i!==this.currentIndex){this.isAnimating=true;this.currentIndex=i;this.updateVisibleTestimonial();setTimeout((()=>{this.isAnimating=false}),500)}}})))),this.testimonialCount>1&&s("div",{key:"dc31d36ed57808d5c28d2c1dcb2729e6ed5342f7",class:"carousel-navigation"},s("button",{key:"37f18430b88a9e983fc6e673d206be03c4cc1d40",class:"nav-button prev",disabled:!t,onClick:this.goToPrevious,"aria-label":"Previous testimonial"},s("svg",{key:"9292c82f1b5f993aa8cffd301592dba8f5261c10",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},s("path",{key:"0c34f308ae42547d24584858769ee295e01e02c9",d:"M19 12H5M5 12L12 19M5 12L12 5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),s("button",{key:"984436b6d311d92623a9740d871c57d09de1a06e",class:"nav-button next",disabled:!e,onClick:this.goToNext,"aria-label":"Next testimonial"},s("svg",{key:"e3d55f1efb6c29a74256c4db64283cb1abaa0aa5",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},s("path",{key:"c9404bc3ad64ccb8ad0da3291ce7d4b622637e3d",d:"M5 12H19M19 12L12 5M19 12L12 19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))))))}get host(){return e(this)}};o.style=a;export{o as af_testimonial_carousel};
-//# sourceMappingURL=p-56284540.entry.js.map

package/dist/affinda/p-9c0b3380.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as o}from"./p-UbNmjSSX.js";const i=":host{display:inline-block}.button-group{display:inline-flex;align-items:center;box-sizing:border-box}.direction-horizontal{flex-direction:row}.direction-vertical{flex-direction:column}::slotted(*){flex-shrink:0}";const r=class{constructor(e){t(this,e);this.direction="horizontal";this.gap="8px"}render(){const t={"button-group":true,[`direction-${this.direction}`]:true};return e(o,{key:"c6cab092c05c6e6b7b859c662f318067590b51e3"},e("div",{key:"289501b3693d0eeb68c4b2f85bb3b8398ca7610b",class:t,style:{gap:this.gap}},e("slot",{key:"b852bcf016846022ee0cf8d23ce5a57aa0856adf"})))}};r.style=i;export{r as af_button_group};
-//# sourceMappingURL=p-9c0b3380.entry.js.map