@hotelinking/ui 16.47.0 → 16.48.0

package/dist/ui.d.ts

@@ -153,8 +153,8 @@ declare function install(app: App): void;
 export declare const MonoColors: readonly ["black", "gray", "white"];
 
 declare interface Props {
-    /** Idioma del componente: 'esp' para español, 'eng' para inglés */
-    lang?: 'esp' | 'eng';
+    /** Idioma del componente: 'es' para español, 'en' para inglés (ISO 639-1) */
+    lang?: 'es' | 'en';
     /** Enlace de soporte técnico */
     supportLink?: string;
 }
@@ -235,7 +235,7 @@ declare const Types: string[];
 declare type Types_2 = (typeof Types)[number];
 
 export declare const ui404: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
-lang: "esp" | "eng";
+lang: "es" | "en";
 supportLink: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
@@ -362,6 +362,71 @@ export declare interface UiCardInterface {
     loading: boolean;
 }
 
+export declare const uiCardWithImage: DefineComponent<UiCardWithImageInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+menuClick: (id: string) => any;
+actionClick: (data: {
+id: string;
+action: "copy" | "edit" | "delete";
+}) => any;
+}, string, PublicProps, Readonly<UiCardWithImageInterface> & Readonly<{
+onMenuClick?: ((id: string) => any) | undefined;
+onActionClick?: ((data: {
+id: string;
+action: "copy" | "edit" | "delete";
+}) => any) | undefined;
+}>, {
+loading: boolean;
+badgeColor: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
+showMenu: boolean;
+showActions: boolean;
+showImageOverlay: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface UiCardWithImageEventsInterface {
+    /** Emits when menu is clicked */
+    (e: "menuClick", id: string): void;
+    /** Emits when an action button is clicked */
+    (e: "actionClick", data: {
+        id: string;
+        action: "edit" | "copy" | "delete";
+    }): void;
+}
+
+export declare interface UiCardWithImageInterface {
+    /** card id */
+    id: string;
+    /** icon component from Heroicons */
+    icon?: FunctionalComponent;
+    /** card title */
+    title: string;
+    /** card subtitle */
+    subtitle?: string;
+    /** image url */
+    image: string;
+    /** body text content */
+    bodyText?: string;
+    /** badge text (e.g., "EMAIL") */
+    badge?: string;
+    /** badge color */
+    badgeColor?: AllColors_2;
+    /** updated date string */
+    updatedDate?: string;
+    /** show skeleton */
+    loading: boolean;
+    /** show menu button */
+    showMenu?: boolean;
+    /** show action buttons */
+    showActions?: boolean;
+    /** show image overlay icon */
+    showImageOverlay?: boolean;
+    /** action button labels */
+    actionLabels?: {
+        edit?: string;
+        copy?: string;
+        delete?: string;
+    };
+}
+
 export declare const uiChart: DefineComponent<UiChartInterface, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 selectedRange: (T: {
 range: {