@affinda/wc 0.0.11 → 0.0.13

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-Agei6ZJQ.js';
+import './index-DI7b0bCy.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-Agei6ZJQ.js';
-export { s as setNonce } from './index-Agei6ZJQ.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-DI7b0bCy.js';
+export { s as setNonce } from './index-DI7b0bCy.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  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);
+  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-cta-section",[[262,"af-cta-section",{"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"]}]]],["af-feature-accordion",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":["handleAutoCycleChange"]}]]],["af-footer",[[262,"af-footer",{"salesEmail":[1,"sales-email"],"supportEmail":[1,"support-email"],"copyrightYear":[1,"copyright-year"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"linkedinUrl":[1,"linkedin-url"],"youtubeUrl":[1,"youtube-url"],"githubUrl":[1,"github-url"]}]]],["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-cta-section/af-cta-section.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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
+ */
+export declare class AfCtaSection {
+    /** Section heading */
+    heading: string;
+    /** Section description */
+    description: string;
+    /** Primary button text */
+    primaryButtonText: string;
+    /** Primary button URL */
+    primaryButtonUrl: string;
+    /** Secondary button text */
+    secondaryButtonText: string;
+    /** Secondary button URL */
+    secondaryButtonUrl: string;
+    /** Illustration URL - if provided, displays this image */
+    illustrationUrl: string;
+    render(): any;
+}

package/dist/types/components/af-feature-accordion/af-feature-accordion.d.ts

@@ -0,0 +1,37 @@
+export interface FeatureAccordionItem {
+    title: string;
+    description: string;
+    imageUrl?: string;
+    imageAlt?: string;
+}
+/**
+ * Feature accordion component with expandable items and accompanying image
+ * Used for showcasing product features with visual examples
+ * Features auto-cycling through items with a progress timer
+ */
+export declare class AfFeatureAccordion {
+    el: HTMLElement;
+    /** Section heading */
+    heading: string;
+    /** JSON string of accordion items */
+    items: string;
+    /** Auto-cycle interval in milliseconds (default: 6000ms = 6 seconds) */
+    cycleInterval: number;
+    /** Whether auto-cycling is enabled */
+    autoCycle: boolean;
+    /** Currently expanded item index */
+    expandedIndex: number;
+    /** Progress of current timer (0-100) */
+    timerProgress: number;
+    private progressTimer;
+    private progressStartTime;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleAutoCycleChange(newValue: boolean): void;
+    private getItems;
+    private startCycling;
+    private stopCycling;
+    private moveToNextItem;
+    private handleItemClick;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+/**
+ * Footer component for Affinda marketing pages
+ * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+ */
+export declare class AfFooter {
+    /** Sales email address */
+    salesEmail: string;
+    /** Support email address */
+    supportEmail: string;
+    /** Copyright year */
+    copyrightYear: string;
+    /** Status page URL */
+    statusUrl: string;
+    /** Whether all systems are operational */
+    systemsOperational: boolean;
+    /** LinkedIn URL */
+    linkedinUrl: string;
+    /** YouTube URL */
+    youtubeUrl: string;
+    /** GitHub URL */
+    githubUrl: string;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -117,6 +117,120 @@ export namespace Components {
          */
         "maxWidth": 'xlarge' | 'large' | 'medium' | 'fluid';
     }
+    /**
+     * 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
+     */
+    interface AfCtaSection {
+        /**
+          * Section description
+          * @default 'Upload your documents and watch our AI agents get to work.'
+         */
+        "description": string;
+        /**
+          * Section heading
+          * @default 'See what our AI agents can do for you'
+         */
+        "heading": string;
+        /**
+          * Illustration URL - if provided, displays this image
+          * @default ''
+         */
+        "illustrationUrl": string;
+        /**
+          * Primary button text
+          * @default 'Try for free'
+         */
+        "primaryButtonText": string;
+        /**
+          * Primary button URL
+          * @default '#'
+         */
+        "primaryButtonUrl": string;
+        /**
+          * Secondary button text
+          * @default 'Talk to us'
+         */
+        "secondaryButtonText": string;
+        /**
+          * Secondary button URL
+          * @default '#'
+         */
+        "secondaryButtonUrl": string;
+    }
+    /**
+     * Feature accordion component with expandable items and accompanying image
+     * Used for showcasing product features with visual examples
+     * Features auto-cycling through items with a progress timer
+     */
+    interface AfFeatureAccordion {
+        /**
+          * Whether auto-cycling is enabled
+          * @default true
+         */
+        "autoCycle": boolean;
+        /**
+          * Auto-cycle interval in milliseconds (default: 6000ms = 6 seconds)
+          * @default 6000
+         */
+        "cycleInterval": number;
+        /**
+          * Section heading
+          * @default 'Give AI agents your paperwork'
+         */
+        "heading": string;
+        /**
+          * JSON string of accordion items
+          * @default '[]'
+         */
+        "items": string;
+    }
+    /**
+     * Footer component for Affinda marketing pages
+     * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+     */
+    interface AfFooter {
+        /**
+          * Copyright year
+          * @default new Date().getFullYear().toString()
+         */
+        "copyrightYear": string;
+        /**
+          * GitHub URL
+          * @default 'https://github.com/affinda'
+         */
+        "githubUrl": string;
+        /**
+          * LinkedIn URL
+          * @default 'https://www.linkedin.com/company/affinda/'
+         */
+        "linkedinUrl": string;
+        /**
+          * Sales email address
+          * @default 'contact@affinda.com'
+         */
+        "salesEmail": string;
+        /**
+          * Status page URL
+          * @default 'https://status.affinda.com'
+         */
+        "statusUrl": string;
+        /**
+          * Support email address
+          * @default 'support@affinda.com'
+         */
+        "supportEmail": string;
+        /**
+          * Whether all systems are operational
+          * @default true
+         */
+        "systemsOperational": boolean;
+        /**
+          * YouTube URL
+          * @default 'https://www.youtube.com/@affinda'
+         */
+        "youtubeUrl": string;
+    }
     interface AfHeading {
         /**
           * Visual alignment
@@ -388,6 +502,37 @@ declare global {
         prototype: HTMLAfContainerElement;
         new (): 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
+     */
+    interface HTMLAfCtaSectionElement extends Components.AfCtaSection, HTMLStencilElement {
+    }
+    var HTMLAfCtaSectionElement: {
+        prototype: HTMLAfCtaSectionElement;
+        new (): HTMLAfCtaSectionElement;
+    };
+    /**
+     * Feature accordion component with expandable items and accompanying image
+     * Used for showcasing product features with visual examples
+     * Features auto-cycling through items with a progress timer
+     */
+    interface HTMLAfFeatureAccordionElement extends Components.AfFeatureAccordion, HTMLStencilElement {
+    }
+    var HTMLAfFeatureAccordionElement: {
+        prototype: HTMLAfFeatureAccordionElement;
+        new (): HTMLAfFeatureAccordionElement;
+    };
+    /**
+     * Footer component for Affinda marketing pages
+     * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+     */
+    interface HTMLAfFooterElement extends Components.AfFooter, HTMLStencilElement {
+    }
+    var HTMLAfFooterElement: {
+        prototype: HTMLAfFooterElement;
+        new (): HTMLAfFooterElement;
+    };
     interface HTMLAfHeadingElement extends Components.AfHeading, HTMLStencilElement {
     }
     var HTMLAfHeadingElement: {
@@ -495,6 +640,9 @@ declare global {
         "af-client-carousel": HTMLAfClientCarouselElement;
         "af-color-swatch": HTMLAfColorSwatchElement;
         "af-container": HTMLAfContainerElement;
+        "af-cta-section": HTMLAfCtaSectionElement;
+        "af-feature-accordion": HTMLAfFeatureAccordionElement;
+        "af-footer": HTMLAfFooterElement;
         "af-heading": HTMLAfHeadingElement;
         "af-hero-section": HTMLAfHeroSectionElement;
         "af-icon-button": HTMLAfIconButtonElement;
@@ -622,6 +770,120 @@ declare namespace LocalJSX {
          */
         "maxWidth"?: 'xlarge' | 'large' | 'medium' | 'fluid';
     }
+    /**
+     * 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
+     */
+    interface AfCtaSection {
+        /**
+          * Section description
+          * @default 'Upload your documents and watch our AI agents get to work.'
+         */
+        "description"?: string;
+        /**
+          * Section heading
+          * @default 'See what our AI agents can do for you'
+         */
+        "heading"?: string;
+        /**
+          * Illustration URL - if provided, displays this image
+          * @default ''
+         */
+        "illustrationUrl"?: string;
+        /**
+          * Primary button text
+          * @default 'Try for free'
+         */
+        "primaryButtonText"?: string;
+        /**
+          * Primary button URL
+          * @default '#'
+         */
+        "primaryButtonUrl"?: string;
+        /**
+          * Secondary button text
+          * @default 'Talk to us'
+         */
+        "secondaryButtonText"?: string;
+        /**
+          * Secondary button URL
+          * @default '#'
+         */
+        "secondaryButtonUrl"?: string;
+    }
+    /**
+     * Feature accordion component with expandable items and accompanying image
+     * Used for showcasing product features with visual examples
+     * Features auto-cycling through items with a progress timer
+     */
+    interface AfFeatureAccordion {
+        /**
+          * Whether auto-cycling is enabled
+          * @default true
+         */
+        "autoCycle"?: boolean;
+        /**
+          * Auto-cycle interval in milliseconds (default: 6000ms = 6 seconds)
+          * @default 6000
+         */
+        "cycleInterval"?: number;
+        /**
+          * Section heading
+          * @default 'Give AI agents your paperwork'
+         */
+        "heading"?: string;
+        /**
+          * JSON string of accordion items
+          * @default '[]'
+         */
+        "items"?: string;
+    }
+    /**
+     * Footer component for Affinda marketing pages
+     * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+     */
+    interface AfFooter {
+        /**
+          * Copyright year
+          * @default new Date().getFullYear().toString()
+         */
+        "copyrightYear"?: string;
+        /**
+          * GitHub URL
+          * @default 'https://github.com/affinda'
+         */
+        "githubUrl"?: string;
+        /**
+          * LinkedIn URL
+          * @default 'https://www.linkedin.com/company/affinda/'
+         */
+        "linkedinUrl"?: string;
+        /**
+          * Sales email address
+          * @default 'contact@affinda.com'
+         */
+        "salesEmail"?: string;
+        /**
+          * Status page URL
+          * @default 'https://status.affinda.com'
+         */
+        "statusUrl"?: string;
+        /**
+          * Support email address
+          * @default 'support@affinda.com'
+         */
+        "supportEmail"?: string;
+        /**
+          * Whether all systems are operational
+          * @default true
+         */
+        "systemsOperational"?: boolean;
+        /**
+          * YouTube URL
+          * @default 'https://www.youtube.com/@affinda'
+         */
+        "youtubeUrl"?: string;
+    }
     interface AfHeading {
         /**
           * Visual alignment
@@ -846,6 +1108,9 @@ declare namespace LocalJSX {
         "af-client-carousel": AfClientCarousel;
         "af-color-swatch": AfColorSwatch;
         "af-container": AfContainer;
+        "af-cta-section": AfCtaSection;
+        "af-feature-accordion": AfFeatureAccordion;
+        "af-footer": AfFooter;
         "af-heading": AfHeading;
         "af-hero-section": AfHeroSection;
         "af-icon-button": AfIconButton;
@@ -883,6 +1148,22 @@ declare module "@stencil/core" {
              * constraints based on the Affinda grid system.
              */
             "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
+             */
+            "af-cta-section": LocalJSX.AfCtaSection & JSXBase.HTMLAttributes<HTMLAfCtaSectionElement>;
+            /**
+             * Feature accordion component with expandable items and accompanying image
+             * Used for showcasing product features with visual examples
+             * Features auto-cycling through items with a progress timer
+             */
+            "af-feature-accordion": LocalJSX.AfFeatureAccordion & JSXBase.HTMLAttributes<HTMLAfFeatureAccordionElement>;
+            /**
+             * Footer component for Affinda marketing pages
+             * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+             */
+            "af-footer": LocalJSX.AfFooter & JSXBase.HTMLAttributes<HTMLAfFooterElement>;
             "af-heading": LocalJSX.AfHeading & JSXBase.HTMLAttributes<HTMLAfHeadingElement>;
             /**
              * Hero section component for marketing pages

package/package.json

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

package/dist/affinda/p-13c30dd8.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as d}from"./p-Agei6ZJQ.js";const i=":host{display:inline-block}.logo-well{background:var(--colour-tints-inkwell-600, #1A3038);border-radius:16px;height:88px;display:flex;align-items:center;justify-content:center;padding:24px 40px;box-sizing:border-box;min-width:120px}::slotted(img){max-height:40px;width:auto;display:block;filter:brightness(0) invert(1);}::slotted(div){white-space:nowrap}";const o=class{constructor(t){e(this,t)}render(){return t(d,{key:"6443fda91c37fd9f2efd49fbd10b1899f311cd54"},t("div",{key:"30ec1e2891dfd89af7cc310986d3c5c48e05c556",class:"logo-well"},t("slot",{key:"4601797d3cef6ed117dc6c93083652dd22f51f05"})))}};o.style=i;export{o as af_logo_well};
-//# sourceMappingURL=p-13c30dd8.entry.js.map

package/dist/affinda/p-13c30dd8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","Host","afLogoWellCss","AfLogoWell","constructor","hostRef","this","render","key","class","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAgB,qWAEtB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAM,CAAEO,IAAK,4CAA8CR,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,aAAeT,EAAE,OAAQ,CAAEQ,IAAK,8CAC5K,GAEJL,EAAWO,MAAQR,SAEVC","ignoreList":[]}