@affinda/wc 0.0.13 → 0.0.15

package/dist/types/components.d.ts

@@ -106,6 +106,22 @@ export namespace Components {
          */
         "size": 'default' | 'large';
     }
+    /**
+     * Contact item component for footer
+     * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+     */
+    interface AfContactItem {
+        /**
+          * Contact label (e.g., "Sales enquiries")
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Contact value (e.g., email address)
+          * @default ''
+         */
+        "value": string;
+    }
     /**
      * A responsive container component that provides consistent margins and max-width
      * constraints based on the Affinda grid system.
@@ -119,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;
         /**
@@ -139,7 +155,7 @@ export namespace Components {
         "illustrationUrl": string;
         /**
           * Primary button text
-          * @default 'Try for free'
+          * @default ''
          */
         "primaryButtonText": string;
         /**
@@ -148,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;
         /**
@@ -157,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
@@ -186,50 +207,63 @@ export namespace Components {
         "items": string;
     }
     /**
-     * Footer component for Affinda marketing pages
-     * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+     * Footer component for marketing pages
+     * Provides a flexible, slot-based layout for footer content
+     * All content is passed via slots - no hardcoded links or content
      */
     interface AfFooter {
         /**
-          * Copyright year
-          * @default new Date().getFullYear().toString()
-         */
-        "copyrightYear": string;
-        /**
-          * GitHub URL
-          * @default 'https://github.com/affinda'
+          * Copyright text (e.g., "© 2025 Company Name. All rights reserved.")
+          * @default ''
          */
-        "githubUrl": string;
+        "copyrightText": string;
         /**
-          * LinkedIn URL
-          * @default 'https://www.linkedin.com/company/affinda/'
+          * Whether to show the status indicator
+          * @default true
          */
-        "linkedinUrl": string;
+        "showStatus": boolean;
         /**
-          * Sales email address
-          * @default 'contact@affinda.com'
+          * Status message text
+          * @default ''
          */
-        "salesEmail": string;
+        "statusText": string;
         /**
           * Status page URL
-          * @default 'https://status.affinda.com'
+          * @default ''
          */
         "statusUrl": string;
         /**
-          * Support email address
-          * @default 'support@affinda.com'
-         */
-        "supportEmail": string;
-        /**
-          * Whether all systems are operational
+          * Whether systems are operational (shows green/red indicator)
           * @default true
          */
         "systemsOperational": boolean;
+    }
+    /**
+     * Footer navigation column component
+     * Used within af-footer to create navigation link groups
+     */
+    interface AfFooterColumn {
+        /**
+          * Column heading
+          * @default ''
+         */
+        "heading": string;
+    }
+    /**
+     * Footer link component
+     * Styled link for use in footer navigation columns
+     */
+    interface AfFooterLink {
         /**
-          * YouTube URL
-          * @default 'https://www.youtube.com/@affinda'
+          * Whether this is an external link (opens in new tab)
+          * @default false
          */
-        "youtubeUrl": string;
+        "external": boolean;
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href": string;
     }
     interface AfHeading {
         /**
@@ -299,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
@@ -337,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
@@ -360,6 +411,27 @@ export namespace Components {
          */
         "padding": 'tight' | 'default' | 'loose';
     }
