@affinda/react 0.0.26 → 0.0.28

package/dist/generated/components.d.ts

@@ -2,15 +2,19 @@
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
+import { AfAccordionItem as AfAccordionItemElement } from "@affinda/wc/dist/components/af-accordion-item.js";
+import { AfAccordion as AfAccordionElement } from "@affinda/wc/dist/components/af-accordion.js";
 import { AfAspectRatio as AfAspectRatioElement } from "@affinda/wc/dist/components/af-aspect-ratio.js";
 import { AfButtonGroup as AfButtonGroupElement } from "@affinda/wc/dist/components/af-button-group.js";
 import { AfButton as AfButtonElement } from "@affinda/wc/dist/components/af-button.js";
 import { AfCard as AfCardElement } from "@affinda/wc/dist/components/af-card.js";
+import { AfCenter as AfCenterElement } from "@affinda/wc/dist/components/af-center.js";
 import { AfCheckbox as AfCheckboxElement } from "@affinda/wc/dist/components/af-checkbox.js";
 import { AfClientCarousel as AfClientCarouselElement } from "@affinda/wc/dist/components/af-client-carousel.js";
 import { AfColorSwatch as AfColorSwatchElement } from "@affinda/wc/dist/components/af-color-swatch.js";
 import { AfContactItem as AfContactItemElement } from "@affinda/wc/dist/components/af-contact-item.js";
 import { AfContainer as AfContainerElement } from "@affinda/wc/dist/components/af-container.js";
+import { AfDivider as AfDividerElement } from "@affinda/wc/dist/components/af-divider.js";
 import { AfFeatureAccordion as AfFeatureAccordionElement } from "@affinda/wc/dist/components/af-feature-accordion.js";
 import { AfFeatureCard as AfFeatureCardElement } from "@affinda/wc/dist/components/af-feature-card.js";
 import { AfFeatureGrid as AfFeatureGridElement } from "@affinda/wc/dist/components/af-feature-grid.js";
@@ -19,8 +23,8 @@ import { AfFooterColumn as AfFooterColumnElement } from "@affinda/wc/dist/compon
 import { AfFooterLink as AfFooterLinkElement } from "@affinda/wc/dist/components/af-footer-link.js";
 import { AfFooter as AfFooterElement } from "@affinda/wc/dist/components/af-footer.js";
 import { AfGridCallout as AfGridCalloutElement } from "@affinda/wc/dist/components/af-grid-callout.js";
+import { AfGrid as AfGridElement } from "@affinda/wc/dist/components/af-grid.js";
 import { AfHeading as AfHeadingElement } from "@affinda/wc/dist/components/af-heading.js";
-import { AfHeroSection as AfHeroSectionElement } from "@affinda/wc/dist/components/af-hero-section.js";
 import { AfIconBox as AfIconBoxElement } from "@affinda/wc/dist/components/af-icon-box.js";
 import { AfIconButton as AfIconButtonElement } from "@affinda/wc/dist/components/af-icon-button.js";
 import { AfIconText as AfIconTextElement } from "@affinda/wc/dist/components/af-icon-text.js";
@@ -28,9 +32,12 @@ import { AfIcon as AfIconElement } from "@affinda/wc/dist/components/af-icon.js"
 import { AfIllustratedCard as AfIllustratedCardElement } from "@affinda/wc/dist/components/af-illustrated-card.js";
 import { AfImage as AfImageElement } from "@affinda/wc/dist/components/af-image.js";
 import { AfInPageBanner as AfInPageBannerElement } from "@affinda/wc/dist/components/af-in-page-banner.js";
+import { AfInline as AfInlineElement } from "@affinda/wc/dist/components/af-inline.js";
 import { AfInput as AfInputElement } from "@affinda/wc/dist/components/af-input.js";
 import { AfLogoWell as AfLogoWellElement } from "@affinda/wc/dist/components/af-logo-well.js";
 import { AfLogo as AfLogoElement } from "@affinda/wc/dist/components/af-logo.js";
+import { AfNavAccordionItem as AfNavAccordionItemElement } from "@affinda/wc/dist/components/af-nav-accordion-item.js";
+import { AfNavAccordion as AfNavAccordionElement } from "@affinda/wc/dist/components/af-nav-accordion.js";
 import { AfNavCard as AfNavCardElement } from "@affinda/wc/dist/components/af-nav-card.js";
 import { AfNavItem as AfNavItemElement } from "@affinda/wc/dist/components/af-nav-item.js";
 import { AfNavMenuNest as AfNavMenuNestElement } from "@affinda/wc/dist/components/af-nav-menu-nest.js";
@@ -40,8 +47,11 @@ import { AfNumberBadge as AfNumberBadgeElement } from "@affinda/wc/dist/componen
 import { AfProgressLine as AfProgressLineElement } from "@affinda/wc/dist/components/af-progress-line.js";
 import { AfRadio as AfRadioElement } from "@affinda/wc/dist/components/af-radio.js";
 import { AfSection as AfSectionElement } from "@affinda/wc/dist/components/af-section.js";
