@affinda/wc 0.0.16 → 0.0.18

package/dist/esm/index.js

@@ -17,5 +17,5 @@ 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-BmU_CFQ4.js';
+import './index-B0LVveHp.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-BmU_CFQ4.js';
-export { s as setNonce } from './index-BmU_CFQ4.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-B0LVveHp.js';
+export { s as setNonce } from './index-B0LVveHp.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-hero-section",[[262,"af-hero-section",{"theme":[1],"withDecoration":[4,"with-decoration"],"minHeight":[1,"min-height"],"headingSize":[2,"heading-size"],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]],["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-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["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-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-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-card",[[257,"af-nav-card",{"heading":[1],"href":[1],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"isHovered":[32]}]]],["af-nav-menu",[[257,"af-nav-menu",{"heading":[1],"breakpoint":[1],"showBorder":[4,"show-border"],"cardStyle":[516,"card-style"]}]]],["af-nav-menu-nest",[[257,"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":[1],"value":[1]}]]],["af-social-link",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["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-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-progress-line",[[258,"af-progress-line",{"progress":[2],"orientation":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-heading_5",[[257,"af-navbar",{"showDefaultLogo":[4,"show-default-logo"],"theme":[1],"mobileMenuOpen":[32],"activeDropdown":[32]},[[4,"click","handleDocumentClick"],[4,"keydown","handleKeyDown"]]],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"breakpoint":[1],"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"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]]], options);
+  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);
 };
 
 export { defineCustomElements };

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

@@ -0,0 +1,55 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Accordion container that manages multiple accordion items.
+ * Controls which items are open based on mode (independent or exclusive).
+ *
+ * @slot - Place af-accordion-item components here
+ */
+export declare class AfAccordion {
+    el: HTMLElement;
+    /**
+     * Behavior mode for the accordion.
+     * - `independent`: Multiple items can be open simultaneously
+     * - `exclusive`: Only one item can be open at a time
+     */
+    mode: 'independent' | 'exclusive';
+    /**
+     * Currently open item(s) for controlled mode.
+     * In independent mode, can be an array of item IDs.
+     * In exclusive mode, should be a single item ID or null.
+     */
+    value?: string | string[];
+    /**
+     * Default open item(s) for uncontrolled mode.
+     * Used as initial state when value prop is not provided.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Emitted when the open state of items changes.
+     * Returns the new value (string[] for independent, string | null for exclusive).
+     */
+    accordionChange: EventEmitter<{
+        value: string | string[] | null;
+    }>;
+    internalValue: string[];
+    private isControlled;
+    componentWillLoad(): void;
+    handleValueChange(newValue: string | string[] | undefined): void;
+    componentDidLoad(): void;
+    /**
+     * Listen for toggle events from child accordion items
+     */
+    handleItemToggle(event: CustomEvent<{
+        itemId: string;
+        open: boolean;
+    }>): void;
+    /**
+     * Normalize value prop to array format for internal use
+     */
+    private normalizeValue;
+    /**
+     * Sync the open state of all child accordion items
+     */
+    private syncItems;
+    render(): any;
+}

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

@@ -0,0 +1,44 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A single collapsible accordion item with header and content.
+ * Can be used standalone or within an af-accordion container.
+ *
+ * @slot trigger - The clickable header content
+ * @slot - The collapsible content (default slot)
+ */
+export declare class AfAccordionItem {
+    el: HTMLElement;
+    /**
+     * Unique identifier for this accordion item.
+     * Used by parent af-accordion to track open state.
+     */
+    itemId: string;
+    /**
+     * Whether this item is currently expanded
+     */
+    open: boolean;
+    /**
+     * Whether this item is disabled (cannot be toggled)
+     */
+    disabled: boolean;
+    /**
+     * Emitted when the accordion item is toggled
+     */
+    accordionToggle: EventEmitter<{
+        itemId: string;
+        open: boolean;
+    }>;
+    contentHeight: number;
+    private contentRef?;
+    private resizeObserver?;
+    handleOpenChange(newValue: boolean): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Programmatically toggle the accordion item
+     */
+    toggle(): Promise<void>;
+    private measureContent;
+    private handleTriggerClick;
+    render(): any;
+}

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

