ngx-strata 0.5.0 → 0.5.2

package/types/ngx-strata.d.ts

@@ -47,6 +47,29 @@ declare class StrataTooltipDirective implements OnInit, OnDestroy, AfterContentI
 }
 type TooltipPlacement = Exclude<Placement, 'left-start' | 'left-end' | 'right-start' | 'right-end'>;
 
+type StrataBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare class BreakpointService {
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly isBrowser;
+    private readonly _width;
+    private readonly _current;
+    readonly width: _angular_core.Signal<number>;
+    readonly current: _angular_core.Signal<StrataBreakpoint>;
+    readonly isMobile: _angular_core.Signal<boolean>;
+    readonly isTablet: _angular_core.Signal<boolean>;
+    readonly isDesktop: _angular_core.Signal<boolean>;
+    constructor();
+    is(breakpoint: StrataBreakpoint): boolean;
+    isSmallerThan(breakpoint: StrataBreakpoint): boolean;
+    isLargerThan(breakpoint: StrataBreakpoint): boolean;
+    isAtLeast(breakpoint: StrataBreakpoint): boolean;
+    isAtMost(breakpoint: StrataBreakpoint): boolean;
+    private updateBreakpoint;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreakpointService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BreakpointService>;
+}
+
 declare class DarkmodeService {
     private readonly STORAGE_KEY;
     private document;
@@ -68,6 +91,28 @@ declare class DarkmodeService {
 type DarkmodeSetting = 'DARK' | 'LIGHT' | 'SYSTEM';
 type CurrentDarkmode = 'LIGHT' | 'DARK';
 
+type StrataOS = 'ios' | 'android' | 'macos' | 'windows' | 'linux' | 'unknown';
+declare class DeviceService {
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly isBrowser;
+    private readonly _isTouch;
+    private readonly _hasHover;
+    private readonly _os;
+    readonly isTouch: _angular_core.Signal<boolean>;
+    readonly hasHover: _angular_core.Signal<boolean>;
+    readonly os: _angular_core.Signal<StrataOS>;
+    readonly isApple: _angular_core.Signal<boolean>;
+    readonly isAndroid: _angular_core.Signal<boolean>;
+    readonly isWindows: _angular_core.Signal<boolean>;
+    readonly isLinux: _angular_core.Signal<boolean>;
+    constructor();
+    private detectOS;
+    private updatePointerCapabilities;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeviceService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DeviceService>;
+}
+
 interface HotkeyOptions {
     /** If true, the hotkey fires even when focus is inside an input, textarea, or contenteditable. Defaults to false. */
     allowInInput?: boolean;
@@ -126,6 +171,7 @@ interface StrataConfig {
     includeBaseIcons: boolean;
     tooltipDelayMs: number;
     crossPlatformHotkeys: boolean;
+    maxNotifications?: number;
     shortcutLabels?: {
         meta?: string;
         ctrl?: string;
@@ -304,12 +350,15 @@ declare class StrataBadgeComponent {
 declare class StrataBreadcrumbItemComponent {
     text: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string | undefined>;
+    badge: _angular_core.InputSignal<string | number | undefined>;
+    badgeVariant: _angular_core.InputSignal<BadgeVariant>;
+    badgeSize: _angular_core.InputSignal<BadgeSize>;
     interactable: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     activated: _angular_core.OutputEmitterRef<Event>;
     separatorIcon: _angular_core.WritableSignal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataBreadcrumbItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataBreadcrumbItemComponent, "st-breadcrumb-item", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "interactable": { "alias": "interactable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataBreadcrumbItemComponent, "st-breadcrumb-item", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "interactable": { "alias": "interactable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, ["st-badge"], true, never>;
 }
 
 declare class StrataBreadcrumbComponent {
@@ -694,6 +743,11 @@ declare class StrataAlertContentComponent {
     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 StrataModalBodyComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataModalBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataModalBodyComponent, "st-modal-body", never, {}, {}, never, ["*"], true, never>;
+}
+
 interface ModalConfiguration {
     title?: string;
     component: Type<unknown>;
@@ -702,6 +756,7 @@ interface ModalConfiguration {
     disableBackdropClosure?: boolean;
     size?: ModalSize;
     variant?: ModalVariant;
+    placement?: ModalPlacement;
     inputs?: Record<string, unknown>;
 }
 interface AlertConfiguration {
@@ -714,6 +769,7 @@ interface AlertConfiguration {
 }
 type ModalSize = 'xs' | 'sm' | 'md' | 'lg';
 type ModalVariant = 'default' | 'raised';
+type ModalPlacement = 'center' | 'right' | 'left' | 'bottom';
 declare abstract class StrataModalRef {
     abstract close(value?: unknown): void;
 }
@@ -765,8 +821,10 @@ declare class StrataModalComponent implements OnInit, AfterViewInit, OnDestroy {
     configuration: _angular_core.InputSignal<ModalConfiguration>;
     size: _angular_core.ModelSignal<ModalSize | undefined>;
     variant: _angular_core.InputSignal<ModalVariant | undefined>;
+    placement: _angular_core.ModelSignal<ModalPlacement | undefined>;
     readonly currentSize: _angular_core.Signal<ModalSize>;
     readonly currentVariant: _angular_core.Signal<ModalVariant>;
+    readonly currentPlacement: _angular_core.Signal<ModalPlacement>;
     readonly role = "dialog";
     readonly ariaModal = "true";
     readonly tabIndex = -1;
@@ -780,33 +838,47 @@ declare class StrataModalComponent implements OnInit, AfterViewInit, OnDestroy {
     onKeydown(event: KeyboardEvent): void;
     private getFocusableElements;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataModalComponent, "st-modal", never, { "configuration": { "alias": "configuration"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "size": "sizeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataModalComponent, "st-modal", never, { "configuration": { "alias": "configuration"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "size": "sizeChange"; "placement": "placementChange"; }, never, never, true, never>;
 }
 
 interface StrataNotificationRef {
     readonly id: string;
     dismiss(): void;
 }
+interface NotificationAction {
+    label: string;
+    onClick?: (ref: StrataNotificationRef) => void;
+    variant?: ButtonVariant;
+}
 interface NotificationConfiguration {
     id?: string;
-    icon?: string;
+    title?: string;
     message: string;
+    icon?: string;
     theme?: Theme;
     duration?: number;
     dismissible?: boolean;
+    showProgress?: boolean;
+    pauseOnHover?: boolean;
+    actions?: NotificationAction[];
 }
 type NotificationsWithIds = NotificationConfiguration & {
     id: string;
     dismissible: boolean;
+    showProgress: boolean;
+    pauseOnHover: boolean;
+    actions: NotificationAction[];
 };
 declare const DEFAULT_THEME: Theme;
 declare const DEFAULT_DURATION = 3000;
 
 declare class NotificationService {
+    private strataConfig;
+    maxNotifications: _angular_core.WritableSignal<number>;
     notificationStack: _angular_core.WritableSignal<NotificationsWithIds[]>;
     dismiss(notificationId: string): void;
+    dismissAll(): void;
     showNotification(config: NotificationConfiguration): StrataNotificationRef;
-    private hideNotification;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NotificationService>;
 }
@@ -814,19 +886,44 @@ declare class NotificationService {
 declare class StrataNotificationContainerComponent {
     notificationService: NotificationService;
     notifications: _angular_core.WritableSignal<ngx_strata.NotificationsWithIds[]>;
+    maxNotifications: _angular_core.WritableSignal<number>;
+    visibleNotifications: _angular_core.Signal<ngx_strata.NotificationsWithIds[]>;
+    overflowCount: _angular_core.Signal<number>;
     dismiss(id: string): void;
+    dismissAll(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataNotificationContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataNotificationContainerComponent, "st-notification-container", never, {}, {}, never, never, true, never>;
 }
 
-declare class StrataNotificationComponent {
+declare class StrataNotificationComponent implements OnInit, OnDestroy {
+    id: _angular_core.InputSignal<string | undefined>;
+    title: _angular_core.InputSignal<string | undefined>;
     icon: _angular_core.InputSignal<string | undefined>;
     message: _angular_core.InputSignal<string>;
+    duration: _angular_core.InputSignal<number>;
     dismissible: _angular_core.InputSignal<boolean>;
+    showProgress: _angular_core.InputSignal<boolean>;
+    pauseOnHover: _angular_core.InputSignal<boolean>;
+    actions: _angular_core.InputSignal<NotificationAction[]>;
     dismiss: _angular_core.OutputEmitterRef<void>;
+    actionClick: _angular_core.OutputEmitterRef<{
+        action: NotificationAction;
+        ref: StrataNotificationRef;
+    }>;
+    isPaused: _angular_core.WritableSignal<boolean>;
+    private remainingTime;
+    private startTime;
+    private timeoutId;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     onDismiss(): void;
+    onActionClick(action: NotificationAction): void;
+    pauseTimer(): void;
+    resumeTimer(): void;
+    private startTimer;
+    private clearTimer;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataNotificationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataNotificationComponent, "st-notification", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataNotificationComponent, "st-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; "actionClick": "actionClick"; }, never, never, true, never>;
 }
 
 declare class StrataNumberDisplayComponent {
@@ -847,6 +944,58 @@ declare class StrataNumberDisplayComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataNumberDisplayComponent, "st-number-display", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "changedValue": { "alias": "changedValue"; "required": false; "isSignal": true; }; "showPlus": { "alias": "showPlus"; "required": false; "isSignal": true; }; "deemphasizeDecimals": { "alias": "deemphasizeDecimals"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type NumberStepperSize = 'sm' | 'md' | 'lg';
+type NumberStepperLayout = 'split' | 'stacked';
+declare class StrataNumberStepperComponent implements ControlValueAccessor {
+    private readonly defaultId;
+    private readonly inputRef;
+    value: _angular_core.ModelSignal<number | null | undefined>;
+    min: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    max: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    step: _angular_core.InputSignalWithTransform<number, unknown>;
+    precision: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    size: _angular_core.InputSignal<NumberStepperSize>;
+    stepperLayout: _angular_core.InputSignal<NumberStepperLayout>;
+    label: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    id: _angular_core.InputSignal<string | undefined>;
+    name: _angular_core.InputSignal<string | undefined>;
+    state: _angular_core.InputSignal<InputControlState | undefined>;
+    error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    message: _angular_core.InputSignal<string | undefined>;
+    colorMessage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly cvaDisabled;
+    readonly effectiveId: _angular_core.Signal<string>;
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    readonly effectiveState: _angular_core.Signal<InputControlState>;
+    readonly isMessageError: _angular_core.Signal<boolean>;
+    readonly isMessageSuccess: _angular_core.Signal<boolean>;
+    readonly isMessageWarning: _angular_core.Signal<boolean>;
+    readonly canIncrement: _angular_core.Signal<boolean>;
+    readonly canDecrement: _angular_core.Signal<boolean>;
+    readonly formattedValue: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    stepUp(): void;
+    stepDown(): void;
+    onNativeInput(event: Event): void;
+    onNativeBlur(): void;
+    onNativeKeyDown(event: KeyboardEvent): void;
+    focus(): void;
+    blur(): void;
+    writeValue(val: number | null | undefined): void;
+    registerOnChange(fn: (val: number | null | undefined) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private updateValue;
+    private roundToPrecision;
+    private getDecimalCount;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataNumberStepperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataNumberStepperComponent, "st-number-stepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "stepperLayout": { "alias": "stepperLayout"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
 type OtpType = 'number' | 'alphanumeric' | 'password';
 type OtpSize = 'sm' | 'md' | 'lg';
 type OtpState = 'idle' | 'loading' | 'success' | 'error';
@@ -1015,6 +1164,9 @@ declare class StrataRadioGroupComponent implements ControlValueAccessor {
 declare class StrataSegmentedControlItemComponent {
     text: _angular_core.InputSignal<string>;
     value: _angular_core.InputSignal<string | undefined>;
+    badge: _angular_core.InputSignal<string | number | undefined>;
+    badgeVariant: _angular_core.InputSignal<BadgeVariant>;
+    badgeSize: _angular_core.InputSignal<BadgeSize>;
     effectiveValue: _angular_core.Signal<string>;
     selected: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -1026,7 +1178,7 @@ declare class StrataSegmentedControlItemComponent {
     onClick(): void;
     onKeydown(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataSegmentedControlItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataSegmentedControlItemComponent, "st-segmented-control-item", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "selectionChanged": "selectionChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataSegmentedControlItemComponent, "st-segmented-control-item", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "selectionChanged": "selectionChanged"; }, never, ["st-badge"], true, never>;
 }
 
 type SegmentedControlSize = 'sm' | 'md' | 'lg';
@@ -1191,6 +1343,41 @@ declare class StrataSelectTriggerDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataSelectTriggerDirective, "[stSelectTrigger]", never, {}, {}, never, never, true, never>;
 }
 
+type SkeletonVariant = 'text' | 'circular' | 'circle' | 'rectangular' | 'rect' | 'rounded' | 'pill';
+type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+type SkeletonSize = 'xs' | 'sm' | 'md' | 'lg';
+
+declare class StrataSkeletonComponent {
+    variant: _angular_core.InputSignal<SkeletonVariant>;
+    size: _angular_core.InputSignal<SkeletonSize | undefined>;
+    animation: _angular_core.InputSignal<SkeletonAnimation>;
+    width: _angular_core.InputSignal<string | number | undefined>;
+    height: _angular_core.InputSignal<string | number | undefined>;
+    radius: _angular_core.InputSignal<string | number | undefined>;
+    count: _angular_core.InputSignal<number>;
+    lastLineWidth: _angular_core.InputSignal<string | number>;
+    gap: _angular_core.InputSignal<string | number | undefined>;
+    loading: _angular_core.InputSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    normalizedVariant: _angular_core.Signal<"text" | "rounded" | "circular" | "rectangular">;
+    normalizedWidth: _angular_core.Signal<string | undefined>;
+    normalizedHeight: _angular_core.Signal<string | undefined>;
+    normalizedRadius: _angular_core.Signal<string | undefined>;
+    normalizedGap: _angular_core.Signal<string | undefined>;
+    normalizedLastLineWidth: _angular_core.Signal<string | undefined>;
+    isMultiLine: _angular_core.Signal<boolean>;
+    lineIndices: _angular_core.Signal<number[]>;
+    get hostRole(): string | null;
+    get hostAriaBusy(): string | null;
+    get hostAriaLive(): string | null;
+    get hostAriaLabel(): string | null;
+    get hostClasses(): string;
+    getLineWidth(index: number, isLast: boolean): string | undefined;
+    private formatDimension;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataSkeletonComponent, "st-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "lastLineWidth": { "alias": "lastLineWidth"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class StrataSliderComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
     wrapper: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     private resizeObserver;
@@ -1280,14 +1467,10 @@ declare class StrataStepperComponent {
 }
 
 declare class StrataTabItemComponent {
-    /**
-     * The text label for the tab.
-     * Can also be provided via content projection.
-     */
     text: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Whether the tab is currently selected.
-     */
+    badge: _angular_core.InputSignal<string | number | undefined>;
+    badgeVariant: _angular_core.InputSignal<BadgeVariant>;
+    badgeSize: _angular_core.InputSignal<BadgeSize>;
     selected: _angular_core.ModelSignal<boolean>;
     /**
      * Whether the tab is disabled.
@@ -1304,7 +1487,7 @@ declare class StrataTabItemComponent {
     get disabledClass(): boolean;
     onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataTabItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataTabItemComponent, "st-tab-item", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "selectionChanged": "selectionChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataTabItemComponent, "st-tab-item", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "selectionChanged": "selectionChanged"; }, never, ["st-badge", "*"], true, never>;
 }
 
 declare class StrataTabsComponent implements AfterViewInit {
@@ -1365,5 +1548,5 @@ declare class StrataToggleComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataToggleComponent, "st-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, [{ directive: typeof StrataActivatableDirective; inputs: { "disabled": "disabled"; }; outputs: { "activated": "activated"; }; }]>;
 }
 
-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, StrataBadgeComponent, StrataBreadcrumbComponent, StrataBreadcrumbItemComponent, StrataButtonDirective, StrataButtonGroupComponent, StrataCardComponent, StrataCheckboxComponent, StrataDividerComponent, StrataFileUploadComponent, StrataIconComponent, StrataImageCropperComponent, StrataInputFieldComponent, StrataItemComponent, StrataItemListComponent, StrataKbdComponent, StrataMessageStateComponent, StrataModalComponent, StrataModalContainerComponent, StrataModalFooterComponent, StrataModalHeaderComponent, StrataModalRef, StrataNativeInputRefDirective, StrataNotificationComponent, StrataNotificationContainerComponent, StrataNumberDisplayComponent, StrataOtpComponent, StrataOverlayDirective, StrataPaginationComponent, StrataProgressLinearComponent, StrataProgressRadialComponent, StrataRadioComponent, StrataRadioGroupComponent, StrataSegmentedControlComponent, StrataSegmentedControlItemComponent, StrataSelectItemComponent, StrataSelectTriggerDirective, StrataShellComponent, StrataSidemenuComponent, StrataSidemenuItemDirective, StrataSidemenuItemGroupComponent, StrataSidemenuSectionComponent, StrataSingleSelectComponent, StrataSliderComponent, StrataSpinnerComponent, StrataStepComponent, StrataStepperComponent, StrataTabItemComponent, StrataTabsComponent, StrataTagComponent, StrataTextStackComponent, StrataThemeDirective, StrataToggleComponent, StrataTooltipDirective, getDefaultShortcutLabels, isApplePlatform, provideBaseIcons, provideIcons, provideStrata, resolveIsApple };
-export type { AccordionVariant, AlertConfiguration, AvatarSize, AvatarStackSpacing, AvatarVariant, BadgePlacement, BadgeSize, BadgeVariant, ButtonGroupJustification, ButtonSize, ButtonVariant, CardVariant, CropPosition, CropResult, CropShape, CurrentDarkmode, DarkmodeSetting, HotkeyOptions, IconConfig, IconSize, InputControlState, InputFieldSize, ModalConfiguration, ModalFooterJustification, ModalSize, ModalVariant, NotificationConfiguration, NotificationsWithIds, OtpSize, OtpState, OtpType, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SegmentedControlSize, SingleSelectSize, SpinnerSize, StepState, StepperOrientation, StepperSize, StepperTheme, StrataConfig, StrataNotificationRef, StrataPlatform, TagSize, TextStackOverflow, Theme, TooltipPlacement };
+export { BreakpointService, CapitalizePipe, DEFAULT_DURATION, DEFAULT_THEME, DarkmodeService, DeviceService, HotkeyService, HttpIconLoader, IconLoader, IconRegistry, IconRegistryService, ModalService, NotificationService, STRATA_CONFIG, StrataAccordionGroupComponent, StrataAccordionItemComponent, StrataActionMenuComponent, StrataActionMenuItemComponent, StrataActivatableDirective, StrataAlertComponent, StrataAlertContentComponent, StrataAutoResizeDirective, StrataAvatarComponent, StrataAvatarStackComponent, StrataBadgeComponent, StrataBreadcrumbComponent, StrataBreadcrumbItemComponent, StrataButtonDirective, StrataButtonGroupComponent, StrataCardComponent, StrataCheckboxComponent, StrataDividerComponent, StrataFileUploadComponent, StrataIconComponent, StrataImageCropperComponent, StrataInputFieldComponent, StrataItemComponent, StrataItemListComponent, StrataKbdComponent, StrataMessageStateComponent, StrataModalBodyComponent, StrataModalComponent, StrataModalContainerComponent, StrataModalFooterComponent, StrataModalHeaderComponent, StrataModalRef, StrataNativeInputRefDirective, StrataNotificationComponent, StrataNotificationContainerComponent, StrataNumberDisplayComponent, StrataNumberStepperComponent, StrataOtpComponent, StrataOverlayDirective, StrataPaginationComponent, StrataProgressLinearComponent, StrataProgressRadialComponent, StrataRadioComponent, StrataRadioGroupComponent, StrataSegmentedControlComponent, StrataSegmentedControlItemComponent, StrataSelectItemComponent, StrataSelectTriggerDirective, StrataShellComponent, StrataSidemenuComponent, StrataSidemenuItemDirective, StrataSidemenuItemGroupComponent, StrataSidemenuSectionComponent, StrataSingleSelectComponent, StrataSkeletonComponent, StrataSliderComponent, StrataSpinnerComponent, StrataStepComponent, StrataStepperComponent, StrataTabItemComponent, StrataTabsComponent, StrataTagComponent, StrataTextStackComponent, StrataThemeDirective, StrataToggleComponent, StrataTooltipDirective, getDefaultShortcutLabels, isApplePlatform, provideBaseIcons, provideIcons, provideStrata, resolveIsApple };
+export type { AccordionVariant, AlertConfiguration, AvatarSize, AvatarStackSpacing, AvatarVariant, BadgePlacement, BadgeSize, BadgeVariant, ButtonGroupJustification, ButtonSize, ButtonVariant, CardVariant, CropPosition, CropResult, CropShape, CurrentDarkmode, DarkmodeSetting, HotkeyOptions, IconConfig, IconSize, InputControlState, InputFieldSize, ModalConfiguration, ModalFooterJustification, ModalPlacement, ModalSize, ModalVariant, NotificationAction, NotificationConfiguration, NotificationsWithIds, NumberStepperLayout, NumberStepperSize, OtpSize, OtpState, OtpType, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SegmentedControlSize, SingleSelectSize, SkeletonAnimation, SkeletonSize, SkeletonVariant, SpinnerSize, StepState, StepperOrientation, StepperSize, StepperTheme, StrataBreakpoint, StrataConfig, StrataNotificationRef, StrataOS, StrataPlatform, TagSize, TextStackOverflow, Theme, TooltipPlacement };