ngx-strata 0.2.1 → 0.2.2

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "ngx-strata",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "A simple UI framework for quickly prototyping angular applications with a bit of flair.",
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^21.2.0",
-    "@angular/core": "^21.2.0",
+    "@angular/common": ">=22.0.0",
+    "@angular/core": ">=22.0.0",
     "@floating-ui/dom": "^1.1.0"
   },
   "dependencies": {
@@ -31,5 +31,6 @@
     }
   },
   "module": "fesm2022/ngx-strata.mjs",
-  "typings": "types/ngx-strata.d.ts"
+  "typings": "types/ngx-strata.d.ts",
+  "type": "module"
 }

package/skills/ngx-strata/SKILL.md

@@ -59,7 +59,7 @@ Do not hardcode colors or spacing values. Always use the built-in Strata CSS var
 - `--st-color-text-primary`: Standard text.
 - `--st-color-text-secondary`: Muted/secondary text.
 - `--st-color-text-tertiary`: Disabled/faded text.
-- `--st-brand`: Primary brand accent color.
+- `--st-color-accent-default`: Primary brand accent color.
 
 **Key Spacing Variables:**
 - `--st-space-1` (4px) to `--st-space-10` (40px)

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

@@ -35,4 +35,4 @@ This file contains the AI documentation for the `accordion` feature and its rela
 </st-accordion-group>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/action-menu.md

@@ -33,4 +33,4 @@ This file contains the AI documentation for the `action-menu` feature and its re
 </st-action-menu>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/alert.md

@@ -25,4 +25,4 @@ This file contains the AI documentation for the `alert` feature and its related
 </st-alert>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/avatar.md

@@ -30,4 +30,4 @@ This file contains the AI documentation for the `avatar` feature and its related
 </st-avatar-stack>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/breadcrumb.md

@@ -29,4 +29,4 @@ This file contains the AI documentation for the `breadcrumb` feature and its rel
 </st-breadcrumb>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/button.md

@@ -31,4 +31,4 @@ This file contains the AI documentation for the `button` feature and its related
 </st-button-group>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/card.md

@@ -11,7 +11,14 @@ This file contains the AI documentation for the `card` feature and its related c
   - `[padding] (boolean)`
   - `[variant] (CardVariant)`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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.
+
+## CSS Custom Properties
+Every component exposes internal CSS custom properties for visual styling overrides:
+- `--st-card-shadow`: Box-shadow of the elevated card (defaults to `var(--st-shadow-1)`).
+- `--st-card-padding`: Inner padding of the card (defaults to `var(--st-size-xs)`).
+- `--st-card-background-color`: Background color of the card (defaults to `var(--st-color-bg-subtle)`).
+
 ## Usage Example
 
 ```html
@@ -21,4 +28,3 @@ This file contains the AI documentation for the `card` feature and its related c
 </st-card>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.

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

@@ -19,4 +19,4 @@ This file contains the AI documentation for the `checkbox` feature and its relat
 </st-checkbox>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/divider.md

@@ -16,4 +16,4 @@ This file contains the AI documentation for the `divider` feature and its relate
 <st-divider label="OR" [margin]="true" [vertical]="false"></st-divider>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/icon.md

@@ -18,4 +18,4 @@ This file contains the AI documentation for the `icon` feature and its related c
 > **CRITICAL RULE FOR AI AGENTS regarding Icons:**
 > NEVER guess an icon name. Before using an \`<st-icon>\`, you MUST verify that the icon is registered in the host application (usually located in \`src/app/shared/icon.config.ts\`). Alternatively, you may use one of the **ngx-strata Base Icons**: <!-- BASE_ICONS_START -->`question`, `arrow-right`, `arrow-left`, `arrow-up`, `arrow-down`, `close`, `expand-up-down`, `clipboard`, or `more`<!-- BASE_ICONS_END -->. If the icon you want to use is NOT registered, you must STOP and ask the user to add it.
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/input-field.md

@@ -17,7 +17,7 @@ This file contains the AI documentation for the `input-field` feature and its re
 - **Selector**: `st-input-field`
 - **Imports**: `StrataInputFieldComponent`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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
@@ -26,4 +26,4 @@ This file contains the AI documentation for the `input-field` feature and its re
 </st-input-field>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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

@@ -14,7 +14,7 @@ This file contains the AI documentation for the `item` feature and its related c
   - `[dividers] (boolean)`
   - `[template] (TemplateRef<T)`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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
@@ -28,4 +28,4 @@ This file contains the AI documentation for the `item` feature and its related c
 </st-item>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/kbd.md

@@ -15,4 +15,4 @@ This file contains the AI documentation for the `kbd` feature and its related co
 <st-kbd keys="enter"></st-kbd>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/message-state.md

@@ -29,4 +29,4 @@ This file contains the AI documentation for the `message-state` feature and its
 </st-message-state>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/modal.md

@@ -45,18 +45,19 @@ export class MyComponent {
   private modalService = inject(ModalService);
 
   openSettings() {
-    this.modalService.open(MyModalContentComponent, {
+    this.modalService.showModal({
+      component: MyModalContentComponent,
       title: 'User Settings',
       size: 'lg'
     });
   }
 }
-\`\`\`
+```
 
 ### 2. The Modal Content Component