@@ -1,6 +1,6 @@
 /**
  * Button component that inherits colors from theme context.
- * Colors are determined by the parent theme (af-section, af-hero-section, etc.)
+ * Colors are determined by the parent theme (af-section, af-card, etc.)
  * via CSS custom properties.
  *
  * @slot - Button label text

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

@@ -0,0 +1,28 @@
+type Axis = 'horizontal' | 'vertical' | 'both';
+/**
+ * Center layout component for quickly centering content.
+ * Supports horizontal, vertical, or both axes.
+ *
+ * @slot - Content to center
+ */
+export declare class AfCenter {
+    /**
+     * Which axis to center on.
+     * - 'horizontal': Center horizontally (justify-content: center)
+     * - 'vertical': Center vertically (align-items: center)
+     * - 'both': Center on both axes
+     */
+    axis: Axis;
+    /**
+     * Use inline-flex instead of flex.
+     * Useful when the center container should only take up as much space as needed.
+     */
+    inline: boolean;
+    /**
+     * Set a minimum height. Useful for vertical centering in a viewport.
+     * Accepts any valid CSS value (e.g., '100vh', '400px').
+     */
+    minHeight?: string;
+    render(): any;
+}
+export {};

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

@@ -0,0 +1,20 @@
+type Orientation = 'horizontal' | 'vertical';
+type Spacing = 'none' | '1' | '2' | '3' | '4' | '5' | '6' | '8';
+/**
+ * Divider component for visual separation between content.
+ * Supports horizontal and vertical orientations with theme-aware styling.
+ */
+export declare class AfDivider {
+    /**
+     * Orientation of the divider.
+     */
+    orientation: Orientation;
+    /**
+     * Spacing (margin) around the divider using space tokens.
+     * For horizontal: margin-top and margin-bottom
+     * For vertical: margin-left and margin-right
+     */
+    spacing: Spacing;
+    render(): any;
+}
+export {};

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

@@ -0,0 +1,38 @@
+type Gap = '1' | '2' | '3' | '4' | '5' | '6' | '8';
+type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 12;
+type Align = 'start' | 'center' | 'end' | 'stretch';
+/**
+ * Generic CSS Grid component for flexible column layouts.
+ * Supports responsive column counts at different breakpoints.
+ *
+ * @slot - Grid items
+ */
+export declare class AfGrid {
+    /**
+     * Number of columns at the default (largest) breakpoint.
+     */
+    columns: Columns;
+    /**
+     * Number of columns at the large breakpoint (1024px and below).
+     */
+    columnsLg?: Columns;
+    /**
+     * Number of columns at the medium breakpoint (768px and below).
+     */
+    columnsMd?: Columns;
+    /**
+     * Number of columns at the small breakpoint (375px and below).
+     */
+    columnsSm?: Columns;
+    /**
+     * Gap between grid items using space tokens (1-8).
+     * Maps to --space-1 through --space-8 (4px to 32px).
+     */
+    gap: Gap;
+    /**
+     * Align items within their grid cells.
+     */
+    align: Align;
+    render(): any;
+}
+export {};

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

@@ -1,13 +1,13 @@
 /**
  * Heading component that inherits color from theme context.
- * Color is determined by the parent theme (af-section, af-hero-section, etc.)
+ * Color is determined by the parent theme (af-section, af-card, etc.)
  * via CSS custom properties.
  */
 export declare class AfHeading {
     /** Heading level */
     level: 'xl' | '1' | '2' | '3' | '4' | '5';
-    /** Visual alignment */
-    align: 'left' | 'center' | 'right';
+    /** Visual alignment. Defaults to 'inherit' which reads from parent context (e.g. AfTypographyLockup) */
+    align: 'inherit' | 'left' | 'center' | 'right';
     private getHeadingTag;
     render(): any;
 }

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

