@teammodlr/ui-kit 3.0.0-beta.2 → 3.0.0-beta.20

package/lib/components/colorpicker/ColorPicker.vue.d.ts

@@ -66,7 +66,6 @@ declare const _default: import("vue").DefineComponent<{
     transfer: import("vue").Ref<boolean>;
     canPickColor: import("vue").ComputedRef<boolean>;
     openEyeDropper: () => void;
-    handleOpenChange: (value: boolean) => void;
     onSliderChangeComplete: () => void;
     hexInputUser: import("vue").Ref<string>;
     toggleInherit: () => void;

package/lib/components/colorpicker/style/ColorPicker.css.d.ts

@@ -3,6 +3,7 @@ export declare const sliderThumb: string;
 export declare const eyeDrop: string;
 export declare const preview: string;
 export declare const colours: string;
+export declare const trigger: string;
 export declare const reference: string;
 export declare const transparent: string;
 export declare const referenceColor: string;

package/lib/components/dialog/Dialog.vue.d.ts

@@ -65,12 +65,15 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     wrapperStyle: ComputedRef<CSSProperties>;
     close: () => void;
+    handleAfterLeave: () => void;
+    handleEscapeKeyDown: (event: KeyboardEvent) => void;
     onEnter: () => void;
     handleOpenChange: (value: boolean) => void;
     handleOpenAutoFocus: (event: Event) => void;
-    handleFocusOutside: (event: Event) => void;
+    handleOutsideEvent: (event: Event) => void;
     isOpen: ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "onClose" | "onOpen")[], "open" | "update:open" | "onClose" | "onOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    activeFocusTrap: ComputedRef<boolean>;
+}, 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<{
     title: {
         type: PropType<string | Ref<string>>;
         default: string;
@@ -104,6 +107,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "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;

package/lib/components/dialogprovider/types.d.ts

@@ -18,6 +18,7 @@ export interface DialogReactive {
     options: DialogOptions;
     open: () => void;
     close: () => void;
+    setFocusTrap: (enabled: boolean) => void;
 }
 export interface DialogApiInjection {
     create: (key: string, options?: DialogOptions) => DialogReactive;
@@ -25,4 +26,5 @@ export interface DialogApiInjection {
     hasOpenDialog: () => boolean;
     openDialogCount: () => number;
     openDialogKeys: () => string[];
+    setFocusTrap: (key: string, enabled: boolean) => void;
 }

package/lib/components/drawer/Drawer.vue.d.ts

@@ -0,0 +1,142 @@
+import type { CSSProperties, PropType } from 'vue';
+import * as style from './style';
+type Placement = 'left' | 'right' | 'top' | 'bottom';
+declare const _default: import("vue").DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outsideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}, {
+    style: typeof style;
+    fade: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    isOpen: import("vue").WritableComputedRef<boolean>;
+    zIndex: import("vue").Ref<number>;
+    hasFooter: import("vue").ComputedRef<boolean>;
+    hasTitle: import("vue").ComputedRef<boolean>;
+    hasTrigger: import("vue").ComputedRef<boolean>;
+    bodyRef: import("vue").Ref<HTMLElement | null>;
+    contentStyle: import("vue").ComputedRef<CSSProperties>;
+    currentTransition: import("vue").ComputedRef<{
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    } | {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    } | {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    } | {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    }>;
+    open: () => void;
+    close: (e: MouseEvent | KeyboardEvent | undefined) => void;
+    handleOpenAutoFocus: (e: Event) => void;
+    handleOpenChange: (value: boolean) => void;
+    onEscapeKeyDown: (e: KeyboardEvent) => void;
+    onPointerDownOutside: (e: Event) => void;
+    onInteractOutside: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "close")[], "open" | "update:open" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outsideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+}, {
+    height: string | number;
+    width: string | number;
+    open: boolean;
+    title: string;
+    placement: Placement;
+    outsideClose: boolean;
+    showClose: boolean;
+    focusTrap: boolean;
+    showMask: boolean;
+}, {}>;
+export default _default;

package/lib/components/drawer/style/Drawer.css.d.ts

@@ -0,0 +1,33 @@
+export declare const mask: string;
+export declare const placement: Record<"bottom" | "left" | "right" | "top", string>;
+export declare const slideTransition: {
+    left: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    right: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    top: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+    bottom: {
+        enterActive: string;
+        leaveActive: string;
+        enterFrom: string;
+        leaveTo: string;
+    };
+};
+export declare const header: string;
+export declare const title: string;
+export declare const close: string;
+export declare const body: string;
+export declare const footer: string;

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

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

package/lib/components/index.d.ts

@@ -52,4 +52,6 @@ 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 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';

package/lib/components/messageprovider/MessageProvider.vue.d.ts

@@ -1,6 +1,7 @@
 import 'vue-sonner/style.css';
 import type { MessageCloseButtonPosition, MessagePlacement } from './types';
 import type { PropType } from 'vue';
+import * as style from './style/Toaster.css';
 declare const _default: import("vue").DefineComponent<{
     placement: {
         type: PropType<MessagePlacement>;
@@ -20,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     sonnerPosition: import("vue").ComputedRef<("top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center") | undefined>;
+    style: typeof style;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placement: {
         type: PropType<MessagePlacement>;

package/lib/components/messageprovider/style/Toaster.css.d.ts

@@ -0,0 +1 @@
+export declare const toaster: string;

package/lib/components/popover/Popover.vue.d.ts

@@ -0,0 +1,113 @@
+import { type PropType } from 'vue';
+import { type Placement } from '../../composables/usePopper';
+import * as style from './style';
+declare const _default: import("vue").DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: Placement) => boolean;
+    };
+    transfer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    collisionPadding: {
+        type: PropType<number | {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        }>;
+        default: number;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"light" | "dark">;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}, {
+    isOpen: import("vue").Ref<boolean>;
+    zIndex: import("vue").Ref<number>;
+    showArrow: import("vue").ComputedRef<boolean>;
+    contentClasses: import("vue").ComputedRef<unknown[]>;
+    resolvedSide: import("vue").ComputedRef<"bottom" | "left" | "right" | "top" | undefined>;
+    resolvedAlign: import("vue").ComputedRef<"center" | "end" | "start" | undefined>;
+    style: typeof style;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: Placement) => boolean;
+    };
+    transfer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    collisionPadding: {
+        type: PropType<number | {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        }>;
+        default: number;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"light" | "dark">;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
+    open: boolean;
+    variant: "dark" | "light";
+    placement: Placement;
+    transfer: boolean;
+    arrow: boolean;
+    modal: boolean;
+    sideOffset: number;
+    collisionPadding: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+}, {}>;
+export default _default;

package/lib/components/popover/style/Popover.css.d.ts

@@ -0,0 +1,4 @@
+export declare const content: string;
+export declare const arrow: string;
+export declare const dark: string;
+export declare const close: string;

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

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