@neuravision/ng-construct 0.3.3 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuravision/ng-construct",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "Angular components for the Construct Design System",
   "keywords": [
     "angular",
@@ -12,7 +12,7 @@
     "@angular/common": "^21.1.0",
     "@angular/core": "^21.1.0",
     "@angular/router": "^21.1.0",
-    "@neuravision/construct": "^1.1.2",
+    "@neuravision/construct": "^1.1.4",
     "@lucide/angular": "^1.0.0-rc.0"
   },
   "dependencies": {

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

@@ -109,6 +109,178 @@ declare class AfAccordionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfAccordionComponent, "af-accordion", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
 }
 
+type AfShellSidebarState = 'expanded' | 'collapsed' | 'hidden';
+type AfShellPanelState = 'open' | 'closed';
+/**
+ * Page header rendered inside the main content area of an App Shell.
+ *
+ * Displays breadcrumbs, page title, and actions in a flex row.
+ * Place inside `<af-app-shell>` without any slot attribute so it
+ * projects into the main area.
+ *
+ * @example
+ * <af-app-shell>
+ *   <af-app-shell-page-header sticky>
+ *     <nav aria-label="Breadcrumb">Home / Dashboard</nav>
+ *     <h1>Dashboard</h1>
+ *     <button class="ct-button">New Item</button>
+ *   </af-app-shell-page-header>
+ *   <p>Main content…</p>
+ * </af-app-shell>
+ */
+declare class AfAppShellPageHeaderComponent {
+    /** Pin the page header to the top of the scrollable main area. */
+    sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfAppShellPageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfAppShellPageHeaderComponent, "af-app-shell-page-header", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Classic CSS-Grid App Shell that orchestrates header, sidebar,
+ * main content, optional panel, and footer.
+ *
+ * Wraps the `ct-app-shell` CSS component from the Construct Design System.
+ * Sidebar and panel states are two-way bindable via `model()` signals.
+ *
+ * Content projection slots:
+ * - `[header]`    — Navbar / top bar
+ * - `[sidebar]`   — Navigation sidebar
+ * - `[panel]`     — Right-side contextual panel
+ * - `[footer]`    — Footer area
+ * - `[bottomNav]` — Mobile bottom navigation (requires `bottomNav` modifier)
+ * - *(default)*   — Main content (including `<af-app-shell-page-header>`)
+ *
+ * @example
+ * <af-app-shell [(sidebarState)]="sidebarState" [(panelState)]="panelState" sidebarFullHeight>
+ *   <af-navbar header ariaLabel="Main">…</af-navbar>
+ *   <af-sidebar sidebar ariaLabel="Navigation">…</af-sidebar>
+ *   <af-app-shell-page-header sticky>
+ *     <h1>Dashboard</h1>
+ *   </af-app-shell-page-header>
+ *   <p>Content goes here</p>
+ *   <div panel>Inspector</div>
+ *   <footer footer>&copy; 2026</footer>
+ * </af-app-shell>
+ */
+declare class AfAppShellComponent {
+    /** Current sidebar state — two-way bindable. */
+    sidebarState: _angular_core.ModelSignal<AfShellSidebarState>;
+    /** Current panel state — two-way bindable. */
+    panelState: _angular_core.ModelSignal<AfShellPanelState>;
+    /** Remove the sidebar column entirely. */
+    noSidebar: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Place the sidebar on the right side. */
+    sidebarRight: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Sidebar spans the full viewport height (header sits beside it). */
+    sidebarFullHeight: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stick the footer to the bottom with a top border. */
+    footerSticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Enable bottom navigation on mobile (hides sidebar and footer). */
+    bottomNav: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Accessible label for the sidebar landmark. */
+    sidebarLabel: _angular_core.InputSignal<string>;
+    /** Accessible label for the panel landmark. */
+    panelLabel: _angular_core.InputSignal<string>;
+    /** ID of the main content element (used by skip-link). */
+    mainId: _angular_core.InputSignal<string>;
+    /** Visible text of the skip-link. */
+    skipLinkLabel: _angular_core.InputSignal<string>;
+    shellClasses: _angular_core.Signal<string>;
+    /** Dismiss the mobile sidebar overlay. */
+    onBackdropClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfAppShellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfAppShellComponent, "af-app-shell", never, { "sidebarState": { "alias": "sidebarState"; "required": false; "isSignal": true; }; "panelState": { "alias": "panelState"; "required": false; "isSignal": true; }; "noSidebar": { "alias": "noSidebar"; "required": false; "isSignal": true; }; "sidebarRight": { "alias": "sidebarRight"; "required": false; "isSignal": true; }; "sidebarFullHeight": { "alias": "sidebarFullHeight"; "required": false; "isSignal": true; }; "footerSticky": { "alias": "footerSticky"; "required": false; "isSignal": true; }; "bottomNav": { "alias": "bottomNav"; "required": false; "isSignal": true; }; "sidebarLabel": { "alias": "sidebarLabel"; "required": false; "isSignal": true; }; "panelLabel": { "alias": "panelLabel"; "required": false; "isSignal": true; }; "mainId": { "alias": "mainId"; "required": false; "isSignal": true; }; "skipLinkLabel": { "alias": "skipLinkLabel"; "required": false; "isSignal": true; }; }, { "sidebarState": "sidebarStateChange"; "panelState": "panelStateChange"; }, never, ["[header]", "[sidebar]", "*", "[panel]", "[footer]", "[bottomNav]"], true, never>;
+}
+
+/**
+ * Toolbar rendered inside the main content area of an App Shell V2.
+ *
+ * Replaces the classic full-width page header with a toolbar row
+ * for breadcrumbs, page title, and actions. Place inside
+ * `<af-app-shell-v2>` without any slot attribute so it projects
+ * into the main area.
+ *
+ * @example
+ * <af-app-shell-v2>
+ *   <af-app-shell-v2-toolbar sticky>
+ *     <nav aria-label="Breadcrumb">Home / Dashboard</nav>
+ *     <div>
+ *       <button class="ct-button">Export</button>
+ *     </div>
+ *   </af-app-shell-v2-toolbar>
+ *   <p>Main content…</p>
+ * </af-app-shell-v2>
+ */
+declare class AfAppShellV2ToolbarComponent {
+    /** Pin the toolbar to the top of the scrollable main area. */
+    sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfAppShellV2ToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfAppShellV2ToolbarComponent, "af-app-shell-v2-toolbar", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Floating-canvas App Shell with elevated surfaces, rounded corners,
+ * and optional glass/branded modifiers.
+ *
+ * Wraps the `ct-app-shell-v2` CSS component from the Construct Design System.
+ * Sidebar and panel states are two-way bindable via `model()` signals.
+ *
+ * Content projection slots:
+ * - `[header]`   — Optional floating header bar (requires `withHeader` input)
+ * - `[sidebar]`  — Floating sidebar surface
+ * - `[panel]`    — Right-side contextual panel (inside body flex container)
+ * - `[footer]`   — Footer inside the main area
+ * - *(default)*  — Main content (including `<af-app-shell-v2-toolbar>`)
+ *
+ * @example
+ * <af-app-shell-v2
+ *   [(sidebarState)]="sidebarState"
+ *   [(panelState)]="panelState"
+ *   withHeader
+ *   sidebarBranded
+ *   glass>
+ *   <af-navbar header ariaLabel="Main">…</af-navbar>
+ *   <af-sidebar sidebar ariaLabel="Navigation">…</af-sidebar>
+ *   <af-app-shell-v2-toolbar sticky>
+ *     <h1>Dashboard</h1>
+ *   </af-app-shell-v2-toolbar>
+ *   <p>Content goes here</p>
+ *   <div panel>Inspector</div>
+ *   <footer footer>&copy; 2026</footer>
+ * </af-app-shell-v2>
+ */
+declare class AfAppShellV2Component {
+    /** Current sidebar state — two-way bindable. */
+    sidebarState: _angular_core.ModelSignal<AfShellSidebarState>;
+    /** Current panel state — two-way bindable. */
+    panelState: _angular_core.ModelSignal<AfShellPanelState>;
+    /** Remove the sidebar entirely. */
+    noSidebar: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Place the sidebar on the right side. */
+    sidebarRight: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Sidebar spans the full viewport height (header sits beside it). */
+    sidebarFullHeight: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the optional floating header bar. */
+    withHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Dark-branded sidebar (Slack / Linear / Discord aesthetic). */
+    sidebarBranded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Frosted glass morphism effect on all floating surfaces. */
+    glass: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Accessible label for the sidebar landmark. */
+    sidebarLabel: _angular_core.InputSignal<string>;
+    /** Accessible label for the panel landmark. */
+    panelLabel: _angular_core.InputSignal<string>;
+    /** ID of the main content element (used by skip-link). */
+    mainId: _angular_core.InputSignal<string>;
+    /** Visible text of the skip-link. */
+    skipLinkLabel: _angular_core.InputSignal<string>;
+    shellClasses: _angular_core.Signal<string>;
+    /** Dismiss the mobile sidebar overlay. */
+    onBackdropClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfAppShellV2Component, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfAppShellV2Component, "af-app-shell-v2", never, { "sidebarState": { "alias": "sidebarState"; "required": false; "isSignal": true; }; "panelState": { "alias": "panelState"; "required": false; "isSignal": true; }; "noSidebar": { "alias": "noSidebar"; "required": false; "isSignal": true; }; "sidebarRight": { "alias": "sidebarRight"; "required": false; "isSignal": true; }; "sidebarFullHeight": { "alias": "sidebarFullHeight"; "required": false; "isSignal": true; }; "withHeader": { "alias": "withHeader"; "required": false; "isSignal": true; }; "sidebarBranded": { "alias": "sidebarBranded"; "required": false; "isSignal": true; }; "glass": { "alias": "glass"; "required": false; "isSignal": true; }; "sidebarLabel": { "alias": "sidebarLabel"; "required": false; "isSignal": true; }; "panelLabel": { "alias": "panelLabel"; "required": false; "isSignal": true; }; "mainId": { "alias": "mainId"; "required": false; "isSignal": true; }; "skipLinkLabel": { "alias": "skipLinkLabel"; "required": false; "isSignal": true; }; }, { "sidebarState": "sidebarStateChange"; "panelState": "panelStateChange"; }, never, ["[header]", "[sidebar]", "*", "[footer]", "[panel]"], true, never>;
+}
+
 type AfAvatarSize = 'sm' | 'md' | 'lg' | 'xl';
 type AfAvatarStatus = 'online' | 'offline' | 'busy' | 'away';
 /**
@@ -807,6 +979,49 @@ declare class AfTabsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfTabsComponent, "af-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["panels"], ["*"], true, never>;
 }
 
+interface AfNavTab {
+    /** Unique identifier for the tab. */
+    id: string;
+    /** Display label. */
+    label: string;
+    /** Angular Router link for navigation. */
+    routerLink: string | string[];
+    /** Disables the tab. */
+    disabled?: boolean;
+}
+type AfNavTabsVariant = 'default' | 'pill';
+type AfNavTabsSize = 'sm' | 'md' | 'lg';
+/**
+ * Router-based tab navigation component.
+ *
+ * Uses the `ct-tabs` CSS classes from the Construct Design System but renders
+ * `<a routerLink>` elements for navigation. Active state is determined
+ * automatically via `routerLinkActive`.
+ *
+ * For content-panel tabs (show/hide content without routing), use `<af-tabs>` instead.
+ *
+ * @example
+ * <af-nav-tabs
+ *   [tabs]="[
+ *     { id: 'my', label: 'My Documents', routerLink: '/documents/my' },
+ *     { id: 'all', label: 'All Documents', routerLink: '/documents/all' }
+ *   ]">
+ * </af-nav-tabs>
+ */
+declare class AfNavTabsComponent {
+    /** Tab items to render. */
+    tabs: _angular_core.InputSignal<AfNavTab[]>;
+    /** Visual variant. `'pill'` renders pill-shaped tabs with background. */
+    variant: _angular_core.InputSignal<AfNavTabsVariant>;
+    /** Size variant. */
+    size: _angular_core.InputSignal<AfNavTabsSize>;
+    /** Accessible label for the tab navigation. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    containerClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfNavTabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfNavTabsComponent, "af-nav-tabs", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 interface AfDropdownItem {
     label: string;
     value: unknown;
@@ -833,6 +1048,10 @@ declare class AfDropdownComponent {
     label: _angular_core.InputSignal<string>;
     /** Trigger button size. */
     size: _angular_core.InputSignal<AfButtonSize>;
+    /** Horizontal alignment of the menu relative to the trigger. */
+    align: _angular_core.InputSignal<"start" | "end">;
+    /** Which side of the trigger the menu opens on. */
+    side: _angular_core.InputSignal<"bottom" | "top">;
     /** Menu items. */
     items: _angular_core.InputSignal<AfDropdownItem[]>;
     /** Emits the selected item's value. */
@@ -870,7 +1089,7 @@ declare class AfDropdownComponent {
     private nextEnabledIndex;
     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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfDropdownComponent, "af-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
 }
 
 /**
@@ -904,13 +1123,24 @@ declare class AfPaginationComponent {
 
 interface AfBreadcrumb {
     label: string;
+    /** Angular Router link for SPA navigation (preferred for internal routes). */
+    routerLink?: string | string[];
+    /** Plain HTML href for external links. Causes a full page reload. */
     url?: string;
 }
 /**
- * Breadcrumbs navigation component
+ * Breadcrumbs navigation component with Angular Router support.
+ *
+ * Items with `routerLink` navigate via the Angular Router (no page reload).
+ * Items with `url` render a plain `<a href>` (for external links).
+ * The last item is always rendered as static text (current page).
  *
  * @example
- * <af-breadcrumbs [items]="breadcrumbs"></af-breadcrumbs>
+ * <af-breadcrumbs [items]="[
+ *   { label: 'Home', routerLink: '/' },
+ *   { label: 'Documents', routerLink: '/documents' },
+ *   { label: 'My Documents' }
+ * ]"></af-breadcrumbs>
  */
 declare class AfBreadcrumbsComponent {
     /** Breadcrumb items */
@@ -1736,7 +1966,7 @@ declare class AfNavItemComponent {
     focusLink(): void;
     onClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfNavItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfNavItemComponent, "af-nav-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*", "*", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfNavItemComponent, "af-nav-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
 /**
  * Responsive navbar with mobile menu, keyboard navigation, and ARIA landmarks.
@@ -1921,7 +2151,7 @@ declare class AfBannerComponent implements OnDestroy {
     private readonly isDismissed;
     private autoCloseTimerId;
     /** Current open/closed state for the data-state attribute */
-    state: _angular_core.Signal<"closed" | "open">;
+    state: _angular_core.Signal<"open" | "closed">;
     /** ARIA role based on variant: alert for danger/warning, status for others */
     ariaRole: _angular_core.Signal<"alert" | "status">;
     /** Computed CSS class string for the banner element */
@@ -2214,5 +2444,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, 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 };
+export { AfAccordionComponent, AfAccordionItemComponent, AfAlertComponent, AfAppShellComponent, AfAppShellPageHeaderComponent, AfAppShellV2Component, AfAppShellV2ToolbarComponent, AfAvatarComponent, AfBadgeComponent, AfBannerComponent, AfBreadcrumbsComponent, AfButtonComponent, AfCardComponent, AfCellDefDirective, AfCheckboxComponent, AfChipInputComponent, AfComboboxComponent, AfDataTableComponent, AfDatepickerComponent, AfDividerComponent, AfDrawerComponent, AfDropdownComponent, AfEmptyStateComponent, AfFieldComponent, AfFileUploadComponent, AfFormatLabelPipe, AfIconComponent, AfInputComponent, AfModalComponent, AfNavItemComponent, AfNavTabsComponent, 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, AfNavTab, AfNavTabsSize, AfNavTabsVariant, AfNavbarSize, AfNavbarVariant, AfPopoverAlign, AfPopoverPosition, AfPopoverSize, AfProgressBarSize, AfProgressBarVariant, AfSelectMenuOption, AfSelectOption, AfShellPanelState, AfShellSidebarState, AfSidebarMode, AfSkeletonVariant, AfSliderSize, AfSortDirection, AfSortState, AfSpinnerSize, AfTab, AfTableCellType, AfTableVariant, AfToast, AfToastVariant, AfToggleGroupSize, AfToggleItem, AfTooltipPosition };