ngx-strata 0.2.4 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-strata",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "description": "A simple UI framework for quickly prototyping angular applications with a bit of flair.",
   "license": "MIT",
   "peerDependencies": {
@@ -28,6 +28,10 @@
     ".": {
       "types": "./types/ngx-strata.d.ts",
       "default": "./fesm2022/ngx-strata.mjs"
+    },
+    "./src/lib/testing": {
+      "types": "./types/ngx-strata-src-lib-testing.d.ts",
+      "default": "./fesm2022/ngx-strata-src-lib-testing.mjs"
     }
   },
   "module": "fesm2022/ngx-strata.mjs",

package/skills/ngx-strata/SKILL.md

@@ -115,6 +115,7 @@ for each component are stored in separate files.
   [`components/spinner.md`](components/spinner.md)
 - **Tabs** (`st-tab-item`): Read [`components/tabs.md`](components/tabs.md)
 - **Tag** (`st-tag`): Read [`components/tag.md`](components/tag.md)
+- **Testing** (`ngx-strata/testing`): Read [`components/testing.md`](components/testing.md)
 - **Text-stack** (`st-text-stack`): Read
   [`components/text-stack.md`](components/text-stack.md)
 - **Theming** (`[stTheme]`): Read

package/skills/ngx-strata/components/action-menu.md

@@ -7,6 +7,7 @@ This file contains the AI documentation for the `action-menu` feature and its re
 - **Imports**: `StrataActionMenuComponent`
 - **Inputs**:
   - `[placement] (Placement)`
+  - `[closeOnOutsideClick] (boolean)`
 
 ## ActionMenuItem (`<st-action-menu-item>`)
 - **Selector**: `st-action-menu-item`
@@ -22,15 +23,25 @@ This file contains the AI documentation for the `action-menu` feature and its re
 ```html
 <!-- Default Icon Trigger -->
 <st-action-menu>
-  <st-action-menu-item label="Edit" iconName="edit" (menuItemClicked)="edit()"></st-action-menu-item>
-  <st-action-menu-item label="Delete" iconName="trash" (menuItemClicked)="delete()"></st-action-menu-item>
+  <st-action-menu-item (menuItemClicked)="edit()">
+    <st-icon name="edit" area="start"></st-icon>
+    Edit
+  </st-action-menu-item>
+  <st-action-menu-item (menuItemClicked)="delete()">
+    <st-icon name="trash" area="start"></st-icon>
+    Delete
+  </st-action-menu-item>
 </st-action-menu>
 
 <!-- Custom Button Trigger -->
 <st-action-menu>
   <button stButton variant="primary" trigger>Options</button>
-  <st-action-menu-item label="Export" iconName="download" (menuItemClicked)="export()"></st-action-menu-item>
+  <st-action-menu-item (menuItemClicked)="export()">
+    <st-icon name="download" area="start"></st-icon>
+    Export
+  </st-action-menu-item>
 </st-action-menu>
 ```
 
+
 > **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Use modern Angular Signals (input(), input.required(), and output()) for all data/event bindings. Do not use legacy @Input() or @Output() decorators.

package/skills/ngx-strata/components/checkbox.md

@@ -6,6 +6,7 @@ This file contains the AI documentation for the `checkbox` feature and its relat
 - **Selector**: `st-checkbox`
 - **Imports**: `StrataCheckboxComponent`
 - **Inputs**:
+  - `[(value)] (boolean | undefined)`
   - `[label] (string | undefined)`
   - `[name] (string | undefined)`
 
@@ -15,8 +16,9 @@ This file contains the AI documentation for the `checkbox` feature and its relat
 <st-checkbox 
   label="I agree to the terms and conditions" 
   name="terms"
-  [(ngModel)]="acceptedTerms">
+  [(value)]="acceptedTerms">
 </st-checkbox>
 ```
 
+
 > **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Use modern Angular Signals (input(), input.required(), and output()) for all data/event bindings. Do not use legacy @Input() or @Output() decorators.

package/skills/ngx-strata/components/item.md

@@ -19,13 +19,14 @@ This file contains the AI documentation for the `item` feature and its related c
 
 ```html
 <st-item>
-  <st-icon name="user" slot="start"></st-icon>
-  <div slot="content">
+  <st-icon name="user" area="start"></st-icon>
+  <div>
     <h4>User Profile</h4>
     <p>Manage your account settings</p>
   </div>