+import { AfShow as AfShowElement } from "@affinda/wc/dist/components/af-show.js";
 import { AfSocialLink as AfSocialLinkElement } from "@affinda/wc/dist/components/af-social-link.js";
+import { AfSpacer as AfSpacerElement } from "@affinda/wc/dist/components/af-spacer.js";
 import { AfSplitSection as AfSplitSectionElement } from "@affinda/wc/dist/components/af-split-section.js";
+import { AfStack as AfStackElement } from "@affinda/wc/dist/components/af-stack.js";
 import { AfSwitch as AfSwitchElement } from "@affinda/wc/dist/components/af-switch.js";
 import { AfTabBar as AfTabBarElement } from "@affinda/wc/dist/components/af-tab-bar.js";
 import { AfTab as AfTabElement } from "@affinda/wc/dist/components/af-tab.js";
@@ -53,9 +63,24 @@ import { AfTextImageNest as AfTextImageNestElement } from "@affinda/wc/dist/comp
 import { AfTextImage as AfTextImageElement } from "@affinda/wc/dist/components/af-text-image.js";
 import { AfText as AfTextElement } from "@affinda/wc/dist/components/af-text.js";
 import { AfTextarea as AfTextareaElement } from "@affinda/wc/dist/components/af-textarea.js";
+import { AfThemeOverride as AfThemeOverrideElement } from "@affinda/wc/dist/components/af-theme-override.js";
 import { AfTypographyLockup as AfTypographyLockupElement } from "@affinda/wc/dist/components/af-typography-lockup.js";
 import { AfVideoContainer as AfVideoContainerElement } from "@affinda/wc/dist/components/af-video-container.js";
+import { AfVisuallyHidden as AfVisuallyHiddenElement } from "@affinda/wc/dist/components/af-visually-hidden.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type AfAccordionEvents = {
+    onAfAccordionChange: EventName<CustomEvent<{
+        value: string | string[] | null;
+    }>>;
+};
+export declare const AfAccordion: StencilReactComponent<AfAccordionElement, AfAccordionEvents>;
+export type AfAccordionItemEvents = {
+    onAfAccordionToggle: EventName<CustomEvent<{
+        itemId: string;
+        open: boolean;
+    }>>;
+};
+export declare const AfAccordionItem: StencilReactComponent<AfAccordionItemElement, AfAccordionItemEvents>;
 export type AfAspectRatioEvents = NonNullable<unknown>;
 export declare const AfAspectRatio: StencilReactComponent<AfAspectRatioElement, AfAspectRatioEvents>;
 export type AfButtonEvents = NonNullable<unknown>;
@@ -64,6 +89,8 @@ export type AfButtonGroupEvents = NonNullable<unknown>;
 export declare const AfButtonGroup: StencilReactComponent<AfButtonGroupElement, AfButtonGroupEvents>;
 export type AfCardEvents = NonNullable<unknown>;
 export declare const AfCard: StencilReactComponent<AfCardElement, AfCardEvents>;
