@mozaic-ds/angular 2.0.0-beta.13 → 2.0.0-beta.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.0.0-beta.13",
+  "version": "2.0.0-beta.15",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",

package/types/mozaic-ds-angular.d.ts

@@ -17,7 +17,7 @@ declare class MozBreadcrumbComponent {
     links: _angular_core.InputSignal<MozBreadcrumbLink[]>;
     readonly classObject: _angular_core.Signal<{
         [x: string]: boolean | MozBreadcrumbAppearance;
-        'mc-breadcrumb': boolean;
+        breadcrumb: boolean;
     }>;
     getLinkClass(): string;
     getCurrentLinkClass(): string;
@@ -41,7 +41,7 @@ declare class MozButtonComponent {
     iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
     readonly hostClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "moz-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, ["iconTpl"], ["*", "[icon]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "button[moz-button]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, ["iconTpl"], ["*", "[icon]"], true, never>;
 }
 
 declare class MozCheckboxComponent implements ControlValueAccessor {
@@ -59,8 +59,8 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
         'is-invalid': boolean;
     }>;
     readonly indentedClass: _angular_core.Signal<{
-        'mc-checkbox': boolean;
-        'mc-checkbox--indented': boolean;
+        checkbox: boolean;
+        'checkbox--indented': boolean;
     }>;
     writeValue(value: boolean): void;
     registerOnChange(fn: (_: boolean) => void): void;
@@ -86,8 +86,8 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
     inline: _angular_core.InputSignal<boolean>;
     _value: _angular_core.WritableSignal<string[]>;
     readonly containerClass: _angular_core.Signal<{
-        'mc-field__content': boolean;
-        'mc-field__content--inline': boolean;
+        field__content: boolean;
+        'field__content--inline': boolean;
     }>;
     onChange: (_: string[]) => void;
     onTouched: () => void;
@@ -98,7 +98,9 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
     isChecked(value: string): boolean;
     getCheckboxInputClass(option: {
         isInvalid?: boolean;
-    }): string;
+    }): {
+        [key: string]: boolean;
+    };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxGroupComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckboxGroupComponent, "moz-checkbox-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "necessityIndicator": { "alias": "necessityIndicator"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -148,11 +150,6 @@ declare class MozFieldComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFieldComponent, "moz-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "requirementText": { "alias": "requirementText"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "messageId": { "alias": "messageId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class MozFieldContentComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFieldContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFieldContentComponent, "moz-field-content", never, {}, {}, never, ["*"], true, never>;
-}
-
 declare class MozFieldGroupComponent {
     id: _angular_core.InputSignal<string>;
     legend: _angular_core.InputSignal<string>;
@@ -196,11 +193,11 @@ declare class MozFileUploaderComponent implements OnInit {
     isDragged: _angular_core.WritableSignal<boolean>;
     initialFiles: _angular_core.InputSignal<File[]>;
     readonly classes: _angular_core.Signal<{
-        'mc-file-uploader--draggable': boolean;
+        'file-uploader--draggable': boolean;
     }>;
     readonly inputClasses: _angular_core.Signal<{
-        'mc-file-uploader__input--disabled': boolean;
-        'mc-file-uploader__input--dragged': boolean;
+        'file-uploader__input--disabled': boolean;
+        'file-uploader__input--dragged': boolean;
     }>;
     iconTpl: any;
     fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
@@ -289,11 +286,11 @@ declare class MozLinkComponent {
     readonly routerLink: RouterLink | null;
     readonly classes: _angular_core.Signal<{
         [x: string]: boolean | MozLinkAppearance | MozLinkSize;
-        'mc-link': boolean;
-        'mc-link--inline': boolean;
-        'mc-link--stand-alone': boolean;
-        'mc-link--active': boolean;
-        'mc-link--breadcrumb__current': boolean;
+        link: boolean;
+        'link--inline': boolean;
+        'link--stand-alone': boolean;
+        'link--active': boolean;
+        'link--breadcrumb__current': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinkComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLinkComponent, "moz-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "router": { "alias": "router"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "ariaCurrent": { "alias": "ariaCurrent"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "*"], true, never>;
@@ -307,8 +304,8 @@ declare class MozLoaderComponent {
     text: _angular_core.InputSignal<string | undefined>;
     readonly classes: _angular_core.Signal<{
         [x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
-        'mc-loader': boolean;
-        "mc-loader--text-visible": boolean;
+        loader: boolean;
+        "loader--text-visible": boolean;
     }>;
     readonly viewBox: _angular_core.Signal<"0 0 20 20" | "0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
     readonly circleRadius: _angular_core.Signal<3 | 6 | 19 | 9>;
@@ -331,7 +328,7 @@ declare class MozModalComponent {
     constructor();
     close(): void;
     readonly classMap: _angular_core.Signal<{
-        'mc-modal': boolean;
+        modal: boolean;
         'is-open': boolean;
     }>;
     readonly ariaModal: _angular_core.Signal<"true" | "false">;
@@ -452,7 +449,7 @@ declare class MozOverlayComponent {
      */
     dialogLabel: _angular_core.InputSignal<string | undefined>;
     readonly classes: _angular_core.Signal<{
-        'mc-overlay': boolean;
+        overlay: boolean;
         'is-visible': boolean | undefined;
     }>;
     onBackdropClick(): void;
@@ -544,7 +541,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
     private _value;
     onChange: (value: string) => void;
     onTouched: () => void;
-    readonly classObject: _angular_core.Signal<{
+    readonly classes: _angular_core.Signal<{
         'mc-pincode-input': boolean;
         'is-invalid': boolean;
     }>;
@@ -577,7 +574,7 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
     readonly _value: _angular_core.WritableSignal<number>;
     readonly classes: _angular_core.Signal<{
         [x: string]: boolean | MozQuantitySelectorSize;
-        'mc-quantity-selector': boolean;
+        'quantity-selector': boolean;
         'is-invalid': boolean;
     }>;
     private onChange;
@@ -606,7 +603,7 @@ declare class MozRadioComponent implements ControlValueAccessor {
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     readonly classes: _angular_core.Signal<{
-        'mc-radio__input': boolean;
+        radio__input: boolean;
         'is-invalid': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
@@ -631,8 +628,8 @@ declare class MozRadioGroupComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     select(value: string): void;
     readonly classes: _angular_core.Signal<{
-        'mc-field__content': boolean;
-        'mc-field__content--inline': boolean;
+        field__content: boolean;
+        'field__content--inline': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozRadioGroupComponent, "moz-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -665,8 +662,8 @@ declare class MozSelectComponent implements ControlValueAccessor {
     handleChange(event: Event): void;
     readonly classes: _angular_core.Signal<{
         [x: string]: boolean | MozSelectSize;
-        'mc-select': boolean;
-        'mc-select--readonly': boolean;
+        select: boolean;
+        'select--readonly': boolean;
         'is-invalid': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSelectComponent, never>;
@@ -713,7 +710,7 @@ declare class MozStatusNotificationComponent {
     readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
     onCloseClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusNotificationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["footerTpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["footerTpl"], ["[footer]"], true, never>;
 }
 
 declare class MozTabComponent {
@@ -745,19 +742,19 @@ declare class MozTabsComponent implements AfterContentInit {
     ngAfterContentInit(): void;
     hasVirtualTabs: _angular_core.Signal<boolean>;
     readonly classes: _angular_core.Signal<{
-        'mc-tabs': boolean;
-        'mc-tabs--centered': boolean;
+        tabs: boolean;
+        'tabs--centered': boolean;
     }>;
     isTabSelected: (index: number) => boolean;
     getTabClasses(index: number): _angular_core.Signal<{
-        'mc-tabs__tab': boolean;
-        'mc-tabs__tab--selected': boolean;
-        'mc-tabs__tab--disabled': boolean;
+        tabs__tab: boolean;
+        'tabs__tab--selected': boolean;
+        'tabs__tab--disabled': boolean;
     }>;
     getVirtualTabClasses(index: number): _angular_core.Signal<{
-        'mc-tabs__tab': boolean;
-        'mc-tabs__tab--selected': boolean;
-        'mc-tabs__tab--disabled': boolean;
+        tabs__tab: boolean;
+        'tabs__tab--selected': boolean;
+        'tabs__tab--disabled': boolean;
     }>;
     onClickTab(index: number): void;
     onClickVirtualTab(index: number, tab: MozTabItem): void;
@@ -795,7 +792,7 @@ declare class MozTagComponent implements ControlValueAccessor {
  * Directive that transforms a simple textarea into a styled textarea.
  * Applies Mozaic Design System styles to native textarea elements.
  */
-declare class MozTextareaDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
+declare class MozTextarea implements ControlValueAccessor, AfterViewInit, OnDestroy {
     private elementRef;
     private renderer;
     readonly isInvalid: _angular_core.InputSignal<boolean>;
@@ -815,35 +812,8 @@ declare class MozTextareaDirective implements ControlValueAccessor, AfterViewIni
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextareaDirective, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextareaDirective, "textarea[moz-text-area]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class MozTextareaComponent implements ControlValueAccessor {
-    readonly id: _angular_core.InputSignal<string | undefined>;
-    readonly name: _angular_core.InputSignal<string | undefined>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly isInvalid: _angular_core.InputSignal<boolean>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly rows: _angular_core.InputSignal<number>;
-    readonly minLength: _angular_core.InputSignal<number | undefined>;
-    readonly maxLength: _angular_core.InputSignal<number | undefined>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    protected _value: _angular_core.WritableSignal<string>;
-    onChange: (value: string) => void;
-    onTouched: () => void;
-    readonly classes: _angular_core.Signal<{
-        'mc-textarea': boolean;
-        'is-invalid': boolean;
-        'is-disabled': boolean;
-    }>;
-    handleInput(event: Event): void;
-    handleBlur(): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextareaComponent, "moz-text-area", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextarea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextarea, "textarea[moz-text-area]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type MozTextInputSize = 's' | 'm';
@@ -894,7 +864,7 @@ declare class MozToggleComponent implements ControlValueAccessor {
     disabled: _angular_core.InputSignal<boolean>;
     readonly classes: _angular_core.Signal<{
         [x: string]: boolean | MozToggleSize;
-        'mc-toggle': boolean;
+        toggle: boolean;
     }>;
     _value: _angular_core.WritableSignal<boolean>;
     onChange: (_: boolean) => void;
@@ -910,7 +880,7 @@ declare class MozToggleComponent implements ControlValueAccessor {
 type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
 declare class MozFlagComponent {
     readonly type: _angular_core.InputSignal<MozFlagType>;
-    get typeClass(): "mc-flag" | "mc-flag mc-flag--accent" | "mc-flag mc-flag--danger" | "mc-flag mc-flag--inverse";
+    readonly classes: _angular_core.Signal<"flag" | "flag flag--accent" | "flag flag--danger" | "flag flag--inverse">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -954,9 +924,9 @@ declare class MozTooltipComponent {
     content: string;
     readonly classes: _angular_core.Signal<{
         [x: string]: boolean;
-        'mc-tooltip': boolean;
-        'mc-tooltip--no-pointer': boolean;
-        'mc-tooltip--standalone': boolean;
+        tooltip: boolean;
+        'tooltip--no-pointer': boolean;
+        'tooltip--standalone': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTooltipComponent, "moz-tooltip", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "noPointer": { "alias": "noPointer"; "required": false; "isSignal": true; }; "standalone": { "alias": "standalone"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "[content]"], true, never>;
@@ -1025,7 +995,7 @@ declare class MozCalloutComponent {
 type MozAvatarSize = 's' | 'm' | 'l';
 declare class MozAvatarComponent {
     size: _angular_core.InputSignal<MozAvatarSize>;
-    hostClasses: _angular_core.Signal<string>;
+    classes: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1117,7 +1087,7 @@ declare class MozToasterComponent implements AfterContentInit {
     actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     hasAction: boolean;
     ngAfterContentInit(): void;
-    hostClasses: _angular_core.Signal<string>;
+    classes: _angular_core.Signal<string>;
     private _progressValue;
     progressValue: () => number;
     private intervalId;
@@ -1187,13 +1157,13 @@ declare class MozSegmentedControlComponent {
         value: string | number;
     }>;
     classes: _angular_core.Signal<{
-        'mc-segmented-control': boolean;
-        'mc-segmented-control--m': boolean;
-        'mc-segmented-control--full': boolean;
+        'segmented-control': boolean;
+        'segmented-control--m': boolean;
+        'segmented-control--full': boolean;
     }>;
     segmentClasses: (index: number) => _angular_core.Signal<{
-        'mc-segmented-control__segment': boolean;
-        'mc-segmented-control__segment--selected': boolean;
+        'segmented-control__segment': boolean;
+        'segmented-control__segment--selected': boolean;
     }>;
     private buttons;
     onSelect(index: number): void;
@@ -1270,8 +1240,8 @@ declare class MozAccordionComponent {
      * @internal
      */
     cssClasses: _angular_core.Signal<{
-        'mc-accordion': boolean;
-        'mc-accordion--ghost': boolean;
+        accordion: boolean;
+        'accordion--ghost': boolean;
     }>;
     /**
      * Signal containing all accordion panels projected into this component.
@@ -1351,9 +1321,9 @@ declare class MozActionListboxComponent {
     itemsWithClasses: _angular_core.Signal<{
         item: ActionListItem;
         classes: {
-            'mc-action-list__element': boolean;
-            'mc-action-list__element--danger': boolean;
-            'mc-action-list__element--disabled': boolean;
+            'action-list__element': boolean;
+            'action-list__element--danger': boolean;
+            'action-list__element--disabled': boolean;
         };
     }[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxComponent, never>;
@@ -1413,15 +1383,15 @@ declare class MozKpiComponent {
     readonly isMedium: _angular_core.Signal<boolean>;
     readonly isLarge: _angular_core.Signal<boolean>;
     readonly rootClasses: _angular_core.Signal<{
-        'mc-kpi': boolean;
-        'mc-kpi--s': boolean;
-        'mc-kpi--m': boolean;
-        'mc-kpi--l': boolean;
-        'mc-kpi--info': boolean;
-        'mc-kpi--warning': boolean;
-        'mc-kpi--error': boolean;
-        'mc-kpi--success': boolean;
-        'mc-kpi--neutral': boolean;
+        kpi: boolean;
+        'kpi--s': boolean;
+        'kpi--m': boolean;
+        'kpi--l': boolean;
+        'kpi--info': boolean;
+        'kpi--warning': boolean;
+        'kpi--error': boolean;
+        'kpi--success': boolean;
+        'kpi--neutral': boolean;
     }>;
     private readonly iconMap;
     readonly IconComponent: _angular_core.Signal<Type<unknown> | null>;
@@ -1489,14 +1459,14 @@ declare class MozStarRatingComponent {
     readonly ariaLabel: _angular_core.Signal<string>;
     readonly stars: _angular_core.Signal<number[]>;
     readonly classes: _angular_core.Signal<{
-        'mc-star-rating': boolean;
-        'mc-star-rating--link': boolean;
-        'mc-star-rating--slider': boolean;
-        'mc-star-rating--s': boolean;
-        'mc-star-rating--m': boolean;
-        'mc-star-rating--l': boolean;
-        'mc-star-rating--standard': boolean;
-        'mc-star-rating--accent': boolean;
+        'star-rating': boolean;
+        'star-rating--link': boolean;
+        'star-rating--slider': boolean;
+        'star-rating--s': boolean;
+        'star-rating--m': boolean;
+        'star-rating--l': boolean;
+        'star-rating--standard': boolean;
+        'star-rating--accent': boolean;
     }>;
     private readonly iconMaps;
     private hoverValue;
@@ -1863,5 +1833,5 @@ declare class DrawerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*"], true, never>;
 }
 
-export { BuiltInMenuComponent, DrawerComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozFieldComponent, MozFieldContentComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextareaComponent, MozTextareaDirective, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
+export { BuiltInMenuComponent, DrawerComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextarea, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
 export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozModalButton, MozModalConfig, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberValue, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition };