@affinda/wc 0.0.28 → 0.2.0

package/dist/esm/index.js

@@ -17,5 +17,6 @@ export { af_tab as AfTab } from './af-tab.entry.js';
 export { af_tab_bar as AfTabBar } from './af-tab-bar.entry.js';
 export { af_feature_card as AfFeatureCard } from './af-feature-card.entry.js';
 export { af_illustrated_card as AfIllustratedCard } from './af-illustrated-card.entry.js';
-import './index-nb89SRN6.js';
+export { af_hero as AfHero } from './af-hero.entry.js';
+import './index-MwnBSqEY.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-nb89SRN6.js';
-export { s as setNonce } from './index-nb89SRN6.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-MwnBSqEY.js';
+export { s as setNonce } from './index-MwnBSqEY.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["af-icon-text",[[262,"af-icon-text",{"icon":[1],"headingSize":[2,"heading-size"],"orientation":[1],"iconSize":[1,"icon-size"]}]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"],"showNavigation":[1028,"show-navigation"],"hasPrev":[1028,"has-prev"],"hasNext":[1028,"has-next"]}]]],["af-feature-card",[[262,"af-feature-card",{"theme":[1],"layout":[1],"cardSize":[513,"card-size"],"headingSize":[2,"heading-size"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"]}]]],["af-illustrated-card",[[262,"af-illustrated-card",{"theme":[1],"breakpoint":[1],"cardSize":[1,"card-size"]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-video-container",[[262,"af-video-container",{"videoThumbnailUrl":[1,"video-thumbnail-url"],"videoAlt":[1,"video-alt"],"videoUrl":[1,"video-url"]}]]],["af-feature-grid",[[262,"af-feature-grid",{"columns":[2],"mobileLayout":[1,"mobile-layout"],"scrollProgress":[32]},null,{"mobileLayout":["onMobileLayoutChange"]}]]],["af-grid-callout",[[262,"af-grid-callout",{"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"imagePosition":[1,"image-position"],"columns":[2],"headingSize":[2,"heading-size"]}]]],["af-in-page-banner",[[262,"af-in-page-banner",{"theme":[1],"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"],"showWaveDecoration":[4,"show-wave-decoration"]}]]],["af-section",[[262,"af-section",{"padding":[1],"theme":[1],"container":[4]}]]],["af-split-section",[[262,"af-split-section",{"topTheme":[1,"top-theme"],"bottomTheme":[1,"bottom-theme"],"padding":[1],"container":[4]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]},[[0,"navPrev","handleNavPrev"],[0,"navNext","handleNavNext"]]]]],["af-text-image",[[262,"af-text-image",{"imagePosition":[1,"image-position"],"imageProportion":[1,"image-proportion"],"src":[1],"alt":[1],"showSecondLockup":[4,"show-second-lockup"]}]]],["af-accordion",[[262,"af-accordion",{"mode":[1],"value":[1025],"defaultValue":[1,"default-value"],"internalValue":[32]},[[0,"af-accordion-toggle","handleItemToggle"]],{"value":["handleValueChange"]}]]],["af-accordion-item",[[257,"af-accordion-item",{"itemId":[513,"item-id"],"open":[1540],"disabled":[516],"contentHeight":[32],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-center",[[257,"af-center",{"axis":[1],"inline":[4],"minHeight":[1,"min-height"]}]]],["af-checkbox",[[257,"af-checkbox",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[1],"value":[1]}]]],["af-client-carousel",[[262,"af-client-carousel",{"theme":[1],"rows":[2]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-divider",[[257,"af-divider",{"orientation":[1],"spacing":[1]}]]],["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-fieldset",[[257,"af-fieldset",{"legend":[1],"orientation":[1],"disabled":[516]}]]],["af-footer",[[262,"af-footer",{"copyrightText":[1,"copyright-text"],"statusText":[1,"status-text"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"showStatus":[4,"show-status"]}]]],["af-footer-column",[[262,"af-footer-column",{"heading":[1]}]]],["af-footer-link",[[262,"af-footer-link",{"href":[1],"external":[4]}]]],["af-grid",[[257,"af-grid",{"columns":[2],"columnsLg":[2,"columns-lg"],"columnsMd":[2,"columns-md"],"columnsSm":[2,"columns-sm"],"gap":[1],"align":[1]}]]],["af-inline",[[257,"af-inline",{"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-input",[[257,"af-input",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"type":[1],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"showSearchIcon":[4,"show-search-icon"],"clearable":[4],"autocomplete":[1],"maxlength":[2],"minlength":[2],"pattern":[1],"isFocused":[32],"isHovered":[32]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-nav-accordion",[[262,"af-nav-accordion",{"mode":[1],"breakpoint":[513],"value":[1025],"internalValue":[32]},[[0,"af-nav-accordion-item-toggle","handleItemToggle"]]]]],["af-nav-accordion-item",[[262,"af-nav-accordion-item",{"itemId":[513,"item-id"],"label":[1],"open":[1540],"disabled":[516],"href":[1],"breakpoint":[513],"contentHeight":[32],"hasTriggerSlot":[32],"hasContent":[32],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["af-nav-card",[[258,"af-nav-card",{"heading":[1],"href":[1],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"isHovered":[32]}]]],["af-nav-menu",[[262,"af-nav-menu",{"heading":[1],"breakpoint":[1],"showBorder":[4,"show-border"],"cardStyle":[516,"card-style"]}]]],["af-nav-menu-nest",[[262,"af-nav-menu-nest",{"type":[1],"breakpoint":[1],"showSidebarBorder":[516,"show-sidebar-border"]}]]],["af-number-badge",[[257,"af-number-badge",{"number":[2],"variant":[1],"size":[2]}]]],["af-radio",[[257,"af-radio",{"checked":[1540],"disabled":[516],"name":[513],"value":[1]}]]],["af-show",[[257,"af-show",{"above":[1],"below":[1]}]]],["af-social-link",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["af-spacer",[[257,"af-spacer",{"size":[1],"flex":[4],"axis":[1]}]]],["af-stack",[[257,"af-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-stepper",[[262,"af-stepper",{"orientation":[1]}]]],["af-stepper-step",[[262,"af-stepper-step",{"index":[514]}]]],["af-switch",[[257,"af-switch",{"active":[1540],"disabled":[516],"name":[1],"value":[1]}]]],["af-tab",[[257,"af-tab",{"label":[1],"active":[516],"disabled":[516],"shape":[513],"displayIcon":[4,"display-icon"],"displayNumber":[4,"display-number"],"value":[1]}]]],["af-tab-bar",[[257,"af-tab-bar",{"shape":[513],"breakpoint":[513]},[[0,"keydown","handleKeyDown"]]]]],["af-tag",[[257,"af-tag",{"size":[1],"variant":[1],"href":[1]}]]],["af-text-image-nest",[[262,"af-text-image-nest",{"layout":[1]}]]],["af-textarea",[[257,"af-textarea",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"rows":[2],"maxlength":[2],"minlength":[2],"resize":[1],"isFocused":[32],"isHovered":[32]}]]],["af-theme-override",[[262,"af-theme-override",{"theme":[1]}]]],["af-visually-hidden",[[257,"af-visually-hidden",{"focusable":[4]}]]],["af-icon-box",[[258,"af-icon-box",{"icon":[1],"size":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[513],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-image",[[258,"af-image",{"src":[1],"alt":[1],"shape":[1]}]]],["af-button",[[257,"af-button",{"variant":[513],"size":[1],"disabled":[4],"type":[1],"href":[1],"hasIconLeft":[32],"hasIconRight":[32]}]]],["af-card",[[262,"af-card",{"theme":[1],"stretch":[516]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-progress-line",[[258,"af-progress-line",{"progress":[2],"orientation":[1]}]]],["af-heading_5",[[262,"af-navbar",{"showDefaultLogo":[4,"show-default-logo"],"theme":[1],"forceMobile":[516,"force-mobile"],"mobileMenuOpen":[32],"activeDropdown":[32]},[[0,"click","handleTriggerClick"],[1,"mouseover","handleHover"],[1,"mouseleave","handleHostLeave"],[1,"mouseenter","handleHostEnter"],[4,"click","handleDocumentClick"],[4,"keydown","handleKeyDown"]]],[262,"af-nav-item",{"hierarchy":[1],"variant":[1],"breakpoint":[513],"href":[1],"active":[4]}],[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-logo"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-icon",[[257,"af-icon",{"name":[1],"size":[2],"label":[1]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"headingAlignment":[1,"heading-alignment"],"descriptionAlignment":[1,"description-alignment"],"buttonLayout":[1,"button-layout"],"buttonsAlignment":[1,"buttons-alignment"],"maxWidth":[2,"max-width"],"headingColor":[1,"heading-color"],"descriptionColor":[1,"description-color"],"hasDescription":[32],"hasButtons":[32]}]]]], options);
+  return bootstrapLazy([["af-hero",[[262,"af-hero",{"variant":[513],"heading":[1],"description":[1],"floatNavbar":[516,"float-navbar"],"topPad":[1,"top-pad"],"maxWidth":[2,"max-width"],"maskImage":[4,"mask-image"]}]]],["af-icon-text",[[262,"af-icon-text",{"icon":[1],"headingSize":[2,"heading-size"],"orientation":[1],"iconSize":[1,"icon-size"]}]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"],"showNavigation":[1028,"show-navigation"],"hasPrev":[1028,"has-prev"],"hasNext":[1028,"has-next"]}]]],["af-feature-card",[[262,"af-feature-card",{"theme":[1],"layout":[1],"cardSize":[513,"card-size"],"headingSize":[2,"heading-size"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"]}]]],["af-illustrated-card",[[262,"af-illustrated-card",{"theme":[1],"breakpoint":[1],"cardSize":[1,"card-size"]}]]],["af-numbered-stepper-item",[[262,"af-numbered-stepper-item",{"index":[514]}]]],["af-stat",[[257,"af-stat",{"value":[1],"label":[1]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-video-container",[[262,"af-video-container",{"videoThumbnailUrl":[1,"video-thumbnail-url"],"videoAlt":[1,"video-alt"],"videoUrl":[1,"video-url"]}]]],["af-feature-grid",[[262,"af-feature-grid",{"columns":[2],"mobileLayout":[1,"mobile-layout"],"scrollProgress":[32]},null,{"mobileLayout":["onMobileLayoutChange"]}]]],["af-grid-callout",[[262,"af-grid-callout",{"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"imagePosition":[1,"image-position"],"columns":[2],"headingSize":[2,"heading-size"]}]]],["af-in-page-banner",[[262,"af-in-page-banner",{"theme":[1],"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"],"showWaveDecoration":[4,"show-wave-decoration"]}]]],["af-split-section",[[262,"af-split-section",{"topTheme":[1,"top-theme"],"bottomTheme":[1,"bottom-theme"],"padding":[1],"container":[4]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]},[[0,"navPrev","handleNavPrev"],[0,"navNext","handleNavNext"]]]]],["af-text-image",[[262,"af-text-image",{"imagePosition":[1,"image-position"],"imageProportion":[1,"image-proportion"],"src":[1],"alt":[1],"showSecondLockup":[4,"show-second-lockup"]}]]],["af-accordion",[[262,"af-accordion",{"mode":[1],"value":[1025],"defaultValue":[1,"default-value"],"internalValue":[32]},[[0,"af-accordion-toggle","handleItemToggle"]],{"value":["handleValueChange"]}]]],["af-accordion-item",[[257,"af-accordion-item",{"itemId":[513,"item-id"],"open":[1540],"disabled":[516],"contentHeight":[32],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-center",[[257,"af-center",{"axis":[1],"inline":[4],"minHeight":[1,"min-height"]}]]],["af-checkbox",[[257,"af-checkbox",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[1],"value":[1]}]]],["af-client-carousel",[[262,"af-client-carousel",{"theme":[1],"rows":[2],"mode":[1]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-divider",[[257,"af-divider",{"orientation":[1],"spacing":[1]}]]],["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-fieldset",[[257,"af-fieldset",{"legend":[1],"orientation":[1],"disabled":[516]}]]],["af-footer",[[262,"af-footer",{"copyrightText":[1,"copyright-text"],"statusText":[1,"status-text"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"showStatus":[4,"show-status"]}]]],["af-footer-column",[[262,"af-footer-column",{"heading":[1]}]]],["af-footer-link",[[262,"af-footer-link",{"href":[1],"external":[4]}]]],["af-grid",[[257,"af-grid",{"columns":[2],"columnsLg":[2,"columns-lg"],"columnsMd":[2,"columns-md"],"columnsSm":[2,"columns-sm"],"gap":[1],"align":[1]}]]],["af-inline",[[257,"af-inline",{"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-input",[[257,"af-input",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"type":[1],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"showSearchIcon":[4,"show-search-icon"],"clearable":[4],"autocomplete":[1],"maxlength":[2],"minlength":[2],"pattern":[1],"isFocused":[32],"isHovered":[32]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-nav-accordion",[[262,"af-nav-accordion",{"mode":[1],"breakpoint":[513],"value":[1025],"internalValue":[32]},[[0,"af-nav-accordion-item-toggle","handleItemToggle"]]]]],["af-nav-accordion-item",[[262,"af-nav-accordion-item",{"itemId":[513,"item-id"],"label":[1],"open":[1540],"disabled":[516],"href":[1],"breakpoint":[513],"contentHeight":[32],"hasTriggerSlot":[32],"hasContent":[32],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["af-nav-card",[[258,"af-nav-card",{"heading":[1],"href":[1],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"isHovered":[32]}]]],["af-nav-menu",[[262,"af-nav-menu",{"heading":[1],"breakpoint":[1],"showBorder":[4,"show-border"],"cardStyle":[516,"card-style"]}]]],["af-nav-menu-nest",[[262,"af-nav-menu-nest",{"type":[1],"breakpoint":[1],"showSidebarBorder":[516,"show-sidebar-border"]}]]],["af-numbered-stepper",[[262,"af-numbered-stepper",{"orientation":[1]}]]],["af-paperclip-decoration",[[257,"af-paperclip-decoration",{"width":[1],"height":[1],"opacity":[2],"fill":[1]}]]],["af-radio",[[257,"af-radio",{"checked":[1540],"disabled":[516],"name":[513],"value":[1]}]]],["af-show",[[257,"af-show",{"above":[1],"below":[1]}]]],["af-social-link",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["af-spacer",[[257,"af-spacer",{"size":[1],"flex":[4],"axis":[1]}]]],["af-stack",[[257,"af-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-stats-row",[[262,"af-stats-row"]]],["af-stepper",[[262,"af-stepper",{"orientation":[1]}]]],["af-stepper-step",[[262,"af-stepper-step",{"index":[514]}]]],["af-switch",[[257,"af-switch",{"active":[1540],"disabled":[516],"name":[1],"value":[1]}]]],["af-tab",[[257,"af-tab",{"label":[1],"active":[516],"disabled":[516],"shape":[513],"displayIcon":[4,"display-icon"],"displayNumber":[4,"display-number"],"value":[1]}]]],["af-tab-bar",[[257,"af-tab-bar",{"shape":[513],"breakpoint":[513]},[[0,"keydown","handleKeyDown"]]]]],["af-tag",[[257,"af-tag",{"size":[1],"variant":[1],"href":[1]}]]],["af-text-image-nest",[[262,"af-text-image-nest",{"layout":[1]}]]],["af-textarea",[[257,"af-textarea",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"rows":[2],"maxlength":[2],"minlength":[2],"resize":[1],"isFocused":[32],"isHovered":[32]}]]],["af-theme-override",[[262,"af-theme-override",{"theme":[1]}]]],["af-visually-hidden",[[257,"af-visually-hidden",{"focusable":[4]}]]],["af-icon-box",[[258,"af-icon-box",{"icon":[1],"size":[1]}]]],["af-section",[[262,"af-section",{"padding":[1],"theme":[1],"container":[4]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[513],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-image",[[258,"af-image",{"src":[1],"alt":[1],"shape":[1]}]]],["af-number-badge",[[257,"af-number-badge",{"number":[2],"variant":[1],"size":[2]}]]],["af-button",[[257,"af-button",{"variant":[513],"size":[1],"disabled":[4],"type":[1],"href":[1],"hasIconLeft":[32],"hasIconRight":[32]}]]],["af-card",[[262,"af-card",{"theme":[1],"stretch":[516]}]]],["af-progress-line",[[258,"af-progress-line",{"progress":[2],"orientation":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-icon",[[257,"af-icon",{"name":[1],"size":[2],"label":[1]}]]],["af-heading_5",[[262,"af-navbar",{"showDefaultLogo":[4,"show-default-logo"],"theme":[1],"forceMobile":[516,"force-mobile"],"mobileMenuOpen":[32],"activeDropdown":[32]},[[0,"click","handleTriggerClick"],[1,"mouseover","handleHover"],[1,"mouseleave","handleHostLeave"],[1,"mouseenter","handleHostEnter"],[4,"click","handleDocumentClick"],[4,"keydown","handleKeyDown"]]],[262,"af-nav-item",{"hierarchy":[1],"variant":[1],"breakpoint":[513],"href":[1],"active":[4]}],[257,"af-logo"],[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[8,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"headingAlignment":[1,"heading-alignment"],"descriptionAlignment":[1,"description-alignment"],"buttonLayout":[1,"button-layout"],"buttonsAlignment":[1,"buttons-alignment"],"maxWidth":[2,"max-width"],"headingColor":[1,"heading-color"],"descriptionColor":[1,"description-color"],"hasDescription":[32],"hasButtons":[32]}]]]], options);
 };
 
 export { defineCustomElements };

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

@@ -1,3 +1,4 @@
+import type { Theme } from '../../types';
 /**
  * Card atom component - a themed container with consistent styling.
  * Provides theme context to children via CSS custom properties.
@@ -10,7 +11,7 @@ export declare class AfCard {
      * Theme - sets background color and provides theme context to children.
      * Defaults to 'mist-green' if not specified.
      */
-    theme?: 'white' | 'white-ivory' | 'inkwell' | 'mist-green' | 'soft-clay';
+    theme?: Theme;
     /**
      * When true, the card stretches to fill its container height.
      * Use this when the card is in a flex/grid container and needs to

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

@@ -1,34 +1,47 @@
-type Theme = 'white' | 'inkwell' | 'mist-green' | 'soft-clay' | 'white-ivory';
+import type { Theme } from '../../types';
+type Mode = 'scroll' | 'static';
 /**
- * Infinite scrolling carousel for client logos.
+ * Full-width row of client logos, either infinite-scrolling (default)
+ * or a centred static row.
  *
  * This is a section-level component that spans full width.
- * Renders one or two scrolling rows; single row matches the Webflow
- * reference, two rows (scrolling opposite directions) is the denser
- * variant.
+ * Renders one or two rows; single row matches the Webflow reference,
+ * two rows is the denser variant. When `mode="scroll"` (default) rows
+ * animate in opposite directions; when `mode="static"` rows are centred
+ * and the animation is disabled.
  *
  * For headlines, use a separate TypographyLockup or Heading component
  * above this carousel.
  *
- * **Seamless loop:** the CSS animation translates the track from 0% to
- * -50% (or vice versa), which only looks continuous if the track holds
- * two identical copies of the content end-to-end. Shadow DOM slots can
- * only project content once, so we clone the slotted nodes in
- * `componentDidLoad` and append the copies to the track.
+ * **Seamless loop (scroll mode only):** the CSS animation translates
+ * the track from 0% to -50% (or vice versa), which only looks continuous
+ * if the track holds two identical copies of the content end-to-end.
+ * Shadow DOM slots can only project content once, so we clone the
+ * slotted nodes in `componentDidLoad` and append the copies to the track.
+ * Static mode skips the clone — nothing is animating, so duplicating
+ * the logos would just render them twice.
  */
 export declare class AfClientCarousel {
     el: HTMLElement;
     /** Theme - sets background color and provides theme context to children */
     theme: Theme;
     /**
-     * Number of scrolling rows.
-     * - `1` (default) — single row scrolling left, matches the Webflow reference.
-     * - `2` — two rows scrolling in opposite directions.
+     * Number of rows.
+     * - `1` (default) — single row, matches the Webflow reference.
+     * - `2` — two rows (scroll in opposite directions, or stacked when static).
      *
      * When `rows="2"`, slot `row-1` and `row-2` independently.
      * When `rows="1"`, slot the default slot (unnamed) or `row-1`.
      */
     rows: 1 | 2;
+    /**
+     * Layout mode.
+     * - `scroll` (default) — infinite animated scroll; rows fill the full
+     *   width and are cloned for a seamless loop.
+     * - `static` — no animation, logos centred horizontally. Use when the
+     *   logo set is small enough to fit on screen without scrolling.
+     */
+    mode: Mode;
     private row1TrackRef?;
     private row2TrackRef?;
     componentDidLoad(): void;

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

@@ -1,5 +1,6 @@
+import type { Gap } from '../../types';
 type Orientation = 'horizontal' | 'vertical';
-type Spacing = 'none' | '1' | '2' | '3' | '4' | '5' | '6' | '8';
+type Spacing = Gap | 'none';
 /**
  * Divider component for visual separation between content.
  * Supports horizontal and vertical orientations with theme-aware styling.

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

@@ -1,3 +1,4 @@
+import type { Theme } from '../../types';
 /**
  * Feature Card molecule component that combines a card with an image.
  *
@@ -17,7 +18,7 @@ export declare class AfFeatureCard {
      * Theme variant - sets background color and provides theme context.
      * Only applies to 'standard' layout mode. Defaults to 'mist-green'.
      */
-    theme?: 'white' | 'white-ivory' | 'inkwell' | 'mist-green' | 'soft-clay';
+    theme?: Theme;
     /**
      * Layout mode for the card.
      * - 'standard': Theme background with text at top and image at bottom

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

@@ -1,4 +1,4 @@
-type Gap = '1' | '2' | '3' | '4' | '5' | '6' | '8';
+import type { Gap } from '../../types';
 type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 12;
 type Align = 'start' | 'center' | 'end' | 'stretch';
 /**

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

@@ -0,0 +1,93 @@
+export type HeroVariant = 'inkwell-photo' | 'inkwell-illustration' | 'inkwell-centered' | 'soft-clay-illustration' | 'mist-green-illustration';
+export type HeroTopPad = 'default' | 'loose';
+/**
+ * Unified top-of-page hero — replaces the 7+ hand-rolled hero implementations
+ * the Affinda marketing site (and sibling apps) currently ship. Covers five
+ * canonical patterns via the `variant` prop:
+ *
+ * - `inkwell-photo` — inkwell background, blob-masked photo on the right.
+ *   Use for: listing / archive pages (blog, case-studies, whitepapers,
+ *   value-creation, about-us) and industry landing pages that carry a
+ *   photograph instead of an illustration.
+ * - `inkwell-illustration` — inkwell background, illustration on the right.
+ *   Use for: industry landing pages, /industries, /integrations, /platform
+ *   with bespoke art.
+ * - `inkwell-centered` — inkwell background, centred typography lockup.
+ *   Slot `<af-paperclip-decoration />` into the `paperclip` slot for the
+ *   watermark treatment. Use for: `/`, `/au`, `/platform`.
+ * - `soft-clay-illustration` — soft-clay background, illustration on the
+ *   right. Use for: /news, /industries overview, /security, /compare.
+ * - `mist-green-illustration` — same layout as soft-clay-illustration but on
+ *   the mist-green theme. Reserved for future pages.
+ *
+ * ## Slots
+ *
+ * - default — heading content (use when richer markup than the `heading`
+ *   prop can express is needed; e.g. coloured spans or line breaks).
+ * - `description` — supporting copy under the heading.
+ * - `badge` — optional pre-heading label (pill, version tag).
+ * - `buttons` — hero CTAs (usually an `<af-button-group>`).
+ * - `image` — the photograph for the `inkwell-photo` variant. Wrapped in
+ *   the blob mask automatically.
+ * - `illustration` — the illustration SVG for `-illustration` variants.
+ * - `paperclip` — watermark for `inkwell-centered`. Consumers typically
+ *   slot `<af-paperclip-decoration />` here.
+ * - `logos-below` — overlap row at the bottom gutter (logo carousel etc.).
+ *   Painted with the theme's background so it cleanly overlaps the image's
+ *   lower edge on the photo variant.
+ *
+ * ## Float-navbar handling
+ *
+ * When `floatNavbar` is true (the default for the inkwell variants) the
+ * component sets `data-af-hero-float-navbar="true"` on `<body>` via a
+ * lifecycle hook, and a companion rule in `@affinda/css/base.css` applies
+ * the `body > header { position: absolute }` / `main { padding-top: 0 }`
+ * / navbar-spacer-transparent treatment. Consumers already import
+ * `@affinda/css` so no extra import is required. The rule deactivates
+ * when the hero is removed from the DOM.
+ *
+ * ## Image lift
+ *
+ * The `inkwell-photo` variant renders the photo column with
+ * `margin-top: var(--af-hero-image-lift, -260px)`. Override per-page by
+ * setting `--af-hero-image-lift` on the `<af-hero>` element.
+ */
+export declare class AfHero {
+    el: HTMLElement;
+    /** Layout / theme preset. See variant docs in the component header. */
+    variant: HeroVariant;
+    /** Heading text (use the default slot for richer markup). */
+    heading: string;
+    /** Description text (use the `description` slot for richer markup). */
+    description: string;
+    /**
+     * Float the site header over the hero and paint the navbar-spacer
+     * transparent so the hero background flows to the top of the viewport.
+     * Defaults to true for the three inkwell variants, false for the
+     * soft-clay / mist-green illustration variants (whose consumers don't
+     * always want a full-bleed crown).
+     */
+    floatNavbar?: boolean;
+    /**
+     * Top padding preset. `default` = 124px (matches IndustryHero /
+     * IllustrationHero). `loose` = 164px (matches ListingHero — gives the
+     * image a touch more breathing room above the lockup on archive pages).
+     */
+    topPad: HeroTopPad;
+    /** Typography lockup max-width (px). Defaults to 620, matching the live site. */
+    maxWidth: number;
+    /**
+     * Whether to apply the blob mask to the slotted `image`. Defaults to
+     * `true` for `inkwell-photo`. Set `false` if you want to slot in a
+     * pre-masked raster or a custom wrapper.
+     */
+    maskImage: boolean;
+    private get resolvedFloatNavbar();
+    private get theme();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private renderCopy;
+    private renderPhoto;
+    private renderIllustration;
+    render(): any;
+}

package/dist/types/components/af-illustrated-card/af-illustrated-card.d.ts

@@ -1,3 +1,4 @@
+import type { Theme } from '../../types';
 /**
  * Illustrated Card molecule component that combines a card with an illustration.
  *
@@ -16,7 +17,7 @@ export declare class AfIllustratedCard {
      * Theme variant - sets background color and provides theme context.
      * Defaults to 'mist-green'.
      */
-    theme?: 'white' | 'white-ivory' | 'inkwell' | 'mist-green' | 'soft-clay';
+    theme?: Theme;
     /**
      * Responsive breakpoint for typography sizing.
      */

package/dist/types/components/af-in-page-banner/af-in-page-banner.d.ts

@@ -1,4 +1,4 @@
-type BannerTheme = 'white-ivory' | 'mist-green' | 'soft-clay' | 'inkwell';
+import type { Theme } from '../../types';
 /**
  * In-page banner component for call-to-action content.
  *
@@ -35,7 +35,7 @@ type BannerTheme = 'white-ivory' | 'mist-green' | 'soft-clay' | 'inkwell';
  */
 export declare class AfInPageBanner {
     /** Theme - sets the banner background color and typography colors */
-    theme: BannerTheme;
+    theme: Theme;
     /** Banner heading */
     heading: string;
     /** Banner description */
@@ -63,4 +63,3 @@ export declare class AfInPageBanner {
     private renderWaveOverlay;
     render(): any;
 }
-export {};

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

@@ -1,4 +1,4 @@
-type Gap = '1' | '2' | '3' | '4' | '5' | '6' | '8';
+import type { Gap } from '../../types';
 type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
 type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
 /**

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

@@ -1,3 +1,4 @@
+import type { Theme } from '../../types';
 /**
  * A full-width navigation bar component that provides the main site navigation.
  * Features a pill-shaped container with logo, navigation links, and action buttons.
@@ -26,7 +27,7 @@ export declare class AfNavbar {
     /** Whether to show the default Affinda logo when no logo slot content is provided */
     showDefaultLogo: boolean;
     /** Theme for the spacer background - should match the section below the navbar */
-    theme?: 'white' | 'inkwell' | 'mist-green' | 'soft-clay';
+    theme?: Theme;
     /** Force mobile layout regardless of viewport size (useful for testing/stories) */
     forceMobile: boolean;
     private toggleMobileMenu;

package/dist/types/components/af-numbered-stepper/af-numbered-stepper.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Numbered stepper — filled soft-clay circle badges (1/2/3) paired with a
+ * heading + body description per step. Sibling to `af-stepper` (which uses
+ * outlined badges on a single spine connector); the numbered variant uses
+ * filled badges with per-step connector segments, matching the Webflow
+ * "How it works" marketing pattern.
+ *
+ * Renders children `af-numbered-stepper-item` elements horizontally on
+ * desktop (auto-stacks on mobile) or vertically when `orientation="vertical"`.
+ * The parent auto-assigns badge numbers based on DOM order, so consumers
+ * don't hand-number the steps.
+ *
+ * Headings use the shared `heading-size="card"` scale from
+ * `af-typography-lockup` (22/20px) — no bespoke font-size tokens.
+ *
+ * @example
+ * ```html
+ * <af-numbered-stepper>
+ *   <af-numbered-stepper-item>
+ *     <h3 slot="heading">Connect your ATS</h3>
+ *     <p slot="body">OAuth-based hook into the tools you already use.</p>
+ *   </af-numbered-stepper-item>
+ *   <af-numbered-stepper-item>...</af-numbered-stepper-item>
+ *   <af-numbered-stepper-item>...</af-numbered-stepper-item>
+ * </af-numbered-stepper>
+ * ```
+ *
+ * @slot - `af-numbered-stepper-item` elements.
+ */
+export declare class AfNumberedStepper {
+    el: HTMLElement;
+    /** Layout orientation. Horizontal auto-stacks to vertical on mobile. */
+    orientation: 'horizontal' | 'vertical';
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    private assignIndices;
+    render(): any;
+}

package/dist/types/components/af-numbered-stepper-item/af-numbered-stepper-item.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A single step within an `af-numbered-stepper`. Renders a filled soft-clay
+ * circle badge (via `af-number-badge`) alongside a heading + body lockup.
+ *
+ * The parent `af-numbered-stepper` auto-assigns the `index` prop based on
+ * DOM order. Pass `index` explicitly to override.
+ *
+ * Heading scale is the shared `card` variant from `af-typography-lockup`
+ * (22/20px) — the same ladder step used by diff-card, related-card, and
+ * other card-title uses across the design system.
+ *
+ * @slot heading - Step title (h3 or h4 recommended for semantics).
+ * @slot body - Step description paragraph(s).
+ */
+export declare class AfNumberedStepperItem {
+    /**
+     * Step number shown in the badge. Auto-assigned by the parent stepper if
+     * not explicitly set.
+     */
+    index: number;
+    render(): any;
+}

package/dist/types/components/af-paperclip-decoration/af-paperclip-decoration.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Decorative paperclip vector graphic. Renders the left-half paperclip
+ * silhouette (viewBox `0 0 655 754`) that the marketing site bleeds off
+ * the right edge of inkwell hero sections.
+ *
+ * Purely decorative — the inner `<svg>` is `aria-hidden="true"`. Size it
+ * via the `width` / `height` props (they accept any CSS length, e.g.
+ * `"655"`, `"100%"`, `"50vw"`) and position the host element in CSS.
+ *
+ * `fill` is white by default (intended for inkwell backgrounds); override
+ * for other themes, e.g. `fill="var(--colour-brand-inkwell)"` on a
+ * mist-green section. `opacity` defaults to `0.06` to match the
+ * watermark treatment used on `/`, `/au`, and `/platform`.
+ *
+ * @example
+ * ```html
+ * <af-section theme="inkwell" padding="loose" style="position:relative;overflow:hidden">
+ *   <af-paperclip-decoration
+ *     style="position:absolute;bottom:-80px;right:-80px"
+ *   ></af-paperclip-decoration>
+ *   <af-container style="position:relative;z-index:1">
+ *     <!-- hero content -->
+ *   </af-container>
+ * </af-section>
+ * ```
+ */
+export declare class AfPaperclipDecoration {
+    /**
+     * SVG width — accepts any CSS length or unitless number (pixels).
+     * Defaults to the intrinsic viewBox width (`655`).
+     */
+    width: string;
+    /**
+     * SVG height — accepts any CSS length or unitless number (pixels).
+     * Defaults to the intrinsic viewBox height (`754`).
+     */
+    height: string;
+    /**
+     * Fill opacity of the paperclip shape. Defaults to `0.06` to match the
+     * marketing-site watermark treatment.
+     */
+    opacity: number;
+    /**
+     * Fill colour. Defaults to `white` (designed for inkwell backgrounds);
+     * override for other themes, e.g. `var(--colour-brand-inkwell)` on a
+     * mist-green section.
+     */
+    fill: string;
+    render(): any;
+}

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

@@ -1,12 +1,13 @@
+import type { Padding, Theme } from '../../types';
 /**
  * Section layout component for consistent spacing and backgrounds.
  * Sets theme context for all child components via CSS custom properties.
  */
 export declare class AfSection {
     /** Padding variant */
-    padding: 'none' | 'tight' | 'default' | 'loose';
+    padding: Padding;
     /** Theme - sets background color and provides theme context to children */
-    theme: 'white' | 'inkwell' | 'mist-green' | 'soft-clay' | 'white-ivory';
+    theme: Theme;
     /** Whether to include a Container wrapper */
     container: boolean;
     render(): any;

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

@@ -1,4 +1,4 @@
-type Theme = 'white' | 'inkwell' | 'mist-green' | 'soft-clay' | 'white-ivory';
+import type { Padding, Theme } from '../../types';
 /**
  * Split Section component for layouts with two-tone backgrounds.
  * Creates a vertical split with different themes for top and bottom halves.
@@ -12,9 +12,8 @@ export declare class AfSplitSection {
     /** Theme for the bottom half of the section */
     bottomTheme: Theme;
     /** Padding variant */
-    padding: 'none' | 'tight' | 'default' | 'loose';
+    padding: Padding;
     /** Whether to include a Container wrapper */
     container: boolean;
     render(): any;
 }
-export {};

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

@@ -1,4 +1,4 @@
-type Gap = '1' | '2' | '3' | '4' | '5' | '6' | '8';
+import type { Gap } from '../../types';
 type Direction = 'vertical' | 'horizontal';
 type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
 type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';

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

@@ -0,0 +1,15 @@
+/**
+ * Individual stat — a large value (e.g. "1B+") paired with a descriptive label.
+ *
+ * Intended as a slotted child of `af-stats-row`, but renders standalone too.
+ * Colour is inherited from the ancestor theme context (`af-section` /
+ * `af-card` / `af-theme-override`) via the `--af-typography-*` tokens that
+ * `af-heading` and `af-text` already consume — no theme prop needed here.
+ */
+export declare class AfStat {
+    /** The statistic headline value (e.g. "1B+", "95%", "10+"). */
+    value: string;
+    /** Description / caption rendered beneath the value. */
+    label: string;
+    render(): any;
+}

package/dist/types/components/af-stats-row/af-stats-row.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Layout container for a horizontal row of `af-stat` children.
+ *
+ * Flex row that wraps to a grid on narrow viewports. Uses `scoped: true`
+ * so slotted `<af-stat>` children stay in the light DOM and inherit the
+ * ancestor theme (`af-section`) via the cascaded `.theme-*` class.
+ *
+ * Intentionally has **no `theme` prop** — a stats row is always flush
+ * against its section background, so a local theme would fight the
+ * ancestor. If you need a different background for the row, wrap it in
+ * its own `af-section` or `af-theme-override`.
+ *
+ * @slot - `af-stat` elements (typically 3–4 for a balanced row).
+ */
+export declare class AfStatsRow {
+    render(): any;
+}

package/dist/types/components/af-theme-override/af-theme-override.d.ts

@@ -1,3 +1,4 @@
+import type { Theme } from '../../types';
 /**
  * Theme Override utility component.
  * Wraps content and applies an explicit theme, overriding any inherited theme
@@ -13,6 +14,6 @@ export declare class AfThemeOverride {
      * The theme to apply to child components.
      * Overrides any inherited theme from parent containers.
      */
-    theme: 'white' | 'inkwell' | 'mist-green' | 'soft-clay' | 'white-ivory';
+    theme: Theme;
     render(): any;
 }

package/dist/types/components/af-typography-lockup/af-typography-lockup.d.ts

@@ -1,10 +1,11 @@
+import type { HeadingSize } from '../../types';
 type TextAlign = 'left' | 'center' | 'right' | 'justify';
 /**
  * Marketing-style composition of heading + description + buttons with
  * consistent spacing and alignment driven by the `headingSize` prop.
  *
  * **Semantic vs visual:** `headingSize` controls ONLY the visual scale
- * (the lockup sets font-size via a `heading-{1..5}` class). The semantic
+ * (the lockup sets font-size via a `heading-{1..5|card}` class). The semantic
  * level (h1-h6) is whatever the consumer slots in as default content.
  * Keep them aligned by convention so assistive tech and search engines
  * see the right hierarchy:
@@ -14,20 +15,27 @@ type TextAlign = 'left' | 'center' | 'right' | 'justify';
  *   headingSize=3 ↔ <h3>
  *   headingSize=4 ↔ <h4>
  *   headingSize=5 ↔ <h5>
+ *   headingSize="card" ↔ <h3> (card-title scale: 22/20px)
  *
  * When a design asks for a visually small H1 or a visually large H3,
  * pass the two independently — just do it deliberately, not by
  * accident. A console warning fires in dev mode if the slotted tag is
  * more than one level away from the prop.
+ *
+ * The `card` variant renders slightly larger than `5` (22/20px vs 20/18px)
+ * and targets card titles in dense grids (diff-card h3, NumberedStepper
+ * title, expert-insights related-card h3 on the marketing site). It sits
+ * between `4` and `5` in the type ladder.
  */
 export declare class AfTypographyLockup {
     el: HTMLElement;
     /**
-     * The heading size (1-5, where 1 is largest). Controls visual scale
+     * The heading size (1-5, or "card"; 1 is largest). Controls visual scale
      * only — pair with a matching <h1>-<h5> slotted element for correct
-     * document outline (see component docblock).
+     * document outline (see component docblock). The `card` variant sits
+     * between 4 and 5 at 22/20px and is meant for card titles.
      */
-    headingSize: 1 | 2 | 3 | 4 | 5;
+    headingSize: HeadingSize;
     /**
      * The breakpoint for responsive typography
      */