@neuravision/ng-construct 0.1.0 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuravision/ng-construct",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Angular components for the Construct Design System",
   "keywords": [
     "angular",
@@ -11,7 +11,7 @@
   "peerDependencies": {
     "@angular/common": "^21.1.0",
     "@angular/core": "^21.1.0",
-    "@neuravision/construct": "^0.1.0"
+    "@neuravision/construct": "^1.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/types/neuravision-ng-construct.d.ts

@@ -377,29 +377,36 @@ declare class AfCheckboxComponent implements ControlValueAccessor {
 }
 
 /**
- * Radio button component with form control support
+ * Individual radio button. Use inside `af-radio-group` for full
+ * accessibility, or standalone with its own `ControlValueAccessor`.
  *
  * @example
- * <af-radio name="plan" value="standard" [(ngModel)]="selectedPlan">
- *   Standard
- * </af-radio>
- * <af-radio name="plan" value="premium" [(ngModel)]="selectedPlan">
- *   Premium
- * </af-radio>
+ * <af-radio-group ariaLabel="Plan" name="plan" [(ngModel)]="plan">
+ *   <af-radio value="standard">Standard</af-radio>
+ *   <af-radio value="premium">Premium</af-radio>
+ * </af-radio-group>
  */
 declare class AfRadioComponent implements ControlValueAccessor {
-    /** Radio group name */
+    private group;
+    /** Radio group name (only used without `af-radio-group`). */
     name: _angular_core.InputSignal<string>;
-    /** Radio value */
+    /** Radio value. */
     value: _angular_core.InputSignal<unknown>;
-    /** Whether radio is disabled */
+    /** Whether this radio is disabled. */
     disabled: _angular_core.ModelSignal<boolean>;
+    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     modelValue: _angular_core.WritableSignal<unknown>;
     onChangeCallback: (value: unknown) => void;
     onTouched: () => void;
+    resolvedName: _angular_core.Signal<any>;
     isChecked: _angular_core.Signal<boolean>;
-    onChangeEvent(event: Event): void;
-    /** ControlValueAccessor implementation */
+    isDisabled: _angular_core.Signal<boolean>;
+    resolvedTabindex: _angular_core.Signal<any>;
+    /** Focuses the native input element. */
+    focus(): void;
+    onChangeEvent(): void;
+    onFocus(): void;
+    onKeydown(event: KeyboardEvent): void;
     writeValue(value: unknown): void;
     registerOnChange(fn: (value: unknown) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -407,6 +414,50 @@ declare class AfRadioComponent implements ControlValueAccessor {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfRadioComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfRadioComponent, "af-radio", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, ["*"], true, never>;
 }
+/**
+ * Groups `af-radio` components with `role="radiogroup"`, ARIA labeling,
+ * roving tabindex, and arrow-key navigation per WAI-ARIA Radio Group Pattern.
+ *
+ * Implements `ControlValueAccessor` so the group value can be bound via
+ * `[(ngModel)]` or reactive forms.
+ *
+ * @example
+ * <af-radio-group ariaLabel="Select plan" name="plan" [(ngModel)]="plan">
+ *   <af-radio value="standard">Standard</af-radio>
+ *   <af-radio value="premium">Premium</af-radio>
+ * </af-radio-group>
+ */
+declare class AfRadioGroupComponent implements ControlValueAccessor {
+    /** Shared `name` attribute for all child radios. */
+    name: _angular_core.InputSignal<string>;
+    /** Accessible label for the radio group. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** ID of an external element labeling this group. */
+    ariaLabelledBy: _angular_core.InputSignal<string>;
+    /** Disables all radios in the group. */
+    disabled: _angular_core.ModelSignal<boolean>;
+    radios: _angular_core.Signal<readonly AfRadioComponent[]>;
+    selectedValue: _angular_core.WritableSignal<unknown>;
+    private focusedIndex;
+    private onChangeCallback;
+    private onTouchedCallback;
+    private syncEffect;
+    /** Returns the tabindex a child radio should use for roving tabindex. */
+    tabindexFor(radio: AfRadioComponent): number;
+    /** Selects a radio and propagates the value. */
+    selectRadio(radio: AfRadioComponent): void;
+    /** Called when a child radio receives focus. */
+    onRadioFocus(radio: AfRadioComponent): void;
+    /** Handles keyboard navigation within the group. */
+    onRadioKeydown(event: KeyboardEvent, _current: AfRadioComponent): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private enabledRadios;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfRadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfRadioGroupComponent, "af-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["radios"], ["*"], true, never>;
+}
 
 /**
  * Switch/Toggle component with form control support
@@ -417,7 +468,9 @@ declare class AfRadioComponent implements ControlValueAccessor {
  * </af-switch>
  */
 declare class AfSwitchComponent implements ControlValueAccessor {
-    /** Whether switch is disabled */
+    /** Accessible label for icon-only or unlabeled switches. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Whether switch is disabled. */
     disabled: _angular_core.ModelSignal<boolean>;
     /** Checked state - supports two-way binding via [(checked)] */
     checked: _angular_core.ModelSignal<boolean>;
@@ -430,44 +483,50 @@ declare class AfSwitchComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfSwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfSwitchComponent, "af-switch", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfSwitchComponent, "af-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; }, never, ["*"], true, never>;
 }
 
 type AfCardElevation = 'none' | 'sm' | 'md' | 'lg';
 type AfCardPadding = 'none' | 'sm' | 'md' | 'lg';
 /**
- * Card component for containing content
+ * Card component for containing content.
+ *
+ * When `interactive` is set the card becomes keyboard-accessible with
+ * `role="button"`, roving `tabindex`, and Enter/Space activation.
  *
  * @example
  * <af-card elevation="md" padding="lg">
- *   <div header>
- *     <h3>Title</h3>
- *   </div>
- *   <div body>
- *     <p>Card content</p>
- *   </div>
+ *   <div header><h3>Title</h3></div>
+ *   <div body><p>Card content</p></div>
+ * </af-card>
+ *
+ * <af-card interactive ariaLabel="Open project" (cardClick)="open()">
+ *   <p body>Click me</p>
  * </af-card>
  */
 declare class AfCardComponent {
-    /** Whether card is interactive (clickable/hoverable) */
+    /** Makes the card interactive (clickable, keyboard-accessible). */
     interactive: _angular_core.InputSignal<boolean>;
-    /** Shadow elevation level */
+    /** Shadow elevation level. */
     elevation: _angular_core.InputSignal<AfCardElevation | null>;
-    /** Content padding level */
+    /** Content padding level. */
     padding: _angular_core.InputSignal<AfCardPadding | null>;
-    /** Click event emitter */
+    /** Accessible label for interactive cards. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Emitted when an interactive card is activated (click, Enter, or Space). */
     cardClick: _angular_core.OutputEmitterRef<void>;
-    hasHeader: _angular_core.WritableSignal<boolean>;
-    hasFooter: _angular_core.WritableSignal<boolean>;
-    set headerContent(value: ElementRef | undefined);
-    set footerContent(value: ElementRef | undefined);
+    private headerRef;
+    private footerRef;
+    hasHeader: _angular_core.Signal<boolean>;
+    hasFooter: _angular_core.Signal<boolean>;
     private static readonly ELEVATION_MAP;
     private static readonly PADDING_MAP;
     cardClasses: _angular_core.Signal<string>;
     cardStyles: _angular_core.Signal<string>;
     onCardClick(): void;
+    onCardKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfCardComponent, "af-card", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, ["headerContent", "footerContent"], ["[header]", "[body]", "*", "[footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfCardComponent, "af-card", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, ["headerRef", "footerRef"], ["[header]", "[body]", "*", "[footer]"], true, never>;
 }
 
 /**
@@ -597,6 +656,7 @@ declare class AfDataTableComponent {
  */
 declare class AfModalComponent implements OnDestroy, AfterViewInit {
     private static nextId;
+    private focusTrap;
     /** Whether modal is open */
     open: _angular_core.InputSignal<boolean>;
     /** Modal title */
@@ -609,10 +669,8 @@ declare class AfModalComponent implements OnDestroy, AfterViewInit {
     closed: _angular_core.OutputEmitterRef<void>;
     /** Unique title ID for aria-labelledby */
     titleId: string;
-    hasFooter: _angular_core.WritableSignal<boolean>;
-    set footerContent(value: ElementRef | undefined);
-    private previousActiveElement;
-    private focusableElements;
+    private footerRef;
+    hasFooter: _angular_core.Signal<boolean>;
     private viewInitialized;
     dialogRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     private openEffect;
@@ -623,10 +681,8 @@ declare class AfModalComponent implements OnDestroy, AfterViewInit {
     onBackdropClick(event: MouseEvent): void;
     close(): void;
     private onOpen;
-    private restoreFocus;
-    private refreshFocusableElements;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfModalComponent, "af-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["footerContent"], ["[body]", "*", "[footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfModalComponent, "af-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["footerRef"], ["[body]", "*", "[footer]"], true, never>;
 }
 
 type AfToastVariant = 'info' | 'success' | 'warning' | 'error';
@@ -758,7 +814,10 @@ interface AfDropdownItem {
     separator?: boolean;
 }
 /**
- * Dropdown menu component
+ * Dropdown menu component implementing the WAI-ARIA Menu Pattern.
+ *
+ * Provides full keyboard navigation (Arrow keys, Home/End, type-ahead),
+ * proper ARIA roles (`menu` / `menuitem`), and roving tabindex focus management.
  *
  * @example
  * <af-dropdown
@@ -769,23 +828,41 @@ interface AfDropdownItem {
  */
 declare class AfDropdownComponent {
     private static nextId;
-    /** Dropdown button label */
+    /** Dropdown button label. */
     label: _angular_core.InputSignal<string>;
-    /** Menu items */
+    /** Menu items. */
     items: _angular_core.InputSignal<AfDropdownItem[]>;
-    /** Item selected event */
+    /** Emits the selected item's value. */
     itemSelected: _angular_core.OutputEmitterRef<unknown>;
     triggerRef: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    menuRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     itemButtons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     isOpen: _angular_core.WritableSignal<boolean>;
+    focusedItemIndex: _angular_core.WritableSignal<number>;
+    private instanceId;
     menuId: string;
+    triggerId: string;
+    private typeAheadBuffer;
+    private typeAheadTimer;
     toggle(): void;
     selectItem(item: AfDropdownItem): void;
+    /** Handles keyboard events on the trigger button. */
+    onTriggerKeydown(event: KeyboardEvent): void;
+    /** Handles keyboard events within the open menu. */
+    onMenuKeydown(event: KeyboardEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+    /**
+     * Returns the index of a non-separator item within the list of
+     * actionable (non-separator) items.
+     */
+    getActionableIndex(item: AfDropdownItem): number;
     private open;
     private close;
-    private focusFirstItem;
-    onDocumentClick(event: MouseEvent): void;
-    onEscape(): void;
+    private focusItem;
+    private focusCurrent;
+    private nextEnabledIndex;
+    private getActionableItems;
+    private handleTypeAhead;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfDropdownComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfDropdownComponent, "af-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
 }
@@ -1037,7 +1114,9 @@ type AfBadgeVariant = 'default' | 'info' | 'success' | 'warning' | 'danger';
  * <af-badge variant="danger">Blocked</af-badge>
  */
 declare class AfBadgeComponent {
-    /** Color variant */
+    /** Accessible label, useful when the badge has no visible text. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Color variant. */
     variant: _angular_core.InputSignal<AfBadgeVariant>;
     /** Icon character to display */
     icon: _angular_core.InputSignal<string>;
@@ -1045,7 +1124,7 @@ declare class AfBadgeComponent {
     dot: _angular_core.InputSignal<boolean>;
     badgeClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfBadgeComponent, "af-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfBadgeComponent, "af-badge", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type AfProgressBarVariant = 'default' | 'info' | 'success' | 'warning' | 'danger';
@@ -1296,6 +1375,7 @@ type AfDrawerSize = 'sm' | 'md' | 'lg' | 'full';
  */
 declare class AfDrawerComponent implements OnDestroy {
     private static nextId;
+    private focusTrap;
     /** Two-way bindable open state */
     open: _angular_core.ModelSignal<boolean>;
     /** Slide-in position */
@@ -1315,8 +1395,6 @@ declare class AfDrawerComponent implements OnDestroy {
     /** Unique ID for aria-labelledby fallback */
     readonly titleId: string;
     private panelRef;
-    private previousActiveElement;
-    private focusableElements;
     containerClasses: _angular_core.Signal<string>;
     private openEffect;
     ngOnDestroy(): void;
@@ -1326,11 +1404,8 @@ declare class AfDrawerComponent implements OnDestroy {
     onKeydown(event: KeyboardEvent): void;
     private onOpen;
     private onClose;
-    private trapFocus;
-    private restoreFocus;
     private lockBodyScroll;
     private unlockBodyScroll;
-    private refreshFocusableElements;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfDrawerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfDrawerComponent, "af-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["[header]", "[body]", "*", "[footer]"], true, never>;
 }
@@ -1727,6 +1802,7 @@ declare class AfPopoverTriggerDirective {
  */
 declare class AfPopoverComponent implements AfPopoverApi, OnDestroy {
     private static nextId;
+    private focusTrap;
     /** Two-way bindable open state. */
     open: _angular_core.ModelSignal<boolean>;
     /** Preferred position relative to the trigger. Flips automatically when space is insufficient. */
@@ -1750,8 +1826,6 @@ declare class AfPopoverComponent implements AfPopoverApi, OnDestroy {
     private wrapperRef;
     private contentRef;
     private triggerDirective;
-    private previousActiveElement;
-    private focusableElements;
     private flippedSide;
     /** Effective side after auto-flip evaluation. */
     activeSide: Signal<AfPopoverPosition>;
@@ -1767,10 +1841,7 @@ declare class AfPopoverComponent implements AfPopoverApi, OnDestroy {
     onKeydown(event: KeyboardEvent): void;
     private onOpen;
     private onClose;
-    private restoreFocus;
-    private trapFocus;
     private computeFlippedSide;
-    private refreshFocusableElements;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfPopoverComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfPopoverComponent, "af-popover", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, ["triggerDirective"], ["[afPopoverTrigger]", "[body]", "*"], true, never>;
 }
@@ -2117,5 +2188,5 @@ declare class AfFormatLabelPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<AfFormatLabelPipe, "afFormatLabel", true>;
 }
 
-export { AfAccordionComponent, AfAccordionItemComponent, AfAlertComponent, AfAvatarComponent, AfBadgeComponent, AfBannerComponent, AfBreadcrumbsComponent, AfButtonComponent, AfCardComponent, AfCellDefDirective, AfCheckboxComponent, AfChipInputComponent, AfComboboxComponent, AfDataTableComponent, AfDatepickerComponent, AfDividerComponent, AfDrawerComponent, AfDropdownComponent, AfEmptyStateComponent, AfFieldComponent, AfFileUploadComponent, AfFormatLabelPipe, AfIconComponent, AfInputComponent, AfModalComponent, AfNavItemComponent, AfNavbarComponent, AfPaginationComponent, AfPopoverComponent, AfPopoverTriggerDirective, AfProgressBarComponent, AfRadioComponent, AfSelectComponent, AfSelectMenuComponent, AfSidebarComponent, AfSkeletonComponent, AfSkipLinkComponent, AfSliderComponent, AfSpinnerComponent, AfSwitchComponent, AfTabPanelComponent, AfTableBodyComponent, AfTableCellComponent, AfTableComponent, AfTableHeaderCellComponent, AfTableHeaderComponent, AfTableRowComponent, AfTabsComponent, AfTextareaComponent, AfToastContainerComponent, AfToastService, AfToggleGroupComponent, AfToolbarComponent, AfTooltipDirective };
+export { AfAccordionComponent, AfAccordionItemComponent, AfAlertComponent, AfAvatarComponent, AfBadgeComponent, AfBannerComponent, AfBreadcrumbsComponent, AfButtonComponent, AfCardComponent, AfCellDefDirective, AfCheckboxComponent, AfChipInputComponent, AfComboboxComponent, AfDataTableComponent, AfDatepickerComponent, AfDividerComponent, AfDrawerComponent, AfDropdownComponent, AfEmptyStateComponent, AfFieldComponent, AfFileUploadComponent, AfFormatLabelPipe, AfIconComponent, AfInputComponent, AfModalComponent, AfNavItemComponent, AfNavbarComponent, AfPaginationComponent, AfPopoverComponent, AfPopoverTriggerDirective, AfProgressBarComponent, AfRadioComponent, AfRadioGroupComponent, AfSelectComponent, AfSelectMenuComponent, AfSidebarComponent, AfSkeletonComponent, AfSkipLinkComponent, AfSliderComponent, AfSpinnerComponent, AfSwitchComponent, AfTabPanelComponent, AfTableBodyComponent, AfTableCellComponent, AfTableComponent, AfTableHeaderCellComponent, AfTableHeaderComponent, AfTableRowComponent, AfTabsComponent, AfTextareaComponent, AfToastContainerComponent, AfToastService, AfToggleGroupComponent, AfToolbarComponent, AfTooltipDirective };
 export type { AfAlertVariant, AfAvatarSize, AfAvatarStatus, AfBadgeVariant, AfBannerAppearance, AfBannerPosition, AfBannerVariant, AfBreadcrumb, AfButtonSize, AfButtonType, AfButtonVariant, AfCardElevation, AfCardPadding, AfColumn, AfComboboxOption, AfDataRow, AfDataTableConfig, AfDividerColor, AfDividerOrientation, AfDividerSpacing, AfDrawerPosition, AfDrawerSize, AfDropdownItem, AfEmptyStateSize, AfEmptyStateVariant, AfFileEntry, AfFileValidationError, AfIconSize, AfInputType, AfNavbarSize, AfNavbarVariant, AfPopoverAlign, AfPopoverPosition, AfPopoverSize, AfProgressBarSize, AfProgressBarVariant, AfSelectMenuOption, AfSelectOption, AfSidebarMode, AfSkeletonVariant, AfSliderSize, AfSortDirection, AfSortState, AfSpinnerSize, AfTab, AfTableCellType, AfTableVariant, AfToast, AfToastVariant, AfToggleGroupSize, AfToggleItem, AfTooltipPosition };