manolis-ui 0.27.6 → 0.28.0

package/dist/index.d.ts

@@ -229,13 +229,16 @@ loading: boolean;
 title: string;
 class: string;
 color: string;
-imgUrl: string;
 alt: string;
+imgUrl: string;
 description: string;
 background: string;
 imgHeight: string;
 imgWidth: string;
 horizontal: boolean;
+imgLoading: "lazy" | "eager";
+imgFetchpriority: "high" | "low" | "auto";
+imgDecoding: "async" | "sync" | "auto";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_7: DefineComponent<ExtractPropTypes<    {
@@ -3216,8 +3219,12 @@ export declare const Alert: __VLS_WithTemplateSlots_20<typeof __VLS_component_20
 declare type AlertType = 'info' | 'success' | 'warning' | 'error' | 'default';
 
 export declare const Avatar: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
+loading: "lazy" | "eager";
 onlineStatus: "online" | "offline" | "none";
 fullyRounded: boolean;
+alt: string;
+fetchpriority: "high" | "low" | "auto";
+decoding: "async" | "sync" | "auto";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare const Badge: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
@@ -3533,6 +3540,30 @@ declare interface Props_10 {
     imgHeight?: string;
     imgWidth?: string;
     horizontal?: boolean;
+    /**
+     * Controls browser-level lazy/eager loading of the card image.
+     * Set to "eager" for above-the-fold / LCP images, "lazy" (default) for below-the-fold images.
+     */
+    imgLoading?: "lazy" | "eager";
+    /**
+     * Hints browser fetch priority for the image.
+     * Set to "high" for the Largest Contentful Paint (LCP) image on a page.
+     */
+    imgFetchpriority?: "high" | "low" | "auto";
+    /**
+     * Controls how the browser decodes the image.
+     * "async" (default) allows non-blocking decoding for better paint performance.
+     */
+    imgDecoding?: "async" | "sync" | "auto";
+    /**
+     * Intrinsic pixel width of the image. Providing this alongside `imgNaturalHeight`
+     * lets the browser reserve space before the image loads, preventing layout shift (CLS).
+     */
+    imgNaturalWidth?: number;
+    /**
+     * Intrinsic pixel height of the image. Pair with `imgNaturalWidth` to prevent CLS.
+     */
+    imgNaturalHeight?: number;
 }
 
 declare interface Props_11 {
@@ -3677,6 +3708,23 @@ declare interface Props_8 {
     onlineStatus?: "online" | "offline" | "none";
     initials?: string;
     fullyRounded?: boolean;
+    /** Alt text for the avatar image. Important for accessibility and SEO. */
+    alt?: string;
+    /**
+     * Controls browser-level lazy/eager loading of the avatar image.
+     * Set to "eager" for avatars visible in the initial viewport (e.g. hero, header).
+     */
+    loading?: "lazy" | "eager";
+    /**
+     * Hints browser fetch priority for the image.
+     * Set to "high" for above-the-fold avatars that are part of the LCP.
+     */
+    fetchpriority?: "high" | "low" | "auto";
+    /**
+     * Controls how the browser decodes the image.
+     * "async" (default) allows non-blocking decoding for better paint performance.
+     */
+    decoding?: "async" | "sync" | "auto";
 }
 
 declare interface Props_9 {