+export type AfCenterEvents = NonNullable<unknown>;
+export declare const AfCenter: StencilReactComponent<AfCenterElement, AfCenterEvents>;
 export type AfCheckboxEvents = {
     onAfChange: EventName<CustomEvent<{
         checked: boolean;
@@ -78,6 +105,8 @@ export type AfContactItemEvents = NonNullable<unknown>;
 export declare const AfContactItem: StencilReactComponent<AfContactItemElement, AfContactItemEvents>;
 export type AfContainerEvents = NonNullable<unknown>;
 export declare const AfContainer: StencilReactComponent<AfContainerElement, AfContainerEvents>;
+export type AfDividerEvents = NonNullable<unknown>;
+export declare const AfDivider: StencilReactComponent<AfDividerElement, AfDividerEvents>;
 export type AfFeatureAccordionEvents = NonNullable<unknown>;
 export declare const AfFeatureAccordion: StencilReactComponent<AfFeatureAccordionElement, AfFeatureAccordionEvents>;
 export type AfFeatureCardEvents = NonNullable<unknown>;
@@ -92,12 +121,12 @@ export type AfFooterColumnEvents = NonNullable<unknown>;
 export declare const AfFooterColumn: StencilReactComponent<AfFooterColumnElement, AfFooterColumnEvents>;
 export type AfFooterLinkEvents = NonNullable<unknown>;
 export declare const AfFooterLink: StencilReactComponent<AfFooterLinkElement, AfFooterLinkEvents>;
+export type AfGridEvents = NonNullable<unknown>;
+export declare const AfGrid: StencilReactComponent<AfGridElement, AfGridEvents>;
 export type AfGridCalloutEvents = NonNullable<unknown>;
 export declare const AfGridCallout: StencilReactComponent<AfGridCalloutElement, AfGridCalloutEvents>;
 export type AfHeadingEvents = NonNullable<unknown>;
 export declare const AfHeading: StencilReactComponent<AfHeadingElement, AfHeadingEvents>;
-export type AfHeroSectionEvents = NonNullable<unknown>;
-export declare const AfHeroSection: StencilReactComponent<AfHeroSectionElement, AfHeroSectionEvents>;
 export type AfIconEvents = NonNullable<unknown>;
 export declare const AfIcon: StencilReactComponent<AfIconElement, AfIconEvents>;
 export type AfIconBoxEvents = NonNullable<unknown>;
@@ -112,6 +141,8 @@ export type AfImageEvents = NonNullable<unknown>;
 export declare const AfImage: StencilReactComponent<AfImageElement, AfImageEvents>;
 export type AfInPageBannerEvents = NonNullable<unknown>;
 export declare const AfInPageBanner: StencilReactComponent<AfInPageBannerElement, AfInPageBannerEvents>;
+export type AfInlineEvents = NonNullable<unknown>;
+export declare const AfInline: StencilReactComponent<AfInlineElement, AfInlineEvents>;
 export type AfInputEvents = {
     onAfInput: EventName<CustomEvent<{
         value: string;
@@ -126,6 +157,19 @@ export type AfLogoEvents = NonNullable<unknown>;
 export declare const AfLogo: StencilReactComponent<AfLogoElement, AfLogoEvents>;
 export type AfLogoWellEvents = NonNullable<unknown>;
 export declare const AfLogoWell: StencilReactComponent<AfLogoWellElement, AfLogoWellEvents>;
+export type AfNavAccordionEvents = {
+    onAfNavAccordionChange: EventName<CustomEvent<{
+        value: string | string[] | null;
+    }>>;
+};
+export declare const AfNavAccordion: StencilReactComponent<AfNavAccordionElement, AfNavAccordionEvents>;
+export type AfNavAccordionItemEvents = {
+    onAfNavAccordionItemToggle: EventName<CustomEvent<{
+        itemId: string;
+        open: boolean;
+    }>>;
+};
+export declare const AfNavAccordionItem: StencilReactComponent<AfNavAccordionItemElement, AfNavAccordionItemEvents>;
 export type AfNavCardEvents = NonNullable<unknown>;
 export declare const AfNavCard: StencilReactComponent<AfNavCardElement, AfNavCardEvents>;
 export type AfNavItemEvents = NonNullable<unknown>;
@@ -144,15 +188,22 @@ export type AfRadioEvents = {
     onAfChange: EventName<CustomEvent<{
         checked: boolean;
         value?: string;
+        name?: string;
     }>>;
 };
 export declare const AfRadio: StencilReactComponent<AfRadioElement, AfRadioEvents>;
 export type AfSectionEvents = NonNullable<unknown>;
 export declare const AfSection: StencilReactComponent<AfSectionElement, AfSectionEvents>;
+export type AfShowEvents = NonNullable<unknown>;
+export declare const AfShow: StencilReactComponent<AfShowElement, AfShowEvents>;
 export type AfSocialLinkEvents = NonNullable<unknown>;
 export declare const AfSocialLink: StencilReactComponent<AfSocialLinkElement, AfSocialLinkEvents>;
+export type AfSpacerEvents = NonNullable<unknown>;
+export declare const AfSpacer: StencilReactComponent<AfSpacerElement, AfSpacerEvents>;
 export type AfSplitSectionEvents = NonNullable<unknown>;
 export declare const AfSplitSection: StencilReactComponent<AfSplitSectionElement, AfSplitSectionEvents>;
+export type AfStackEvents = NonNullable<unknown>;
+export declare const AfStack: StencilReactComponent<AfStackElement, AfStackEvents>;
 export type AfSwitchEvents = {
     onAfChange: EventName<CustomEvent<{
         active: boolean;
@@ -193,6 +244,8 @@ export type AfTextareaEvents = {
     onAfInfoClick: EventName<CustomEvent<void>>;
 };
 export declare const AfTextarea: StencilReactComponent<AfTextareaElement, AfTextareaEvents>;
+export type AfThemeOverrideEvents = NonNullable<unknown>;
+export declare const AfThemeOverride: StencilReactComponent<AfThemeOverrideElement, AfThemeOverrideEvents>;
 export type AfTypographyLockupEvents = NonNullable<unknown>;
 export declare const AfTypographyLockup: StencilReactComponent<AfTypographyLockupElement, AfTypographyLockupEvents>;
 export type AfVideoContainerEvents = {
@@ -201,3 +254,5 @@ export type AfVideoContainerEvents = {
     }>>;
 };
 export declare const AfVideoContainer: StencilReactComponent<AfVideoContainerElement, AfVideoContainerEvents>;
+export type AfVisuallyHiddenEvents = NonNullable<unknown>;
+export declare const AfVisuallyHidden: StencilReactComponent<AfVisuallyHiddenElement, AfVisuallyHiddenEvents>;

package/dist/generated/components.js

@@ -4,15 +4,19 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 /* eslint-disable */
+import { AfAccordionItem as AfAccordionItemElement, defineCustomElement as defineAfAccordionItem } from "@affinda/wc/dist/components/af-accordion-item.js";
+import { AfAccordion as AfAccordionElement, defineCustomElement as defineAfAccordion } from "@affinda/wc/dist/components/af-accordion.js";
 import { AfAspectRatio as AfAspectRatioElement, defineCustomElement as defineAfAspectRatio } from "@affinda/wc/dist/components/af-aspect-ratio.js";
 import { AfButtonGroup as AfButtonGroupElement, defineCustomElement as defineAfButtonGroup } from "@affinda/wc/dist/components/af-button-group.js";
 import { AfButton as AfButtonElement, defineCustomElement as defineAfButton } from "@affinda/wc/dist/components/af-button.js";
 import { AfCard as AfCardElement, defineCustomElement as defineAfCard } from "@affinda/wc/dist/components/af-card.js";
+import { AfCenter as AfCenterElement, defineCustomElement as defineAfCenter } from "@affinda/wc/dist/components/af-center.js";
 import { AfCheckbox as AfCheckboxElement, defineCustomElement as defineAfCheckbox } from "@affinda/wc/dist/components/af-checkbox.js";
 import { AfClientCarousel as AfClientCarouselElement, defineCustomElement as defineAfClientCarousel } from "@affinda/wc/dist/components/af-client-carousel.js";
 import { AfColorSwatch as AfColorSwatchElement, defineCustomElement as defineAfColorSwatch } from "@affinda/wc/dist/components/af-color-swatch.js";
 import { AfContactItem as AfContactItemElement, defineCustomElement as defineAfContactItem } from "@affinda/wc/dist/components/af-contact-item.js";
 import { AfContainer as AfContainerElement, defineCustomElement as defineAfContainer } from "@affinda/wc/dist/components/af-container.js";
+import { AfDivider as AfDividerElement, defineCustomElement as defineAfDivider } from "@affinda/wc/dist/components/af-divider.js";
 import { AfFeatureAccordion as AfFeatureAccordionElement, defineCustomElement as defineAfFeatureAccordion } from "@affinda/wc/dist/components/af-feature-accordion.js";
 import { AfFeatureCard as AfFeatureCardElement, defineCustomElement as defineAfFeatureCard } from "@affinda/wc/dist/components/af-feature-card.js";
 import { AfFeatureGrid as AfFeatureGridElement, defineCustomElement as defineAfFeatureGrid } from "@affinda/wc/dist/components/af-feature-grid.js";
@@ -21,8 +25,8 @@ import { AfFooterColumn as AfFooterColumnElement, defineCustomElement as defineA
 import { AfFooterLink as AfFooterLinkElement, defineCustomElement as defineAfFooterLink } from "@affinda/wc/dist/components/af-footer-link.js";
 import { AfFooter as AfFooterElement, defineCustomElement as defineAfFooter } from "@affinda/wc/dist/components/af-footer.js";
 import { AfGridCallout as AfGridCalloutElement, defineCustomElement as defineAfGridCallout } from "@affinda/wc/dist/components/af-grid-callout.js";
+import { AfGrid as AfGridElement, defineCustomElement as defineAfGrid } from "@affinda/wc/dist/components/af-grid.js";
 import { AfHeading as AfHeadingElement, defineCustomElement as defineAfHeading } from "@affinda/wc/dist/components/af-heading.js";
-import { AfHeroSection as AfHeroSectionElement, defineCustomElement as defineAfHeroSection } from "@affinda/wc/dist/components/af-hero-section.js";
 import { AfIconBox as AfIconBoxElement, defineCustomElement as defineAfIconBox } from "@affinda/wc/dist/components/af-icon-box.js";
 import { AfIconButton as AfIconButtonElement, defineCustomElement as defineAfIconButton } from "@affinda/wc/dist/components/af-icon-button.js";
 import { AfIconText as AfIconTextElement, defineCustomElement as defineAfIconText } from "@affinda/wc/dist/components/af-icon-text.js";
@@ -30,9 +34,12 @@ import { AfIcon as AfIconElement, defineCustomElement as defineAfIcon } from "@a
 import { AfIllustratedCard as AfIllustratedCardElement, defineCustomElement as defineAfIllustratedCard } from "@affinda/wc/dist/components/af-illustrated-card.js";
 import { AfImage as AfImageElement, defineCustomElement as defineAfImage } from "@affinda/wc/dist/components/af-image.js";
 import { AfInPageBanner as AfInPageBannerElement, defineCustomElement as defineAfInPageBanner } from "@affinda/wc/dist/components/af-in-page-banner.js";
+import { AfInline as AfInlineElement, defineCustomElement as defineAfInline } from "@affinda/wc/dist/components/af-inline.js";
 import { AfInput as AfInputElement, defineCustomElement as defineAfInput } from "@affinda/wc/dist/components/af-input.js";
 import { AfLogoWell as AfLogoWellElement, defineCustomElement as defineAfLogoWell } from "@affinda/wc/dist/components/af-logo-well.js";
 import { AfLogo as AfLogoElement, defineCustomElement as defineAfLogo } from "@affinda/wc/dist/components/af-logo.js";
+import { AfNavAccordionItem as AfNavAccordionItemElement, defineCustomElement as defineAfNavAccordionItem } from "@affinda/wc/dist/components/af-nav-accordion-item.js";
+import { AfNavAccordion as AfNavAccordionElement, defineCustomElement as defineAfNavAccordion } from "@affinda/wc/dist/components/af-nav-accordion.js";
 import { AfNavCard as AfNavCardElement, defineCustomElement as defineAfNavCard } from "@affinda/wc/dist/components/af-nav-card.js";
 import { AfNavItem as AfNavItemElement, defineCustomElement as defineAfNavItem } from "@affinda/wc/dist/components/af-nav-item.js";
 import { AfNavMenuNest as AfNavMenuNestElement, defineCustomElement as defineAfNavMenuNest } from "@affinda/wc/dist/components/af-nav-menu-nest.js";
@@ -42,8 +49,11 @@ import { AfNumberBadge as AfNumberBadgeElement, defineCustomElement as defineAfN
 import { AfProgressLine as AfProgressLineElement, defineCustomElement as defineAfProgressLine } from "@affinda/wc/dist/components/af-progress-line.js";
 import { AfRadio as AfRadioElement, defineCustomElement as defineAfRadio } from "@affinda/wc/dist/components/af-radio.js";
 import { AfSection as AfSectionElement, defineCustomElement as defineAfSection } from "@affinda/wc/dist/components/af-section.js";
+import { AfShow as AfShowElement, defineCustomElement as defineAfShow } from "@affinda/wc/dist/components/af-show.js";
 import { AfSocialLink as AfSocialLinkElement, defineCustomElement as defineAfSocialLink } from "@affinda/wc/dist/components/af-social-link.js";
+import { AfSpacer as AfSpacerElement, defineCustomElement as defineAfSpacer } from "@affinda/wc/dist/components/af-spacer.js";
 import { AfSplitSection as AfSplitSectionElement, defineCustomElement as defineAfSplitSection } from "@affinda/wc/dist/components/af-split-section.js";
+import { AfStack as AfStackElement, defineCustomElement as defineAfStack } from "@affinda/wc/dist/components/af-stack.js";
 import { AfSwitch as AfSwitchElement, defineCustomElement as defineAfSwitch } from "@affinda/wc/dist/components/af-switch.js";
 import { AfTabBar as AfTabBarElement, defineCustomElement as defineAfTabBar } from "@affinda/wc/dist/components/af-tab-bar.js";
 import { AfTab as AfTabElement, defineCustomElement as defineAfTab } from "@affinda/wc/dist/components/af-tab.js";
@@ -55,10 +65,28 @@ import { AfTextImageNest as AfTextImageNestElement, defineCustomElement as defin
 import { AfTextImage as AfTextImageElement, defineCustomElement as defineAfTextImage } from "@affinda/wc/dist/components/af-text-image.js";
 import { AfText as AfTextElement, defineCustomElement as defineAfText } from "@affinda/wc/dist/components/af-text.js";
 import { AfTextarea as AfTextareaElement, defineCustomElement as defineAfTextarea } from "@affinda/wc/dist/components/af-textarea.js";
+import { AfThemeOverride as AfThemeOverrideElement, defineCustomElement as defineAfThemeOverride } from "@affinda/wc/dist/components/af-theme-override.js";
 import { AfTypographyLockup as AfTypographyLockupElement, defineCustomElement as defineAfTypographyLockup } from "@affinda/wc/dist/components/af-typography-lockup.js";
 import { AfVideoContainer as AfVideoContainerElement, defineCustomElement as defineAfVideoContainer } from "@affinda/wc/dist/components/af-video-container.js";
+import { AfVisuallyHidden as AfVisuallyHiddenElement, defineCustomElement as defineAfVisuallyHidden } from "@affinda/wc/dist/components/af-visually-hidden.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
+export const AfAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'af-accordion',
+    elementClass: AfAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAfAccordionChange: 'af-accordion-change' },
+    defineCustomElement: defineAfAccordion
+});
+export const AfAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'af-accordion-item',
+    elementClass: AfAccordionItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAfAccordionToggle: 'af-accordion-toggle' },
+    defineCustomElement: defineAfAccordionItem
+});
 export const AfAspectRatio = /*@__PURE__*/ createComponent({
     tagName: 'af-aspect-ratio',
     elementClass: AfAspectRatioElement,
@@ -91,6 +119,14 @@ export const AfCard = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfCard
 });
+export const AfCenter = /*@__PURE__*/ createComponent({
+    tagName: 'af-center',
+    elementClass: AfCenterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfCenter
+});
 export const AfCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'af-checkbox',
     elementClass: AfCheckboxElement,
@@ -131,6 +167,14 @@ export const AfContainer = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfContainer
 });
+export const AfDivider = /*@__PURE__*/ createComponent({
+    tagName: 'af-divider',
+    elementClass: AfDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfDivider
+});
 export const AfFeatureAccordion = /*@__PURE__*/ createComponent({
     tagName: 'af-feature-accordion',
     elementClass: AfFeatureAccordionElement,
@@ -187,6 +231,14 @@ export const AfFooterLink = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfFooterLink
 });
+export const AfGrid = /*@__PURE__*/ createComponent({
+    tagName: 'af-grid',
+    elementClass: AfGridElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfGrid
+});
 export const AfGridCallout = /*@__PURE__*/ createComponent({
     tagName: 'af-grid-callout',
     elementClass: AfGridCalloutElement,
@@ -203,14 +255,6 @@ export const AfHeading = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfHeading
 });
-export const AfHeroSection = /*@__PURE__*/ createComponent({
-    tagName: 'af-hero-section',
-    elementClass: AfHeroSectionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineAfHeroSection
-});
 export const AfIcon = /*@__PURE__*/ createComponent({
     tagName: 'af-icon',
     elementClass: AfIconElement,
@@ -267,6 +311,14 @@ export const AfInPageBanner = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfInPageBanner
 });
+export const AfInline = /*@__PURE__*/ createComponent({
+    tagName: 'af-inline',
+    elementClass: AfInlineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfInline
+});
 export const AfInput = /*@__PURE__*/ createComponent({
     tagName: 'af-input',
     elementClass: AfInputElement,
@@ -297,6 +349,22 @@ export const AfLogoWell = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfLogoWell
 });
+export const AfNavAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'af-nav-accordion',
+    elementClass: AfNavAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAfNavAccordionChange: 'af-nav-accordion-change' },
+    defineCustomElement: defineAfNavAccordion
+});
+export const AfNavAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'af-nav-accordion-item',
+    elementClass: AfNavAccordionItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAfNavAccordionItemToggle: 'af-nav-accordion-item-toggle' },
+    defineCustomElement: defineAfNavAccordionItem
+});
 export const AfNavCard = /*@__PURE__*/ createComponent({
     tagName: 'af-nav-card',
     elementClass: AfNavCardElement,
@@ -369,6 +437,14 @@ export const AfSection = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfSection
 });