@@ -0,0 +1,30 @@
+type Gap = '1' | '2' | '3' | '4' | '5' | '6' | '8';
+type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+/**
+ * Inline layout component for horizontal inline-flex layouts with gap and optional wrapping.
+ * Ideal for button groups, tags, pills, and other inline elements.
+ *
+ * @slot - Content to layout inline
+ */
+export declare class AfInline {
+    /**
+     * Gap between items using space tokens (1-8).
+     * Maps to --space-1 through --space-8 (4px to 32px).
+     */
+    gap: Gap;
+    /**
+     * Align items on the cross axis.
+     */
+    align: Align;
+    /**
+     * Justify content on the main axis.
+     */
+    justify: Justify;
+    /**
+     * Whether items should wrap to the next line when they overflow.
+     */
+    wrap: boolean;
+    render(): any;
+}
+export {};

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Navigation-styled accordion for mobile menu patterns.
+ * A wrapper around af-accordion with navigation-specific styling.
+ *
+ * @slot - Place af-nav-accordion-item components here
+ */
+export declare class AfNavAccordion {
+    el: HTMLElement;
+    /**
+     * Behavior mode for the accordion.
+     * - `independent`: Multiple items can be open simultaneously
+     * - `exclusive`: Only one item can be open at a time (typical for mobile nav)
+     */
+    mode: 'independent' | 'exclusive';
+    /**
+     * Breakpoint for styling
+     * - `desktop`: Desktop-specific styles
+     * - `mobile`: Mobile-specific styles (default for nav menus)
+     */
+    breakpoint: 'desktop' | 'mobile';
+    /**
+     * Currently open item ID(s)
+     */
+    value?: string | string[];
+    /**
+     * Emitted when the open state of items changes
+     */
+    navAccordionChange: EventEmitter<{
+        value: string | string[] | null;
+    }>;
+    internalValue: string[];
+    componentWillLoad(): void;
+    /**
+     * Listen for toggle events from child items
+     */
+    handleItemToggle(event: CustomEvent<{
+        itemId: string;
+        open: boolean;
+    }>): void;
+    private normalizeValue;
+    private syncItems;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/af-nav-accordion-item/af-nav-accordion-item.d.ts

@@ -0,0 +1,57 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Navigation accordion item with NavItem-styled trigger.
+ * Combines navigation item styling with accordion collapse behavior.
+ *
+ * @slot trigger - Custom trigger content (optional - uses label if not provided)
+ * @slot - The collapsible content (typically NavMenuNest or NavMenu components)
+ */
+export declare class AfNavAccordionItem {
+    el: HTMLElement;
+    /**
+     * Unique identifier for this accordion item
+     */
+    itemId: string;
+    /**
+     * Label text for the navigation item trigger
+     */
+    label?: string;
+    /**
+     * Whether this item is currently expanded
+     */
+    open: boolean;
+    /**
+     * Whether this item is disabled
+     */
+    disabled: boolean;
+    /**
+     * Optional href - if provided, clicking navigates instead of expanding
+     * (chevron area would still toggle expansion if both behaviors needed)
+     */
+    href?: string;
+    /**
+     * Breakpoint for styling
+     */
+    breakpoint: 'desktop' | 'mobile';
+    /**
+     * Emitted when the accordion item is toggled
+     */
+    navAccordionItemToggle: EventEmitter<{
+        itemId: string;
+        open: boolean;
+    }>;
+    contentHeight: number;
+    hasTriggerSlot: boolean;
+    private contentRef?;
+    handleOpenChange(newValue: boolean): void;
+    componentDidLoad(): void;
+    /**
+     * Programmatically toggle the accordion item
+     */
+    toggle(): Promise<void>;
+    private measureContent;
+    private handleTriggerClick;
+    private handleKeyDown;
+    private handleSlotChange;
+    render(): any;
+}

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

@@ -5,6 +5,18 @@
  *
  * The logo slot can be used to provide a custom logo. If no logo is provided,
  * the default Affinda logo will be displayed.
+ *
+ * **Slots:**
+ * - `logo` - Logo area (defaults to Affinda logo if empty)
+ * - `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
+ * - `mobile-menu` - Mobile menu content (use af-nav-accordion for accordion menus)
+ * - `mobile-button` - CTA button for mobile menu (appears at top)
  */
 export declare class AfNavbar {
     el: HTMLElement;
@@ -15,6 +27,8 @@ export declare class AfNavbar {
     showDefaultLogo: boolean;
     /** Theme for the spacer background - should match the section below the navbar */
     theme?: 'white' | 'inkwell' | 'mist-green' | 'soft-clay';
+    /** Force mobile layout regardless of viewport size (useful for testing/stories) */
+    forceMobile: boolean;
     private toggleMobileMenu;
     /**
      * Opens a dropdown by its identifier

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

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * Radio component for selecting a single option from a group.
+ * Radios with the same `name` prop are mutually exclusive.
  *
  * @slot - Radio label text
  */
 export declare class AfRadio {
+    el: HTMLElement;
     /**
      * Whether the radio is checked
      */
@@ -27,7 +29,8 @@ export declare class AfRadio {
     afChange: EventEmitter<{
         checked: boolean;
         value?: string;
+        name?: string;
     }>;
-    private handleChange;
+    private handleClick;
     render(): any;
 }

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

@@ -4,7 +4,7 @@
  */
 export declare class AfSection {
     /** Padding variant */
-    padding: 'tight' | 'default' | 'loose';
+    padding: 'none' | 'tight' | 'default' | 'loose';
     /** Theme - sets background color and provides theme context to children */
     theme: 'white' | 'inkwell' | 'mist-green' | 'soft-clay' | 'white-ivory';
     /** Whether to include a Container wrapper */

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

@@ -0,0 +1,27 @@
+type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Show component for responsive visibility control.
+ * Show or hide content based on viewport breakpoints.
+ *
+ * Breakpoints (from tokens):
+ * - sm: 375px
+ * - md: 768px
+ * - lg: 1024px
+ * - xl: 1440px
+ *
+ * @slot - Content to show/hide
+ */
+export declare class AfShow {
+    /**
+     * Show content only when viewport is at or above this breakpoint.
+     * Content is hidden below this breakpoint.
+     */
+    above?: Breakpoint;
+    /**
+     * Show content only when viewport is below this breakpoint.
+     * Content is hidden at or above this breakpoint.
+     */
+    below?: Breakpoint;
+    render(): any;
+}
+export {};

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

@@ -0,0 +1,29 @@
+type Size = '1' | '2' | '3' | '4' | '5' | '6' | '8';
+/**
+ * Spacer component for adding fixed or flexible space between elements.
+ * Use within flex or grid layouts.
+ */
+export declare class AfSpacer {
+    /**
+     * Fixed size using space tokens (1-8).
+     * Maps to --space-1 through --space-8 (4px to 32px).
+     * Ignored when `flex` is true.
+     */
+    size?: Size;
+    /**
+     * When true, the spacer grows to fill available space (flex: 1).
+     * Useful for pushing items apart in a flex container.
+     */
+    flex: boolean;
+    /**
+     * Axis for the spacer sizing.
+     * - 'horizontal': Width-based spacing
+     * - 'vertical': Height-based spacing
+     * - 'both': Both dimensions (square)
+     *
+     * Auto-detected based on parent flex direction when possible.
+     */
+    axis: 'horizontal' | 'vertical' | 'both';
+    render(): any;
+}
+export {};

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

@@ -12,7 +12,7 @@ export declare class AfSplitSection {
     /** Theme for the bottom half of the section */
     bottomTheme: Theme;
     /** Padding variant */
-    padding: 'tight' | 'default' | 'loose';
+    padding: 'none' | 'tight' | 'default' | 'loose';
     /** Whether to include a Container wrapper */
     container: boolean;
     render(): any;

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

@@ -0,0 +1,37 @@
+type Gap = '1' | '2' | '3' | '4' | '5' | '6' | '8';
+type Direction = 'vertical' | 'horizontal';
+type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+/**
+ * Stack layout component for vertical or horizontal flex layouts with consistent gap spacing.
+ * Uses design tokens for gap values.
+ *
+ * @slot - Content to stack
+ */
+export declare class AfStack {
+    /**
+     * Stack direction.
+     * - 'vertical': Items stack top to bottom (flex-direction: column)
+     * - 'horizontal': Items stack left to right (flex-direction: row)
+     */
+    direction: Direction;
+    /**
+     * Gap between items using space tokens (1-8).
+     * Maps to --space-1 through --space-8 (4px to 32px).
+     */
+    gap: Gap;
+    /**
+     * Align items on the cross axis.
+     */
+    align: Align;
+    /**
+     * Justify content on the main axis.
+     */
+    justify: Justify;
+    /**
+     * Whether items should wrap to the next line.
+     */
+    wrap: boolean;
+    render(): any;
+}
+export {};

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

@@ -1,13 +1,13 @@
 /**
  * Text/body component that inherits color from theme context.
- * Color is determined by the parent theme (af-section, af-hero-section, etc.)
+ * Color is determined by the parent theme (af-section, af-card, etc.)
  * via CSS custom properties.
  */
 export declare class AfText {
     /** Text variant */
     variant: 'xlarge' | 'large' | 'medium' | 'small';
-    /** Visual alignment */
-    align: 'left' | 'center' | 'right';
+    /** Visual alignment. When not set, inherits from parent context (e.g. typography lockup). */
+    align?: 'left' | 'center' | 'right';
     /** Semantic element to render */
     as: 'p' | 'span' | 'div' | 'label';
     render(): any;

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

@@ -0,0 +1,18 @@
+/**
+ * Theme Override utility component.
+ * Wraps content and applies an explicit theme, overriding any inherited theme
+ * from parent containers like AfSection or AfCard.
+ *
+ * Unlike AfSection, this component does NOT apply a background color -
+ * it only sets the CSS custom properties that child components consume.
+ *
+ * @slot - Content to be themed
+ */
+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';
+    render(): any;
+}