@affinda/wc 0.0.20 → 0.0.22

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { af_heading as AfHeading, af_logo as AfLogo, af_nav_item as AfNavItem, af_navbar as AfNavbar, af_text as AfText } from './af-heading_5.entry.js';
+export { af_heading as AfHeading, af_logo as AfLogo, af_nav_item as AfNavItem, af_navbar as AfNavbar, af_text as AfText } from './af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.js';
 export { af_color_swatch as AfColorSwatch } from './af-color-swatch.entry.js';
 export { af_container as AfContainer } from './af-container.entry.js';
 export { af_aspect_ratio as AfAspectRatio } from './af-aspect-ratio.entry.js';
@@ -17,5 +17,4 @@ 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-B0LVveHp.js';
-//# sourceMappingURL=index.js.map
+import './index-CPfAC9fk.js';

package/dist/esm/loader.js

@@ -1,11 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-B0LVveHp.js';
-export { s as setNonce } from './index-B0LVveHp.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-CPfAC9fk.js';
+export { s as setNonce } from './index-CPfAC9fk.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["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-icon-text",[[262,"af-icon-text",{"icon":[1],"headingSize":[2,"heading-size"],"orientation":[1],"iconSize":[1,"icon-size"]}]]],["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",[[257,"af-client-carousel",{"theme":[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],"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-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]}]]],["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]},[[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"]}]]]], options);
+  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",[[2,"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":0}]}]]],["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":0}]}]]],["af-accordion-item",[[257,"af-accordion-item",{"itemId":[513,"item-id"],"open":[1540],"disabled":[516],"contentHeight":[32],"toggle":[64]},null,{"open":[{"handleOpenChange":0}]}]]],["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",[[257,"af-client-carousel",{"theme":[1],"rows":[2]}]]],["af-color-swatch",[[1,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-divider",[[1,"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":0}]}]]],["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],"toggle":[64]},null,{"open":[{"handleOpenChange":0}]}]]],["af-nav-card",[[2,"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",[[1,"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",[[1,"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",[[2,"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",[[2,"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",[[2,"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"],[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]}],[1,"af-logo"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-icon",[[1,"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"]}]]]], options);
 };
 
 export { defineCustomElements };
-//# sourceMappingURL=loader.js.map

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