+export const AfShow = /*@__PURE__*/ createComponent({
+    tagName: 'af-show',
+    elementClass: AfShowElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfShow
+});
 export const AfSocialLink = /*@__PURE__*/ createComponent({
     tagName: 'af-social-link',
     elementClass: AfSocialLinkElement,
@@ -377,6 +453,14 @@ export const AfSocialLink = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfSocialLink
 });
+export const AfSpacer = /*@__PURE__*/ createComponent({
+    tagName: 'af-spacer',
+    elementClass: AfSpacerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfSpacer
+});
 export const AfSplitSection = /*@__PURE__*/ createComponent({
     tagName: 'af-split-section',
     elementClass: AfSplitSectionElement,
@@ -385,6 +469,14 @@ export const AfSplitSection = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineAfSplitSection
 });
+export const AfStack = /*@__PURE__*/ createComponent({
+    tagName: 'af-stack',
+    elementClass: AfStackElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfStack
+});
 export const AfSwitch = /*@__PURE__*/ createComponent({
     tagName: 'af-switch',
     elementClass: AfSwitchElement,
@@ -481,6 +573,14 @@ export const AfTextarea = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineAfTextarea
 });
+export const AfThemeOverride = /*@__PURE__*/ createComponent({
+    tagName: 'af-theme-override',
+    elementClass: AfThemeOverrideElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfThemeOverride
+});
 export const AfTypographyLockup = /*@__PURE__*/ createComponent({
     tagName: 'af-typography-lockup',
     elementClass: AfTypographyLockupElement,
@@ -497,3 +597,11 @@ export const AfVideoContainer = /*@__PURE__*/ createComponent({
     events: { onPlayClick: 'playClick' },
     defineCustomElement: defineAfVideoContainer
 });
+export const AfVisuallyHidden = /*@__PURE__*/ createComponent({
+    tagName: 'af-visually-hidden',
+    elementClass: AfVisuallyHiddenElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineAfVisuallyHidden
+});

package/dist/index.d.ts

@@ -1,10 +1,33 @@
 export * from './generated/components.js';
-export { AfAspectRatio as AspectRatio, AfButton as Button, AfButtonGroup as ButtonGroup, AfCard as Card, AfCheckbox as Checkbox, AfClientCarousel as ClientCarousel, AfColorSwatch as ColorSwatch, AfContactItem as ContactItem, AfContainer as Container, AfInPageBanner as InPageBanner, AfFeatureAccordion as FeatureAccordion, AfFeatureCard as FeatureCard, AfFeatureGrid as FeatureGrid, AfFieldset as Fieldset, AfFooter as Footer, AfFooterColumn as FooterColumn, AfFooterLink as FooterLink, AfGridCallout as GridCallout, AfHeading as Heading, AfHeroSection as HeroSection, AfIconBox as IconBox, AfIconButton as IconButton, AfIconText as IconText, AfIllustratedCard as IllustratedCard, AfImage as Image, AfInput as Input, AfLogo as Logo, AfLogoWell as LogoWell, AfNavCard as NavCard, AfNavItem as NavItem, AfNavMenu as NavMenu, AfNavMenuNest as NavMenuNest, AfNavbar as Navbar, AfProgressLine as ProgressLine, AfRadio as Radio, AfSection as Section, AfSocialLink as SocialLink, AfSplitSection as SplitSection, AfSwitch as Switch, AfTag as Tag, AfText as Text, AfTextarea as Textarea, AfTextImage as TextImage, AfTextImageNest as TextImageNest, AfTestimonial as Testimonial, AfTestimonialCarousel as TestimonialCarousel, AfTestimonialStat as TestimonialStat, AfTypographyLockup as TypographyLockup, AfVideoContainer as VideoContainer } from './generated/components.js';
 export * from './icons/index.js';
-export { PaperclipDecoration } from './components/PaperclipDecoration';
-export { NumberBadge } from './components/NumberBadge';
-export type { NumberBadgeProps, NumberBadgeNumber, NumberBadgeVariant } from './components/NumberBadge';
-export { Tab } from './components/Tab';
-export type { TabProps, TabShape } from './components/Tab';
-export { TabBar } from './components/TabBar';
-export type { TabBarProps, TabBarShape, TabBarBreakpoint } from './components/TabBar';
+export { AfAccordionTrigger } from './components/AfAccordionTrigger';
+export type { AfAccordionTriggerProps } from './components/AfAccordionTrigger';
+export { AfPaperclipDecoration } from './components/AfPaperclipDecoration';
+export { AfNumberBadge } from './components/AfNumberBadge';
+export type { AfNumberBadgeProps, AfNumberBadgeNumber, AfNumberBadgeVariant } from './components/AfNumberBadge';
+export { AfTab } from './components/AfTab';
+export type { AfTabProps, AfTabShape } from './components/AfTab';
+export { AfTabBar } from './components/AfTabBar';
+export type { AfTabBarProps, AfTabBarShape, AfTabBarBreakpoint } from './components/AfTabBar';
+export { AfMarketingNavbar } from './components/AfMarketingNavbar';
+export type { AfMarketingNavbarProps } from './components/AfMarketingNavbar';
+export { AfSelect } from './components/AfSelect';
+export type { AfSelectProps, AfSelectOption } from './components/AfSelect';
+export { AfModal } from './components/AfModal';
+export type { AfModalProps } from './components/AfModal';
+export { AfTooltip } from './components/AfTooltip';
+export type { AfTooltipProps } from './components/AfTooltip';
+export { AfToast } from './components/AfToast';
+export type { AfToastProps, AfToastVariant } from './components/AfToast';
+export { AfSpinner } from './components/AfSpinner';
+export type { AfSpinnerProps } from './components/AfSpinner';
+export { AfAvatar } from './components/AfAvatar';
+export type { AfAvatarProps } from './components/AfAvatar';
+export { AfSkeleton } from './components/AfSkeleton';
+export type { AfSkeletonProps } from './components/AfSkeleton';
+export { AfBreadcrumb } from './components/AfBreadcrumb';
+export type { AfBreadcrumbProps, AfBreadcrumbItem } from './components/AfBreadcrumb';
+export { AfAlert } from './components/AfAlert';
+export type { AfAlertProps, AfAlertVariant } from './components/AfAlert';
+export { AfLink } from './components/AfLink';
+export type { AfLinkProps } from './components/AfLink';

package/dist/index.js

@@ -1,12 +1,23 @@
-// Export everything from generated components (includes Af-prefixed names)
-export * from './generated/components.js';
 // Note: defineCustomElements should be imported directly from @affinda/wc/loader/index.js in your app
-// Re-export components without the 'Af' prefix for cleaner React usage
-export { AfAspectRatio as AspectRatio, AfButton as Button, AfButtonGroup as ButtonGroup, AfCard as Card, AfCheckbox as Checkbox, AfClientCarousel as ClientCarousel, AfColorSwatch as ColorSwatch, AfContactItem as ContactItem, AfContainer as Container, AfInPageBanner as InPageBanner, AfFeatureAccordion as FeatureAccordion, AfFeatureCard as FeatureCard, AfFeatureGrid as FeatureGrid, AfFieldset as Fieldset, AfFooter as Footer, AfFooterColumn as FooterColumn, AfFooterLink as FooterLink, AfGridCallout as GridCallout, AfHeading as Heading, AfHeroSection as HeroSection, AfIconBox as IconBox, AfIconButton as IconButton, AfIconText as IconText, AfIllustratedCard as IllustratedCard, AfImage as Image, AfInput as Input, AfLogo as Logo, AfLogoWell as LogoWell, AfNavCard as NavCard, AfNavItem as NavItem, AfNavMenu as NavMenu, AfNavMenuNest as NavMenuNest, AfNavbar as Navbar, AfProgressLine as ProgressLine, AfRadio as Radio, AfSection as Section, AfSocialLink as SocialLink, AfSplitSection as SplitSection, AfSwitch as Switch, AfTag as Tag, AfText as Text, AfTextarea as Textarea, AfTextImage as TextImage, AfTextImageNest as TextImageNest, AfTestimonial as Testimonial, AfTestimonialCarousel as TestimonialCarousel, AfTestimonialStat as TestimonialStat, AfTypographyLockup as TypographyLockup, AfVideoContainer as VideoContainer } from './generated/components.js';
+// Re-export all generated components with Af prefix
+export * from './generated/components.js';
 // Re-export icon components (uses af-icon WC under the hood)
 export * from './icons/index.js';
-// Export custom React components
-export { PaperclipDecoration } from './components/PaperclipDecoration';
-export { NumberBadge } from './components/NumberBadge';
-export { Tab } from './components/Tab';
-export { TabBar } from './components/TabBar';
+// Export custom React components (with Af prefix)
+export { AfAccordionTrigger } from './components/AfAccordionTrigger';
+export { AfPaperclipDecoration } from './components/AfPaperclipDecoration';
+export { AfNumberBadge } from './components/AfNumberBadge';
+export { AfTab } from './components/AfTab';
+export { AfTabBar } from './components/AfTabBar';
+export { AfMarketingNavbar } from './components/AfMarketingNavbar';
+// Draft components (not yet designed in Figma - styles may change)
+export { AfSelect } from './components/AfSelect';
+export { AfModal } from './components/AfModal';
+export { AfTooltip } from './components/AfTooltip';
+export { AfToast } from './components/AfToast';
+export { AfSpinner } from './components/AfSpinner';
+export { AfAvatar } from './components/AfAvatar';
+export { AfSkeleton } from './components/AfSkeleton';
+export { AfBreadcrumb } from './components/AfBreadcrumb';
+export { AfAlert } from './components/AfAlert';
+export { AfLink } from './components/AfLink';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affinda/react",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "private": false,
   "type": "module",
   "files": [
@@ -15,8 +15,8 @@
     "react-dom": ">=17.0.0"
   },
   "dependencies": {
-    "@affinda/icons": "^0.0.6",
-    "@affinda/wc": "^0.0.17",
+    "@affinda/icons": "workspace:*",
+    "@affinda/wc": "workspace:*",
     "@stencil/react-output-target": "^1.2.0"
   },
   "devDependencies": {

package/dist/components/NumberBadge.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export type NumberBadgeNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
-export type NumberBadgeVariant = 'inCircle' | 'outlined';
-export interface NumberBadgeProps {
-    /** The number to display (1-10) */
-    number: NumberBadgeNumber;
-    /** Visual variant - inCircle shows filled badge, outlined shows just the number */
-    variant?: NumberBadgeVariant;
-    /** Size of the badge in pixels */
-    size?: number;
-    /** Additional class name */
-    className?: string;
-    /** Inline styles */
-    style?: React.CSSProperties;
-}
-/**
- * NumberBadge displays numbers 1-10 in either a filled circle or text-only style.
- * Perfect for numbered lists, step indicators, or ordered content.
- */
-export declare const NumberBadge: React.ForwardRefExoticComponent<NumberBadgeProps & React.RefAttributes<HTMLElement>>;

package/dist/components/PaperclipDecoration.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-export interface PaperclipDecorationProps {
-    className?: string;
-    style?: React.CSSProperties;
-    /** Slot name for use inside web components like HeroSection */
-    slot?: string;
-}
-/**
- * Decorative paperclip vector graphic for hero sections.
- *
- * When used inside HeroSection, pass slot="decoration" and position with style:
- *
- * @example
- * <HeroSection variant="dark" withDecoration={true}>
- *   <PaperclipDecoration
- *     slot="decoration"
- *     style={{ position: 'absolute', bottom: -80, right: -800 }}
- *   />
- *   <Heading>...</Heading>
- * </HeroSection>
- */
-export declare function PaperclipDecoration({ className, style, slot }: PaperclipDecorationProps): any;

package/dist/components/TabBar.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export type TabBarShape = 'square' | 'pill';
-export type TabBarBreakpoint = 'mobile' | 'desktop';
-export interface TabBarProps {
-    /** Visual shape variant for all tabs */
-    shape?: TabBarShape;
-    /** Responsive breakpoint mode */
-    breakpoint?: TabBarBreakpoint;
-    /** Additional class name */
-    className?: string;
-    /** Inline styles */
-    style?: React.CSSProperties;
-    /** Tab elements */
-    children?: React.ReactNode;
-}
-/**
- * TabBar component that contains and manages a group of tabs.
- * Provides horizontal layout, keyboard navigation, and consistent styling.
- */
-export declare const TabBar: React.ForwardRefExoticComponent<TabBarProps & React.RefAttributes<HTMLElement>>;