@evixcard/evx-ui-kit 1.11.2 → 1.11.3

package/dist/components/EvPopup/EvPopup.vue.d.ts

@@ -1,27 +1,46 @@
-export type EvPopupSize = 'sm' | 'md';
+export type EvPopupSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 /** Per-element class overrides, merged over the defaults via `twMerge`. */
 export interface EvPopupClasses {
     backdrop?: string;
     panel?: string;
     header?: string;
     title?: string;
+    /** Overrides for the top-right close button. */
+    closeButton?: string;
+    /** Overrides for the close icon inside the top-right button. */
+    closeIcon?: string;
     /** Overrides for the scrollable body region (the default slot wrapper). */
     body?: string;
+    /** Overrides for the fixed footer region (only rendered when the `#footer` slot is used). */
+    footer?: string;
 }
 export interface EvPopupProps {
     isOpen: boolean;
     title?: string;
     /**
-     * Panel size preset.
-     * - `md` (default): wider panel (`max-w-[500px]`, `rounded-lg`) with a large
-     *   title (`text-[24px] font-bold`) — used for generic informational dialogs.
-     * - `sm`: compact panel (`max-w-sm`, `rounded-2xl`) with a smaller, near-black
-     *   title (`text-lg font-semibold text-foreground`) — designed for confirmation
-     *   modals and other action-focused flows.
+     * Panel size preset (max-width). `sm`/`md` are the compact defaults; `lg`/`xl`/`2xl`
+     * are wider presets (DEV-788, for richer forms migrated off the retired EvModal).
+     * - `sm`: `max-w-sm`, `rounded-2xl`.
+     * - `md` (default): `max-w-[500px]`, `rounded-lg`.
+     * - `lg`: `max-w-2xl`. `xl`: `max-w-4xl`. `2xl`: `max-w-2xl`.
      */
     size?: EvPopupSize;
     /** When `false`, the top-right close (X) button is hidden. Default: `true`. */
     showCloseButton?: boolean;
+    /**
+     * When `false`, Escape and backdrop-click no longer request close (only a
+     * programmatic `isOpen` change or an explicit action closes the modal) — for
+     * confirm/blocking dialogs. Default: `true`.
+     */
+    dismissable?: boolean;
+    /**
+     * Where to move focus when the popup opens.
+     * - `first` (default): let HeadlessUI focus the first focusable element.
+     * - `none`: focus the panel itself without auto-focusing a control.
+     * - any other string: query that CSS selector inside the panel and focus the
+     *   match; fall back to `first` when nothing matches.
+     */
+    initialFocus?: 'first' | 'none' | string;
     /**
      * Backdrop style. When `true` (default), the backdrop dims and blurs the page
      * behind it (`bg-black/40 backdrop-blur-sm`). Set `false` to dim only
@@ -35,8 +54,50 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        dialogPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+            };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[] | null, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+            id: string;
+            as: string | Record<string, any>;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+            };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[] | null, {}, {}, {}, {
+            id: string;
+            as: string | Record<string, any>;
+        }> | null;
     };
-    refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -48,7 +109,50 @@ declare const __VLS_component: import('vue').DefineComponent<EvPopupProps, {}, {
     size: EvPopupSize;
     blur: boolean;
     showCloseButton: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    dismissable: boolean;
+    initialFocus: "first" | "none" | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dialogPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[] | null, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        id: string;
+        as: string | Record<string, any>;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[] | null, {}, {}, {}, {
+        id: string;
+        as: string | Record<string, any>;
+    }> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/EvPopup/index.d.ts

@@ -1,2 +1,2 @@
 export { default as EvPopup } from './EvPopup.vue';
-export type { EvPopupProps, EvPopupSize } from './EvPopup.vue';
+export type { EvPopupProps, EvPopupSize, EvPopupClasses } from './EvPopup.vue';