-Inside your modal content component, inject \`StrataModalRef\` to close it. The modal's header and close button are automatically handled by the wrapper based on the configuration passed to \`open()\`.
+Inside your modal content component, inject `StrataModalRef` to close it. The modal's header and close button are automatically handled by the wrapper based on the configuration passed to `showModal()`.
 
-\`\`\`typescript
+```typescript
 import { Component, inject } from '@angular/core';
 import { StrataModalRef } from 'ngx-strata';
 
@@ -81,6 +82,15 @@ export class MyModalContentComponent {
     this.modalRef.close(true); // Can pass data back
   }
 }
-\`\`\`
+```
+
+## CSS Custom Properties
+The modal component exposes internal CSS custom properties for styling and layout overrides:
+- `--st-modal-bg-color`: Background color of the modal (defaults to `var(--st-color-bg-raised)`).
+- `--st-modal-border-radius`: Border radius of the modal (defaults to `var(--st-border-radius-sm)`).
+- `--st-modal-padding`: Inner padding of the modal (defaults to `var(--st-size-md)`).
+- `--st-modal-covered-modal-filter`: CSS filter applied to covered modals (defaults to `brightness(70%)`).
+- `--st-modal-viewport-margin`: Viewport safety margin when calculating max-height (defaults to `var(--st-size-md)`).
+
+> **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. Ensure data binding uses modern Angular Signals if the host project allows it.

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

@@ -43,4 +43,4 @@ export class MyComponent {
 }
 \`\`\`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/number-display.md

@@ -23,4 +23,4 @@ This file contains the AI documentation for the `number-display` feature and its
 </st-number-display>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/overlay.md

@@ -17,4 +17,4 @@ This file contains the AI documentation for the `overlay` feature and its relate
 <st-overlay></st-overlay>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/pagination.md

@@ -20,4 +20,4 @@ This file contains the AI documentation for the `pagination` feature and its rel
 </st-pagination>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/progress.md

@@ -25,7 +25,7 @@ This file contains the AI documentation for the `progress` feature and its relat
   - `[size] (any)`
   - `[strokeWidth] (any)`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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
@@ -43,4 +43,4 @@ This file contains the AI documentation for the `progress` feature and its relat
 </st-progress-radial>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/radio.md

@@ -26,4 +26,4 @@ This file contains the AI documentation for the `radio` feature and its related
 </st-radio-group>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/segmented-control.md

@@ -35,4 +35,4 @@ This file contains the AI documentation for the `segmented-control` feature and
 </st-segmented-control>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/shell.md

@@ -15,4 +15,4 @@ This file contains the AI documentation for the `shell` feature and its related
 </st-shell>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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

@@ -24,7 +24,7 @@ This file contains the AI documentation for the `sidemenu` feature and its relat
 - **Inputs**:
   - `[label] (string)`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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
@@ -38,4 +38,4 @@ This file contains the AI documentation for the `sidemenu` feature and its relat
 </st-sidemenu>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/single-select.md

@@ -42,4 +42,4 @@ This file contains the AI documentation for the `single-select` feature and its
 </st-single-select>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/slider.md

@@ -21,4 +21,4 @@ This file contains the AI documentation for the `slider` feature and its related
 </st-slider>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/spinner.md

@@ -14,4 +14,4 @@ This file contains the AI documentation for the `spinner` feature and its relate
 <st-spinner size="md"></st-spinner>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/tabs.md

@@ -24,4 +24,4 @@ This file contains the AI documentation for the `tabs` feature and its related c
 </st-tabs>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/tag.md

@@ -14,4 +14,4 @@ This file contains the AI documentation for the `tag` feature and its related co
 <st-tag size="md">New Feature</st-tag>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/text-stack.md

@@ -8,7 +8,7 @@ This file contains the AI documentation for the `text-stack` feature and its rel
 - **Inputs**:
   - `[overflow] (TextStackOverflow)`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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
@@ -18,4 +18,4 @@ This file contains the AI documentation for the `text-stack` feature and its rel
 </st-text-stack>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/theming.md

@@ -8,7 +8,7 @@ This file contains the AI documentation for the `theming` feature and its relate
 - **Inputs**:
   - `[stTheme] (Theme)`
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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
@@ -16,4 +16,4 @@ This file contains the AI documentation for the `theming` feature and its relate
 <div class="st-bg-raised st-text-primary">Content</div>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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/toggle.md

@@ -19,4 +19,4 @@ This file contains the AI documentation for the `toggle` feature and its related
 </st-toggle>
 ```
 
