@teammodlr/ui-kit 3.0.0-beta.30 → 3.0.0-beta.33

package/lib/components/dialog/style/Dialog.css.d.ts

@@ -6,6 +6,8 @@ export declare const wrapper: string;
 export declare const notModal: string;
 export declare const dialog: string;
 export declare const content: string;
+export declare const dialogContent: string;
+export declare const focusScope: string;
 export declare const header: string;
 export declare const draggable: string;
 export declare const dragging: string;

package/lib/components/index.d.ts

@@ -51,8 +51,8 @@ export { default as MVirtualScroll } from './virtualscroll/VirtualScroll.vue';
 export { default as MConfirm } from './confirm/Confirm.vue';
 export { default as MConfirmProvider } from './confirm/ConfirmProvider.vue';
 export { default as MDialog } from './dialog/Dialog.vue';
+export { default as MPanelDialog } from './paneldialog/PanelDialog.vue';
 export { default as MDialogProvider } from './dialogprovider/DialogProvider.vue';
 export { default as MDrawer } from './drawer/Drawer.vue';
 export { default as MTree } from './tree/Tree.vue';
 export { default as MPopover } from './popover/Popover.vue';
-export { default as MHoverCard } from './hovercard/HoverCard.vue';

package/lib/components/paneldialog/PanelDialog.vue.d.ts

@@ -0,0 +1,167 @@
+import { type ComponentPublicInstance, type CSSProperties, type PropType } from 'vue';
+import type { ComputedRef } from 'vue';
+import * as style from './style';
+declare const _default: import("vue").DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    maxHeight: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    handleSelector: {
+        type: StringConstructor;
+        default: string;
+    };
+    backdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backdropClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    panelClass: {
+        type: PropType<string | unknown[] | Record<string, unknown>>;
+        default: string;
+    };
+    panelStyle: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        default: () => void;
+    };
+}, {
+    dialogContent: import("vue").ShallowRef<HTMLElement | ComponentPublicInstance | null>;
+    panel: import("vue").Ref<HTMLElement | null>;
+    zIndex: import("vue").Ref<number>;
+    fade: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    modalScale: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    style: typeof style;
+    isOpen: ComputedRef<boolean>;
+    contentClasses: ComputedRef<string[]>;
+    contentStyle: ComputedRef<CSSProperties>;
+    focusScopeClasses: ComputedRef<string[]>;
+    panelComputedStyle: ComputedRef<CSSProperties>;
+    isDragging: import("vue").Ref<boolean>;
+    close: () => void;
+    handleAfterLeave: () => void;
+    handleEscapeKeyDown: (event: KeyboardEvent) => void;
+    handleOpenChange: (value: boolean) => void;
+    handleOpenAutoFocus: (event: Event) => void;
+    handleFocusOutside: (event: Event) => void;
+    onPanelPointerDown: (event: PointerEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "close" | "onClose" | "onOpen")[], "open" | "update:open" | "close" | "onClose" | "onOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    maxHeight: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    handleSelector: {
+        type: StringConstructor;
+        default: string;
+    };
+    backdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backdropClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    panelClass: {
+        type: PropType<string | unknown[] | Record<string, unknown>>;
+        default: string;
+    };
+    panelStyle: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        default: () => void;
+    };
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onOnClose?: ((...args: any[]) => any) | undefined;
+    onOnOpen?: ((...args: any[]) => any) | undefined;
+}, {
+    height: string | number;
+    maxHeight: string | number;
+    width: string | number;
+    open: boolean;
+    modal: boolean;
+    onClose: () => void;
+    focusTrap: boolean;
+    draggable: boolean;
+    handleSelector: string;
+    backdrop: boolean;
+    backdropClass: string;
+    panelClass: string | unknown[] | Record<string, unknown>;
+    panelStyle: CSSProperties;
+}, {}>;
+export default _default;

package/lib/components/paneldialog/style/PanelDialog.css.d.ts

@@ -0,0 +1,8 @@
+export declare const backdrop: string;
+export declare const dialogContent: string;
+export declare const dialogContentModal: string;
+export declare const dialogContentNonModal: string;
+export declare const focusScope: string;
+export declare const focusScopeNonModal: string;
+export declare const focusScopeModal: string;
+export declare const panel: string;

package/lib/components/paneldialog/style/index.d.ts

@@ -0,0 +1 @@
+export * from './PanelDialog.css';