-  <st-icon name="chevron_right" slot="end"></st-icon>
+  <st-icon name="chevron_right" area="end"></st-icon>
 </st-item>
 ```
 
+
 > **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Use modern Angular Signals (input(), input.required(), and output()) for all data/event bindings. Do not use legacy @Input() or @Output() decorators.

package/skills/ngx-strata/components/sidemenu.md

@@ -1,41 +1,62 @@
 # ngx-strata: sidemenu Feature
 
-This file contains the AI documentation for the `sidemenu` feature and its related components.
+This file contains the AI documentation for the `sidemenu` feature and its
+related components.
 
 ## SidemenuItem (`[stSidemenuItem]`)
+
 - **Selector**: `[stSidemenuItem]`
 - **Imports**: `StrataSidemenuItemDirective`
 - **Inputs**:
   - `[active] (boolean)`
+  - `[secondaryActionIcon] (string)`
+- **Outputs**:
+  - `(secondaryAction) (MouseEvent)`
 
 ## Sidemenu (`<st-sidemenu>`)
+
 - **Selector**: `st-sidemenu`
 - **Imports**: `StrataSidemenuComponent`
 
 ## SidemenuItemGroup (`<st-sidemenu-item-group>`)
+
 - **Selector**: `st-sidemenu-item-group`
 - **Imports**: `StrataSidemenuItemGroupComponent`
 - **Inputs**:
-  - `[label] (string)`
+  - `[label] (string, required)`
+  - `[routerLink] (string | any[])`
+  - `[href] (string)`
+  - `[active] (boolean)`
 
 ## SidemenuSection (`<st-sidemenu-section>`)
+
 - **Selector**: `st-sidemenu-section`
 - **Imports**: `StrataSidemenuSectionComponent`
 - **Inputs**:
   - `[label] (string)`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Use modern Angular Signals (input(), input.required(), and output()) for all data/event bindings. Do not use legacy @Input() or @Output() decorators.
 ## Usage Example
 
 ```html
 <st-sidemenu>
   <st-sidemenu-section label="Main Menu">
+    <!-- Standard group toggle -->
     <st-sidemenu-item-group label="Dashboard">
-      <st-item>Overview</st-item>
-      <st-item>Analytics</st-item>
+      <a stSidemenuItem href="/overview">Overview</a>
+      <a stSidemenuItem href="/analytics">Analytics</a>
+    </st-sidemenu-item-group>
+
+    <!-- Navigable group header (click header navigates, chevron toggles sub-items) -->
+    <st-sidemenu-item-group label="Projects" routerLink="/projects">
+      <a stSidemenuItem routerLink="/projects/alpha">Alpha</a>
+      <a stSidemenuItem routerLink="/projects/beta">Beta</a>
     </st-sidemenu-item-group>
   </st-sidemenu-section>
 </st-sidemenu>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Use modern Angular Signals (input(), input.required(), and output()) for all data/event bindings. Do not use legacy @Input() or @Output() decorators.
+> **Note to AI Agents**: Prioritize using these components over raw HTML
+> equivalents. Use modern Angular Signals (input(), input.required(), and
+> output()) for all data/event bindings. Do not use legacy @Input() or @Output()
+> decorators.
+

package/skills/ngx-strata/components/testing.md

@@ -0,0 +1,33 @@
+# ngx-strata: Testing Utilities (`ngx-strata/testing`)
+
+This file contains the documentation for testing helpers provided under `ngx-strata/testing`.
+
+## Overview
+
+When writing unit tests for Angular components or services that use `ngx-strata` (specifically icons), use `ngx-strata/testing` providers to avoid HTTP requests and mock icon registry/loader dependencies.
+
+## Key Exports
+
+- **`provideTestIconLoader()`**: Angular testing provider returning a synchronous stub SVG loader (`TestIconLoader`).
+- **`provideTestIconRegistry()`**: Angular testing provider returning a test icon registry (`TestIconRegistry`).
+- **`TestIconLoader`**: Class implementation of `IconLoader`.
+- **`TestIconRegistry`**: Class implementation of `IconRegistry`.
+
+## Usage Example
+
+```typescript
+import { TestBed } from '@angular/core/testing';
+import { provideTestIconLoader, provideTestIconRegistry } from 'ngx-strata/testing';
+
+describe('MyComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [MyComponent],
+      providers: [
+        provideTestIconLoader(),
+        provideTestIconRegistry(),
+      ]
+    }).compileComponents();
+  });
+});
+```