-> **Note to AI Agents**: Prioritize using these components over raw HTML equivalents. Ensure data binding uses modern Angular Signals if the host project allows it.
+> **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.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, AfterContentInit, ElementRef, Renderer2, EnvironmentProviders, InjectionToken, Provider, 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, 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';
@@ -32,7 +32,6 @@ declare class StrataTooltipDirective implements OnInit, OnDestroy, AfterContentI
     private eventListeners;
     private autoUpdateCleanupFunction?;
     private config;
-    constructor(document: Document, element: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     doPosition(): void;
@@ -382,7 +381,6 @@ declare class IconRegistryService {
     private iconLoader;
     icons: Record<string, string>;
     svgs: Record<string, SafeHtml>;
-    constructor(iconLoader: IconLoader);
     registerIcons(iconConfigs: IconConfig[]): void;
     registerIcon(iconConfig: IconConfig): void;
     getIconUrl(name: string): string | null;
@@ -538,12 +536,12 @@ declare class StrataRadioComponent {
     label: _angular_core.InputSignal<string | undefined>;
     checked: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
-    select: _angular_core.OutputEmitterRef<void>;
+    selected: _angular_core.OutputEmitterRef<void>;
     get isChecked(): boolean;
     get isDisabled(): boolean;
     onClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataRadioComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataRadioComponent, "st-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "select": "select"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataRadioComponent, "st-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "selected": "selected"; }, never, never, true, never>;
 }
 
 declare class StrataRadioGroupComponent {
@@ -722,6 +720,21 @@ declare class StrataThemeDirective {
 }
 type Theme = 'brand' | 'default' | 'danger' | 'warning' | 'success' | 'info';
 
+declare class StrataAlertContentComponent {
+    private modalService;
+    title: _angular_core.InputSignal<string>;
+    message: _angular_core.InputSignal<string | undefined>;
+    icon: _angular_core.InputSignal<string | undefined>;
+    readonly computedIcon: _angular_core.Signal<string>;
+    theme: _angular_core.InputSignal<Theme>;
+    affirmativeButton: _angular_core.InputSignal<string>;
+    cancelButton: _angular_core.InputSignal<string | undefined>;
+    onAffirmation(): void;
+    onCancel(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataAlertContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataAlertContentComponent, "st-alert-content", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "affirmativeButton": { "alias": "affirmativeButton"; "required": true; "isSignal": true; }; "cancelButton": { "alias": "cancelButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 interface ModalConfiguration {
     title?: string;
     component: Type<unknown>;
@@ -747,6 +760,8 @@ declare abstract class StrataModalRef {
 declare class ModalService {
     private _modals;
     modals: _angular_core.Signal<ModalConfiguration[]>;
+    private document;
+    constructor();
     showModal(config: ModalConfiguration): void;
     showAlert(config: AlertConfiguration, callback: (value: boolean) => void): void;
     closeCurrentModal(value?: unknown): void;
@@ -755,25 +770,8 @@ declare class ModalService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
 }
 
-declare class StrataAlertContentComponent {
-    private modalService;
-    title: _angular_core.InputSignal<string>;
-    message: _angular_core.InputSignal<string | undefined>;
-    icon: _angular_core.InputSignal<string | undefined>;
-    readonly computedIcon: _angular_core.Signal<string>;
-    theme: _angular_core.InputSignal<Theme>;
-    affirmativeButton: _angular_core.InputSignal<string>;
-    cancelButton: _angular_core.InputSignal<string | undefined>;
-    constructor(modalService: ModalService);
-    onAffirmation(): void;
-    onCancel(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataAlertContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataAlertContentComponent, "st-alert-content", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "affirmativeButton": { "alias": "affirmativeButton"; "required": true; "isSignal": true; }; "cancelButton": { "alias": "cancelButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class StrataModalContainerComponent {
     modalService: ModalService;
-    constructor(modalService: ModalService);
     onBackdropClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataModalContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataModalContainerComponent, "st-modal-container", never, {}, {}, never, never, true, never>;