+    /**
+     * Social media link component
+     * Circular bordered icon link for social media profiles
+     */
+    interface AfSocialLink {
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href": string;
+        /**
+          * Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom'
+          * @default 'custom'
+         */
+        "icon": 'linkedin' | 'youtube' | 'github' | 'twitter' | 'facebook' | 'custom';
+        /**
+          * Accessible label for the link
+          * @default ''
+         */
+        "label": string;
+    }
     interface AfTestimonial {
         /**
           * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
@@ -492,6 +564,16 @@ declare global {
         prototype: HTMLAfColorSwatchElement;
         new (): HTMLAfColorSwatchElement;
     };
+    /**
+     * Contact item component for footer
+     * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+     */
+    interface HTMLAfContactItemElement extends Components.AfContactItem, HTMLStencilElement {
+    }
+    var HTMLAfContactItemElement: {
+        prototype: HTMLAfContactItemElement;
+        new (): HTMLAfContactItemElement;
+    };
     /**
      * A responsive container component that provides consistent margins and max-width
      * constraints based on the Affinda grid system.
@@ -504,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 {
     }
@@ -524,8 +606,9 @@ declare global {
         new (): HTMLAfFeatureAccordionElement;
     };
     /**
-     * Footer component for Affinda marketing pages
-     * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+     * Footer component for marketing pages
+     * Provides a flexible, slot-based layout for footer content
+     * All content is passed via slots - no hardcoded links or content
      */
     interface HTMLAfFooterElement extends Components.AfFooter, HTMLStencilElement {
     }
@@ -533,6 +616,26 @@ declare global {
         prototype: HTMLAfFooterElement;
         new (): HTMLAfFooterElement;
     };
+    /**
+     * Footer navigation column component
+     * Used within af-footer to create navigation link groups
+     */
+    interface HTMLAfFooterColumnElement extends Components.AfFooterColumn, HTMLStencilElement {
+    }
+    var HTMLAfFooterColumnElement: {
+        prototype: HTMLAfFooterColumnElement;
+        new (): HTMLAfFooterColumnElement;
+    };
+    /**
+     * Footer link component
+     * Styled link for use in footer navigation columns
+     */
+    interface HTMLAfFooterLinkElement extends Components.AfFooterLink, HTMLStencilElement {
+    }
+    var HTMLAfFooterLinkElement: {
+        prototype: HTMLAfFooterLinkElement;
+        new (): HTMLAfFooterLinkElement;
+    };
     interface HTMLAfHeadingElement extends Components.AfHeading, HTMLStencilElement {
     }
     var HTMLAfHeadingElement: {
@@ -555,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 {
     }
@@ -586,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 {
     }
@@ -602,6 +708,16 @@ declare global {
         prototype: HTMLAfSectionElement;
         new (): HTMLAfSectionElement;
     };
+    /**
+     * Social media link component
+     * Circular bordered icon link for social media profiles
+     */
+    interface HTMLAfSocialLinkElement extends Components.AfSocialLink, HTMLStencilElement {
+    }
+    var HTMLAfSocialLinkElement: {
+        prototype: HTMLAfSocialLinkElement;
+        new (): HTMLAfSocialLinkElement;
+    };
     interface HTMLAfTestimonialElement extends Components.AfTestimonial, HTMLStencilElement {
     }
     var HTMLAfTestimonialElement: {
@@ -639,10 +755,13 @@ declare global {
         "af-card": HTMLAfCardElement;
         "af-client-carousel": HTMLAfClientCarouselElement;
         "af-color-swatch": HTMLAfColorSwatchElement;
+        "af-contact-item": HTMLAfContactItemElement;
         "af-container": HTMLAfContainerElement;
         "af-cta-section": HTMLAfCtaSectionElement;
         "af-feature-accordion": HTMLAfFeatureAccordionElement;
         "af-footer": HTMLAfFooterElement;
+        "af-footer-column": HTMLAfFooterColumnElement;
+        "af-footer-link": HTMLAfFooterLinkElement;
         "af-heading": HTMLAfHeadingElement;
         "af-hero-section": HTMLAfHeroSectionElement;
         "af-icon-button": HTMLAfIconButtonElement;
@@ -651,6 +770,7 @@ declare global {
         "af-nav-item": HTMLAfNavItemElement;
         "af-navbar": HTMLAfNavbarElement;
         "af-section": HTMLAfSectionElement;
+        "af-social-link": HTMLAfSocialLinkElement;
         "af-testimonial": HTMLAfTestimonialElement;
         "af-testimonial-carousel": HTMLAfTestimonialCarouselElement;
         "af-testimonial-stat": HTMLAfTestimonialStatElement;
@@ -759,6 +879,22 @@ declare namespace LocalJSX {
          */
         "size"?: 'default' | 'large';
     }
+    /**
+     * Contact item component for footer
+     * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+     */
+    interface AfContactItem {
+        /**
+          * Contact label (e.g., "Sales enquiries")
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Contact value (e.g., email address)
+          * @default ''
+         */
+        "value"?: string;
+    }
     /**
      * A responsive container component that provides consistent margins and max-width
      * constraints based on the Affinda grid system.
@@ -772,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;
         /**
@@ -792,7 +928,7 @@ declare namespace LocalJSX {
         "illustrationUrl"?: string;
         /**
           * Primary button text
-          * @default 'Try for free'
+          * @default ''
          */
         "primaryButtonText"?: string;
         /**
@@ -801,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;
         /**
@@ -810,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
@@ -839,50 +980,63 @@ declare namespace LocalJSX {
         "items"?: string;
     }
     /**
-     * Footer component for Affinda marketing pages
-     * Features a dark inkwell background with logo, social links, navigation columns, and legal info
+     * Footer component for marketing pages
+     * Provides a flexible, slot-based layout for footer content
+     * All content is passed via slots - no hardcoded links or content
      */
     interface AfFooter {
         /**
-          * Copyright year
-          * @default new Date().getFullYear().toString()
-         */
-        "copyrightYear"?: string;
-        /**
-          * GitHub URL
-          * @default 'https://github.com/affinda'
+          * Copyright text (e.g., "© 2025 Company Name. All rights reserved.")
+          * @default ''
          */
-        "githubUrl"?: string;
+        "copyrightText"?: string;
         /**
-          * LinkedIn URL
-          * @default 'https://www.linkedin.com/company/affinda/'
+          * Whether to show the status indicator
+          * @default true
          */
-        "linkedinUrl"?: string;
+        "showStatus"?: boolean;
         /**
-          * Sales email address
-          * @default 'contact@affinda.com'
+          * Status message text
+          * @default ''
          */
-        "salesEmail"?: string;
+        "statusText"?: string;
         /**
           * Status page URL
-          * @default 'https://status.affinda.com'
+          * @default ''
          */
         "statusUrl"?: string;
         /**
-          * Support email address
-          * @default 'support@affinda.com'
-         */
-        "supportEmail"?: string;
-        /**
-          * Whether all systems are operational
+          * Whether systems are operational (shows green/red indicator)
           * @default true
          */
         "systemsOperational"?: boolean;
+    }
+    /**
+     * Footer navigation column component
+     * Used within af-footer to create navigation link groups
+     */
+    interface AfFooterColumn {
         /**
-          * YouTube URL
-          * @default 'https://www.youtube.com/@affinda'
+          * Column heading
+          * @default ''
          */
-        "youtubeUrl"?: string;
+        "heading"?: string;
+    }
+    /**
+     * Footer link component
+     * Styled link for use in footer navigation columns
+     */
+    interface AfFooterLink {
+        /**
+          * Whether this is an external link (opens in new tab)
+          * @default false
+         */
+        "external"?: boolean;
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href"?: string;
     }
     interface AfHeading {
         /**
@@ -952,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
@@ -990,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
@@ -1013,6 +1184,27 @@ declare namespace LocalJSX {
          */
         "padding"?: 'tight' | 'default' | 'loose';
     }
+    /**
+     * Social media link component
+     * Circular bordered icon link for social media profiles
+     */
+    interface AfSocialLink {
+        /**
+          * Link URL
+          * @default '#'
+         */
+        "href"?: string;
+        /**
+          * Icon type: 'linkedin', 'youtube', 'github', 'twitter', 'facebook', or 'custom'
+          * @default 'custom'
+         */
+        "icon"?: 'linkedin' | 'youtube' | 'github' | 'twitter' | 'facebook' | 'custom';
+        /**
+          * Accessible label for the link
+          * @default ''
+         */
+        "label"?: string;
+    }
     interface AfTestimonial {
         /**
           * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
@@ -1107,10 +1299,13 @@ declare namespace LocalJSX {
         "af-card": AfCard;
         "af-client-carousel": AfClientCarousel;
         "af-color-swatch": AfColorSwatch;
+        "af-contact-item": AfContactItem;
         "af-container": AfContainer;
         "af-cta-section": AfCtaSection;
         "af-feature-accordion": AfFeatureAccordion;
         "af-footer": AfFooter;
+        "af-footer-column": AfFooterColumn;
+        "af-footer-link": AfFooterLink;
         "af-heading": AfHeading;
         "af-hero-section": AfHeroSection;
         "af-icon-button": AfIconButton;
@@ -1119,6 +1314,7 @@ declare namespace LocalJSX {
         "af-nav-item": AfNavItem;
         "af-navbar": AfNavbar;
         "af-section": AfSection;
+        "af-social-link": AfSocialLink;
         "af-testimonial": AfTestimonial;
         "af-testimonial-carousel": AfTestimonialCarousel;
         "af-testimonial-stat": AfTestimonialStat;
@@ -1143,6 +1339,11 @@ declare module "@stencil/core" {
              */
             "af-client-carousel": LocalJSX.AfClientCarousel & JSXBase.HTMLAttributes<HTMLAfClientCarouselElement>;
             "af-color-swatch": LocalJSX.AfColorSwatch & JSXBase.HTMLAttributes<HTMLAfColorSwatchElement>;
+            /**
+             * Contact item component for footer
+             * Displays a label and value pair (e.g., "Sales enquiries" / "contact@example.com")
+             */
+            "af-contact-item": LocalJSX.AfContactItem & JSXBase.HTMLAttributes<HTMLAfContactItemElement>;
             /**
              * A responsive container component that provides consistent margins and max-width
              * constraints based on the Affinda grid system.
@@ -1150,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>;
             /**
@@ -1160,10 +1361,21 @@ declare module "@stencil/core" {
              */
             "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
+             * Footer component for marketing pages
+             * Provides a flexible, slot-based layout for footer content
+             * All content is passed via slots - no hardcoded links or content
              */
             "af-footer": LocalJSX.AfFooter & JSXBase.HTMLAttributes<HTMLAfFooterElement>;
+            /**
+             * Footer navigation column component
+             * Used within af-footer to create navigation link groups
+             */
+            "af-footer-column": LocalJSX.AfFooterColumn & JSXBase.HTMLAttributes<HTMLAfFooterColumnElement>;
+            /**
+             * Footer link component
+             * Styled link for use in footer navigation columns
+             */
+            "af-footer-link": LocalJSX.AfFooterLink & JSXBase.HTMLAttributes<HTMLAfFooterLinkElement>;
             "af-heading": LocalJSX.AfHeading & JSXBase.HTMLAttributes<HTMLAfHeadingElement>;
             /**
              * Hero section component for marketing pages
@@ -1171,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>;
             /**
@@ -1187,12 +1400,19 @@ 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>;
             /**
              * Section layout component for consistent spacing and backgrounds
              */
             "af-section": LocalJSX.AfSection & JSXBase.HTMLAttributes<HTMLAfSectionElement>;
+            /**
+             * Social media link component
+             * Circular bordered icon link for social media profiles
+             */
+            "af-social-link": LocalJSX.AfSocialLink & JSXBase.HTMLAttributes<HTMLAfSocialLinkElement>;
             "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,6 +1,6 @@
 {
   "name": "@affinda/wc",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",