package/skills/ngx-strata/components/toggle.md

@@ -6,8 +6,10 @@ This file contains the AI documentation for the `toggle` feature and its related
 - **Selector**: `st-toggle`
 - **Imports**: `StrataToggleComponent`
 - **Inputs**:
+  - `[(checked)] (boolean)`
   - `[label] (string | undefined)`
   - `[labelPosition] ('before' | 'after')`
+  - `[disabled] (boolean)`
 
 ## Usage Example
 
@@ -15,8 +17,9 @@ This file contains the AI documentation for the `toggle` feature and its related
 <st-toggle 
   label="Enable Notifications" 
   labelPosition="after" 
-  [(ngModel)]="notificationsEnabled">
+  [(checked)]="notificationsEnabled">
 </st-toggle>
 ```
 
+
 > **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Use modern Angular Signals (input(), input.required(), and output()) for all data/event bindings. Do not use legacy @Input() or @Output() decorators.

package/types/ngx-strata-src-lib-testing.d.ts

@@ -0,0 +1,21 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
+import { IconLoader, IconRegistry } from 'ngx-strata';
+
+declare class TestIconLoader implements IconLoader {
+    loadSvg(_url: string): Observable<SafeHtml>;
+}
+declare function provideTestIconLoader(): {
+    provide: typeof IconLoader;
+    useClass: typeof TestIconLoader;
+};
+
+declare class TestIconRegistry implements IconRegistry {
+    getIcon(name: string): Observable<SafeHtml>;
+}
+declare function provideTestIconRegistry(): {
+    provide: typeof IconRegistry;
+    useClass: typeof TestIconRegistry;
+};
+
+export { TestIconLoader, TestIconRegistry, provideTestIconLoader, provideTestIconRegistry };

package/types/ngx-strata.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, AfterContentInit, EnvironmentProviders, InjectionToken, Provider, ElementRef, Renderer2, AfterViewInit, TemplateRef, OnChanges, SimpleChanges, PipeTransform, QueryList, Type, ViewContainerRef } from '@angular/core';
+import { OnInit, OnDestroy, AfterContentInit, EnvironmentProviders, InjectionToken, Provider, ElementRef, Renderer2, AfterViewInit, TemplateRef, OnChanges, SimpleChanges, PipeTransform, QueryList, OutputEmitterRef, Type, ViewContainerRef } from '@angular/core';
 import { Placement } from '@floating-ui/dom';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
@@ -10,6 +10,7 @@ import * as ngx_strata from 'ngx-strata';
 
 declare class StrataActivatableDirective {
     private _elementRef;
+    private _config;
     disabled: _angular_core.InputSignal<boolean>;
     interactable: _angular_core.ModelSignal<boolean>;
     activated: _angular_core.OutputEmitterRef<Event>;
@@ -123,6 +124,8 @@ interface StrataConfig {
         alt?: string;
     };
     overlayViewportBuffer?: number;
+    /** Keys (event.key or event.code) that trigger activation on activatable elements */
+    activationKeys?: string[];
 }
 declare const STRATA_CONFIG: InjectionToken<StrataConfig>;
 
@@ -144,11 +147,13 @@ declare class StrataActionMenuComponent {
     defaultButton: _angular_core.Signal<ElementRef<any> | undefined>;
     actionMenuItems: _angular_core.Signal<readonly StrataActionMenuItemComponent[]>;
     placement: _angular_core.InputSignal<Placement>;
+    closeOnOutsideClick: _angular_core.InputSignal<boolean>;
+    elementRef: ElementRef<HTMLElement>;
     renderer: Renderer2;
     menuOpen: _angular_core.WritableSignal<boolean>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataActionMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuComponent, "st-action-menu", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, ["projectedButton", "actionMenuItems"], ["button[stButton]", "st-action-menu-item"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuComponent, "st-action-menu", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, {}, ["projectedButton", "actionMenuItems"], ["button[stButton]", "st-action-menu-item"], true, never>;
 }
 
 declare class StrataAlertComponent {
@@ -219,33 +224,23 @@ declare class StrataAvatarComponent implements AfterViewInit {
 }
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';
 
-declare class StrataAvatarStackComponent implements AfterViewInit {
-    avatarRefs: _angular_core.Signal<readonly ElementRef<any>[]>;
+declare class StrataAvatarStackComponent {
     size: _angular_core.InputSignal<AvatarSize>;
     spacing: _angular_core.InputSignal<"loose" | "mid" | "tight">;
     firstOnFront: _angular_core.InputSignal<boolean>;
-    get xsClass(): boolean;
-    get smClass(): boolean;
-    get mdClass(): boolean;
-    get lgClass(): boolean;
-    get firstOnFrontClass(): boolean;
-    get looseClass(): boolean;
-    get midClass(): boolean;
-    get tightClass(): boolean;
-    ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataAvatarStackComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataAvatarStackComponent, "st-avatar-stack", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "firstOnFront": { "alias": "firstOnFront"; "required": false; "isSignal": true; }; }, {}, ["avatarRefs"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataAvatarStackComponent, "st-avatar-stack", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "firstOnFront": { "alias": "firstOnFront"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+type AvatarStackSpacing = 'loose' | 'mid' | 'tight';
 
 declare class StrataButtonGroupComponent {
-    renderer: Renderer2;
     justification: _angular_core.InputSignal<ButtonGroupJustification>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataButtonGroupComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataButtonGroupComponent, "st-button-group", never, { "justification": { "alias": "justification"; "required": false; "isSignal": true; }; }, {}, never, ["[stButton], st-divider"], true, never>;
 }
 type ButtonGroupJustification = 'start' | 'center' | 'end' | 'expand' | 'stack';
 
-declare class StrataButtonDirective implements AfterContentInit {
+declare class StrataButtonDirective implements AfterContentInit, OnDestroy {
     host: ElementRef<any>;
     variant: _angular_core.InputSignal<ButtonVariant>;
     size: _angular_core.InputSignal<ButtonSize>;
@@ -253,8 +248,11 @@ declare class StrataButtonDirective implements AfterContentInit {
     private iconAtStart;
     private iconAtEnd;
     private iconOnly;
+    private observer?;
     get classes(): string[];
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private updateIconState;
     nodeIsStIcon(node: Node): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataButtonDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataButtonDirective, "[stButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -306,6 +304,7 @@ declare class StrataSingleSelectComponent {
     open: _angular_core.WritableSignal<boolean>;
     placeholder: _angular_core.InputSignal<string>;
     placement: _angular_core.InputSignal<Placement>;
+    disabled: _angular_core.InputSignal<boolean>;
     fullWidth: _angular_core.InputSignal<boolean>;
     label: _angular_core.InputSignal<string | undefined>;
     name: _angular_core.InputSignal<string | undefined>;
@@ -326,7 +325,7 @@ declare class StrataSingleSelectComponent {
     private show;
     private hide;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataSingleSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataSingleSelectComponent, "st-single-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "searchQuery": "searchQueryChange"; "itemSelected": "itemSelected"; }, ["selectItems", "triggerTemplate"], ["st-select-item"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataSingleSelectComponent, "st-single-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "searchQuery": "searchQueryChange"; "itemSelected": "itemSelected"; }, ["selectItems", "triggerTemplate"], ["st-select-item"], true, never>;
 }
 
 declare class StrataSelectTriggerDirective {
@@ -604,26 +603,40 @@ declare class StrataSidemenuSectionComponent {
 
 declare class StrataSidemenuItemGroupComponent implements AfterContentInit {
     label: _angular_core.InputSignal<string>;
+    routerLink: _angular_core.InputSignal<string | unknown[] | undefined>;
+    href: _angular_core.InputSignal<string | undefined>;
+    active: _angular_core.InputSignal<boolean | undefined>;
     expanded: _angular_core.WritableSignal<boolean>;
     hasActiveChild: _angular_core.WritableSignal<boolean>;
     private router;
     private destroyRef;
     routerLinks: QueryList<RouterLinkActive>;
+    get isHeaderActive(): boolean;
+    get isNavigable(): boolean;
     ngAfterContentInit(): void;
-    toggle(): void;
+    toggle(event?: MouseEvent): void;
     private checkActiveState;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataSidemenuItemGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataSidemenuItemGroupComponent, "st-sidemenu-item-group", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, ["routerLinks"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataSidemenuItemGroupComponent, "st-sidemenu-item-group", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, ["routerLinks"], ["*"], true, never>;
 }
 
 declare class StrataSidemenuItemDirective {
     active: _angular_core.InputSignal<boolean>;
+    secondaryActionIcon: _angular_core.InputSignal<string | undefined>;
+    secondaryAction: OutputEmitterRef<MouseEvent>;
     private readonly elementRef;
+    private readonly renderer;
+    private readonly vcr;
+    private secondaryButtonEl;
+    private iconComponentRef;
+    private unlistenClick;
     constructor();
+    private updateSecondaryButton;
+    private removeSecondaryButton;
     readonly isSidemenuItem = true;
     get isSelected(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataSidemenuItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataSidemenuItemDirective, "[stSidemenuItem]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataSidemenuItemDirective, "[stSidemenuItem]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "secondaryActionIcon": { "alias": "secondaryActionIcon"; "required": false; "isSignal": true; }; }, { "secondaryAction": "secondaryAction"; }, never, never, true, never>;
 }
 
 declare class StrataSliderComponent implements AfterViewInit, OnDestroy {
@@ -873,4 +886,4 @@ declare class StrataMessageStateComponent {
 }
 
 export { CapitalizePipe, DEFAULT_DURATION, DEFAULT_THEME, DarkmodeService, HotkeyService, HttpIconLoader, IconLoader, IconRegistry, IconRegistryService, ModalService, NotificationService, STRATA_CONFIG, StrataAccordionGroupComponent, StrataAccordionItemComponent, StrataActionMenuComponent, StrataActionMenuItemComponent, StrataActivatableDirective, StrataAlertComponent, StrataAlertContentComponent, StrataAutoResizeDirective, StrataAvatarComponent, StrataAvatarStackComponent, StrataBreadcrumbComponent, StrataBreadcrumbItemComponent, StrataButtonDirective, StrataButtonGroupComponent, StrataCardComponent, StrataCheckboxComponent, StrataDividerComponent, StrataIconComponent, StrataInputFieldComponent, StrataItemComponent, StrataItemListComponent, StrataKbdComponent, StrataMessageStateComponent, StrataModalComponent, StrataModalContainerComponent, StrataModalHeaderComponent, StrataModalRef, StrataNativeInputRefDirective, StrataNotificationComponent, StrataNotificationContainerComponent, StrataNumberDisplayComponent, StrataOverlayDirective, StrataPaginationComponent, StrataProgressLinearComponent, StrataProgressRadialComponent, StrataRadioComponent, StrataRadioGroupComponent, StrataSegmentedControlComponent, StrataSegmentedControlItemComponent, StrataSelectItemComponent, StrataSelectTriggerDirective, StrataShellComponent, StrataSidemenuComponent, StrataSidemenuItemDirective, StrataSidemenuItemGroupComponent, StrataSidemenuSectionComponent, StrataSingleSelectComponent, StrataSliderComponent, StrataSpinnerComponent, StrataTabItemComponent, StrataTabsComponent, StrataTagComponent, StrataTextStackComponent, StrataThemeDirective, StrataToggleComponent, StrataTooltipDirective, provideBaseIcons, provideIcons, provideStrata };
-export type { AlertConfiguration, AvatarSize, ButtonGroupJustification, ButtonSize, ButtonVariant, CardVariant, CurrentDarkmode, DarkmodeSetting, HotkeyOptions, IconConfig, IconSize, ModalConfiguration, ModalSize, NotificationConfiguration, NotificationsWithIds, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SpinnerSize, StrataConfig, TagSize, TextStackOverflow, Theme, TooltipPlacement };
+export type { AlertConfiguration, AvatarSize, AvatarStackSpacing, ButtonGroupJustification, ButtonSize, ButtonVariant, CardVariant, CurrentDarkmode, DarkmodeSetting, HotkeyOptions, IconConfig, IconSize, ModalConfiguration, ModalSize, NotificationConfiguration, NotificationsWithIds, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SpinnerSize, StrataConfig, TagSize, TextStackOverflow, Theme, TooltipPlacement };