@@ -12,15 +12,16 @@ export declare class AfButton {
      * The visual variant of the button.
      * - `primary` - Main CTA with filled background (use sparingly, 1-2 per view)
      * - `secondary` - Supporting action with outlined style
-     * - `tertiary` - Subtle text-link style with underline
+     * - `ghost` - Link-style with themed underline on the label; commonly paired
+     *   with a right-pointing icon. Matches Webflow's "button ghost" variant.
      */
-    variant: 'primary' | 'secondary' | 'tertiary';
+    variant: 'primary' | 'secondary' | 'ghost';
     /**
      * The size of the button.
-     * - `default` - Standard size for primary CTAs
-     * - `small` - Compact size for inline or secondary contexts
+     * - `default` - Standard size for primary CTAs (12/24px padding)
+     * - `thin` - Compact inline/secondary size (8/16px padding)
      */
-    size: 'default' | 'small';
+    size: 'default' | 'thin';
     /**
      * Whether the button is disabled
      */

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

@@ -3,13 +3,23 @@ type Theme = 'white' | 'inkwell' | 'mist-green' | 'soft-clay' | 'white-ivory';
  * Infinite scrolling carousel for client logos.
  *
  * This is a section-level component that spans full width.
- * It supports theming via the `theme` prop.
+ * Renders one or two scrolling rows; single row matches the Webflow reference,
+ * two rows (scrolling opposite directions) is the denser variant.
  *
  * For headlines, use a separate TypographyLockup or Heading component above this carousel.
  */
 export declare class AfClientCarousel {
     /** 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.
+     *
+     * When `rows="2"`, slot `row-1` and `row-2` independently.
+     * When `rows="1"`, slot the default slot (unnamed) or `row-1`.
+     */
+    rows: 1 | 2;
     render(): any;
 }
 export {};

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

@@ -10,14 +10,14 @@ import type { IconName } from '@affinda/icons';
  *
  * @slot - Heading text content (passed to TypographyLockup)
  * @slot description - Body/description text
- * @slot buttons - Action buttons (typically tertiary style)
+ * @slot buttons - Action buttons (typically ghost style)
  *
  * @example
  * ```html
  * <af-icon-text icon="settings" heading-size="4">
  *   Feature Heading
  *   <span slot="description">Feature description text.</span>
- *   <af-button slot="buttons" variant="tertiary">Learn more</af-button>
+ *   <af-button slot="buttons" variant="ghost">Learn more</af-button>
  * </af-icon-text>
  * ```
  */

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

@@ -1,13 +1,14 @@
 /**
  * Illustrated Card molecule component that combines a card with an illustration.
  *
- * Uses a theme background with text at top and an illustration from
- * @affinda/illustrations at the bottom.
+ * Uses a theme background with text at top, a button row in the middle, and
+ * an illustration from @affinda/illustrations at the bottom.
  *
  * Uses af-card atom internally and af-typography-lockup for text hierarchy.
  *
  * @slot - Heading text content
  * @slot body - Description/body text content
+ * @slot buttons - Action buttons (rendered below the description, above the illustration)
  * @slot illustration - Illustration image element
  */
 export declare class AfIllustratedCard {

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

@@ -11,5 +11,15 @@ export declare class AfImage {
      * Alternative text for the image (required for accessibility)
      */
     alt: string;
+    /**
+     * Shape / corner rounding variant. Matches Webflow's `.image-fill.rounded-*`
+     * patterns where only one edge is rounded so the image bleeds into a
+     * neighbouring section.
+     * - `rounded` (default) — symmetric rounded corners on all four sides.
+     * - `rounded-left` — rounded only on the left edge (top-left + bottom-left).
+     * - `rounded-right` — rounded only on the right edge.
+     * - `square` — no corner rounding.
+     */
+    shape: 'rounded' | 'rounded-left' | 'rounded-right' | 'square';
     render(): any;
 }

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

@@ -22,6 +22,16 @@ type BannerTheme = 'white-ivory' | 'mist-green' | 'soft-clay' | 'inkwell';
  * ```
  *
  * Alternatively, use the `illustration` slot for completely custom content.
+ *
+ * **Slot-based composition (preferred for rich content):**
+ * - `heading` — heading markup (overrides the `heading` prop when provided).
+ * - `description` — description markup (overrides the `description` prop).
+ * - `buttons` — custom button group (overrides the primary/secondary button
+ *   props; use when you need ghost variants, more than two buttons, or
+ *   per-button icons).
+ * - `illustration` — custom illustration markup.
+ *
+ * The string props remain supported for simple cases.
  */
 export declare class AfInPageBanner {
     /** Theme - sets the banner background color and typography colors */

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

@@ -11,10 +11,10 @@
  * - `start` - Primary navigation links (left side, desktop)
  * - `end` - Secondary/utility links (right side)
  * - `button` - Call-to-action button
- * - `dropdown-solutions` - Mega-menu for Solutions dropdown
- * - `dropdown-pricing` - Mega-menu for Pricing dropdown
- * - `dropdown-resources` - Mega-menu for Resources dropdown
- * - `dropdown` - Generic dropdown slot
+ * - `dropdowns` - One or more dropdown panels, each a `<div data-for="id">`
+ *   where `id` matches the `data-dropdown="id"` attribute on the trigger.
+ *   Clicking a trigger toggles the matching panel; only one is visible at
+ *   a time.
  * - `mobile-menu` - Mobile menu content (use af-nav-accordion for accordion menus)
  * - `mobile-button` - CTA button for mobile menu (appears at top)
  */
@@ -42,10 +42,24 @@ export declare class AfNavbar {
      * Toggles a dropdown by its identifier
      */
     private toggleDropdown;
+    /**
+     * Open the dropdown matching the clicked `[data-dropdown]` trigger.
+     * Runs on capture so we intercept the click before nav-item's own
+     * navigation behaviour.
+     */
+    handleTriggerClick(event: MouseEvent): void;
     /**
      * Handle clicks outside the navbar to close dropdowns
      */
     handleDocumentClick(event: MouseEvent): void;
+    /**
+     * Keep the visibility of slotted dropdown panels in sync with the
+     * currently active dropdown. Each panel lives in the `dropdowns` slot
+     * and carries a `data-for` attribute that matches its trigger's id.
+     */
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    private syncDropdownPanels;
     /**
      * Handle escape key to close dropdowns
      */

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

@@ -0,0 +1,30 @@
+/**
+ * Stepper composite for "Sign up / Upload / See results"-style marketing
+ * flows. Renders children `af-stepper-step` elements in a horizontal row
+ * (desktop) or vertical stack (mobile), with a connector line between badges.
+ *
+ * Matches Webflow's `.stepper` pattern — numbered circled badges, a spine
+ * connector, and centered step text.
+ *
+ * @example
+ * ```html
+ * <af-stepper>
+ *   <af-stepper-step>
+ *     <h3 slot="heading">Sign up for free</h3>
+ *     <p slot="body">No sales calls, no credit cards.</p>
+ *   </af-stepper-step>
+ *   <af-stepper-step>...</af-stepper-step>
+ *   <af-stepper-step>...</af-stepper-step>
+ * </af-stepper>
+ * ```
+ *
+ * @slot - `af-stepper-step` elements.
+ */
+export declare class AfStepper {
+    el: HTMLElement;
+    /** Layout orientation. Horizontal on desktop, auto-stacks on mobile. */
+    orientation: 'horizontal' | 'vertical';
+    componentDidLoad(): void;
+    private assignIndices;
+    render(): any;
+}

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

@@ -0,0 +1,18 @@
+/**
+ * A single step within an af-stepper. Renders a numbered circular badge
+ * followed by slotted heading + body content.
+ *
+ * The parent af-stepper auto-assigns the `index` attribute based on DOM
+ * order, so consumers don't need to hand-number the steps.
+ *
+ * @slot heading - Step title (h3/h4 recommended).
+ * @slot body - Step description paragraph(s).
+ */
+export declare class AfStepperStep {
+    /**
+     * 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-tag/af-tag.d.ts

@@ -1,28 +1,31 @@
 export type TagSize = 'x-small' | 'small' | 'large';
-export type TagVariant = 'sand' | 'light';
+export type TagVariant = 'default' | 'inkwell' | 'white' | 'soft-clay' | 'mist-green';
 /**
  * Tag displays a label in a styled container.
  * Perfect for categorization, topics, or metadata display.
  *
+ * The `default` variant inherits its colors from the parent theme context
+ * (af-section, af-card). Use explicit variants (`inkwell`, `white`,
+ * `soft-clay`, `mist-green`) to override.
+ *
  * @example
  * ```html
  * <af-tag>AI</af-tag>
- * <af-tag size="small">Machine Learning</af-tag>
- * <af-tag size="large" variant="light">Document Processing</af-tag>
+ * <af-tag size="small" variant="inkwell">Machine Learning</af-tag>
+ * <af-tag size="large" variant="white">Document Processing</af-tag>
  * ```
  */
 export declare class AfTag {
     /**
      * The size of the tag
      * - `x-small` - Compact tag with minimal padding
-     * - `small` - Small tag with moderate padding
+     * - `small` - Small tag with moderate padding (default)
      * - `large` - Large tag with generous padding
      */
     size: TagSize;
     /**
-     * The visual variant of the tag
-     * - `sand` - Soft-clay/tan colored background (default)
-     * - `light` - Mist-green/light colored background
+     * Visual variant of the tag. `default` inherits tag colors from the
+     * parent theme context. Theme-named variants force a specific palette.
      */
     variant: TagVariant;
     /**

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

@@ -1,4 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot quote-body - Rich quote content (paragraphs, lists). Overrides the
+ *   `quote` string prop when provided. Use for testimonials that include
+ *   multiple paragraphs, bulleted points, or inline emphasis.
+ * @slot quote-icon - Quote icon (defaults to af-icon name="quote").
+ * @slot stats - Statistic items (af-testimonial-stat components).
+ * @slot navigation - Custom nav controls (when not using built-in ones).
+ */
 export declare class AfTestimonial {
     /**
      * Background image URL for the testimonial card
@@ -9,9 +17,10 @@ export declare class AfTestimonial {
      */
     logoImage?: string;
     /**
-     * Testimonial quote text
+     * Testimonial quote text. Falls back to the `quote-body` slot if that
+     * slot has content.
      */
-    quote: string;
+    quote?: string;
     /**
      * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
      */

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

@@ -33,6 +33,21 @@ export declare class AfTypographyLockup {
      * Maximum width for the copy section (in pixels)
      */
     maxWidth?: number;
+    /**
+     * Heading colour variant. Matches the Webflow pattern of `h1.primary` vs
+     * `h1.secondary`, where "secondary" renders in the theme's accent/heading-
+     * secondary colour (soft-clay on most themes).
+     * - `primary` (default) - uses `--af-typography-heading-primary`
+     * - `secondary` - uses `--af-typography-heading-secondary`
+     */
+    headingColor: 'primary' | 'secondary';
+    /**
+     * Description colour variant. Same pattern as `headingColor`; useful for
+     * hero-style lockups where the description is rendered in the accent colour.
+     * - `default` (default) - uses `--af-typography-body-default`
+     * - `secondary` - uses `--af-typography-heading-secondary`
+     */
+    descriptionColor: 'default' | 'secondary';
     render(): any;
 }
 export {};