@teammodlr/ui-kit 2.3.23 → 3.0.0-beta.10

package/lib/components/modal/Modal.vue.d.ts

@@ -45,14 +45,20 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     close: (e: MouseEvent | KeyboardEvent | undefined) => void;
-    onOutsideClick: (e: MouseEvent) => null | undefined;
     open: () => void;
-    onContentMouseDown: () => void;
-    onContentMouseUp: () => void;
-    onWrapperKeyDown: (e: KeyboardEvent) => void;
+    onEscapeKeyDown: (e: KeyboardEvent) => void;
+    onPointerDownOutside: (e: Event) => void;
+    onInteractOutside: (e: Event) => void;
+    handleOpenChange: (value: boolean) => void;
+    handleOpenAutoFocus: (event: Event) => void;
     target: import("vue").Ref<any>;
+    bodyRef: import("vue").Ref<HTMLElement | null>;
     style: typeof style;
     isOpen: import("vue").WritableComputedRef<boolean>;
     computedWrapperStyles: import("vue").ComputedRef<{
@@ -85,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     hasSidebar: import("vue").ComputedRef<boolean>;
     hasFooter: import("vue").ComputedRef<boolean>;
     nextZIndex: () => number;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open")[], "open" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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;
@@ -130,19 +136,25 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     width: string | number;
     open: boolean;
     title: string;
     loading: boolean;
-    showClose: boolean;
     onClose: (e: MouseEvent | KeyboardEvent | undefined) => void;
     wrapClassName: string;
     canClickOutside: boolean;
     outsideClose: boolean;
+    showClose: boolean;
     centered: boolean;
+    focusTrap: boolean;
 }, {}>;
 export default _default;

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';

package/lib/components/radio/Radio.vue.d.ts

@@ -51,6 +51,8 @@ declare const _default: import("vue").DefineComponent<{
     inputListeners: {};
     focus: () => void | undefined;
     blur: () => void | undefined;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;

package/lib/components/radiobuttongroup/RadioButtonGroup.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     computedClasses: import("vue").ComputedRef<(string | {
         [x: string]: boolean;
     })[]>;
+    selectedValue: import("vue").WritableComputedRef<string | number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/components/select/Select.vue.d.ts

@@ -69,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     zIndex: {
         type: NumberConstructor;
     };
@@ -88,12 +92,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     container: import("vue").Ref<HTMLElement | null>;
-    optionsRef: import("vue").Ref<HTMLElement[] | undefined>;
-    searchRef: import("vue").Ref<HTMLElement | undefined>;
+    optionsRef: import("vue").Ref<HTMLElement[]>;
+    searchRef: import("vue").Ref<HTMLInputElement | undefined>;
     selectRef: import("vue").Ref<HTMLElement | undefined>;
-    popper: import("vue").Ref<HTMLElement | null | undefined>;
-    focusSelect: (event: FocusEvent) => void;
-    onSelectClick: (event: MouseEvent) => void;
+    popper: import("vue").Ref<HTMLElement | undefined>;
+    handleTriggerFocus: () => void;
+    handleTriggerBlur: () => void;
+    handleKeyDown: (e: Event) => void;
+    handleOpenChange: (value: boolean) => void;
     id: string;
     isOpen: import("vue").ComputedRef<boolean>;
     open: import("vue").Ref<boolean>;
@@ -121,21 +127,19 @@ declare const _default: import("vue").DefineComponent<{
         'm-select--multiple': boolean;
         'm-select--error': any;
     })[]>;
-    computedWrapperClasses: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
+    computedWrapperClasses: import("vue").ComputedRef<string[]>;
     computedConsistentWidth: import("vue").ComputedRef<{
         zIndex: number;
     }>;
     getSelectedLabel: (value: string | number | []) => any;
-    openSelect: () => void;
+    openSelect: (forceOpen?: boolean) => void;
     removeSelected: (event: MouseEvent, value: string | number) => void;
     inputError: import("vue").ComputedRef<any>;
     transitionName: import("vue").ComputedRef<string>;
     inputListeners: {};
     style: typeof style;
     focused: import("vue").Ref<boolean>;
-    scale: {
+    fade: {
         enterActive: string;
         leaveActive: string;
         enterFrom: string;
@@ -293,6 +297,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     zIndex: {
         type: NumberConstructor;
     };
@@ -319,8 +327,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     description: string;
     required: boolean;
-    max: number;
     loading: boolean;
+    max: number;
     rules: unknown[];
     placeholder: string;
     transitionName: string;
@@ -330,6 +338,7 @@ declare const _default: import("vue").DefineComponent<{
     consistentWidth: boolean;
     allowBlank: boolean;
     selectAll: boolean;
+    portal: boolean;
     showDataOptions: boolean;
 }, {}>;
 export default _default;

package/lib/components/switch/Switch.vue.d.ts

@@ -47,6 +47,8 @@ declare const _default: import("vue").DefineComponent<{
     inputListeners: {};
     focus: () => void | undefined;
     blur: () => void | undefined;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;

package/lib/components/tab/Tab.vue.d.ts

@@ -23,9 +23,12 @@ declare const _default: import("vue").DefineComponent<{
     computedTabLabelClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    handleClick: () => void;
     selected: import("vue").ComputedRef<boolean>;
-    teleportTo: import("vue").Ref<null>;
+    teleportTo: import("vue").Ref<HTMLElement | null>;
+    hasContent: import("vue").ComputedRef<boolean>;
+    attrs: {
+        [x: string]: unknown;
+    };
     close: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClose"[], "onClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {

package/lib/components/tab/TabGroup.vue.d.ts

@@ -26,8 +26,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+    tabsRef: import("vue").Ref<HTMLElement | undefined>;
     tabsContentRef: import("vue").Ref<HTMLElement | undefined>;
-    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    currentValue: import("vue").ComputedRef<string | number | undefined>;
     computedTabsWrapperClasses: import("vue").ComputedRef<{
         'm-tab-group': boolean;
         'm-tab-group--vertical': boolean;
@@ -38,7 +39,8 @@ declare const _default: import("vue").DefineComponent<{
     computedTabContentClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    selectTab: (tab: string | number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:selected")[], "update:modelValue" | "update:selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -62,7 +64,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
+}, {
     size: Size;
     type: "base" | "card";
     vertical: boolean;

package/lib/components/textarea/Textarea.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
 }, {
-    element: import("vue").Ref<HTMLInputElement | null>;
+    element: import("vue").Ref<HTMLTextAreaElement | null>;
     id: string;
     disabled: import("vue").ComputedRef<any>;
     loading: import("vue").ComputedRef<any>;
@@ -64,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }[]>;
     name: import("vue").Ref<string | undefined>;
+    textareaValue: import("vue").ComputedRef<string>;
     inputError: import("vue").ComputedRef<any>;
     style: typeof style;
     onClear: () => void;

package/lib/components/tooltip/Tooltip.vue.d.ts

@@ -1,11 +1,6 @@
-import { type PropType, type Ref } from 'vue';
+import { type PropType } from 'vue';
 import { type Placement } from '../../composables/usePopper';
 import * as style from './style';
-interface TooltipContext {
-    reference: Ref<HTMLElement | undefined>;
-    onReferenceChange: (element: HTMLElement | undefined) => void;
-}
-export declare const injectionTooltipContext: <T extends TooltipContext | null | undefined = TooltipContext>(fallback?: T | undefined) => T extends null ? TooltipContext | null : TooltipContext, providerTooltipContext: (contextValue: TooltipContext) => TooltipContext;
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;
@@ -36,24 +31,14 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    reference: Ref<HTMLElement | undefined>;
-    offset: import("vue").ComputedRef<number[]>;
-    popper: Ref<HTMLElement | null | undefined>;
-    transferTo: Ref<string>;
-    isOpen: Ref<boolean>;
-    show: () => void;
-    hide: () => void;
     computedClasses: import("vue").ComputedRef<(string | {
         [x: string]: boolean;
     })[]>;
-    zIndex: Ref<number>;
+    resolvedSide: import("vue").ComputedRef<"bottom" | "left" | "right" | "top" | undefined>;
+    resolvedAlign: import("vue").ComputedRef<"center" | "end" | "start" | undefined>;
+    transfer: import("vue").ComputedRef<boolean>;
+    zIndex: import("vue").Ref<number>;
     style: typeof style;
-    fade: {
-        enterActive: string;
-        leaveActive: string;
-        enterFrom: string;
-        leaveTo: string;
-    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;

package/lib/components/tooltip/TooltipTrigger.vue.d.ts

@@ -1,11 +1,2 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/components/tree/Tree.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Key, TreeOption } from "./types";
+import type { Key, TreeOption } from './types';
 declare const _default: import("vue").DefineComponent<{
     readonly expandedKeys: import("vue").PropType<Key[]>;
     readonly defaultExpandAll: BooleanConstructor;
@@ -43,8 +43,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly nodeProps: import("vue").PropType<import("./types").TreeNodeProps>;
     readonly getChildren: import("vue").PropType<import("./props").GetChildren>;
 }, {
-    nodesRef: import("vue").ComputedRef<import("treemate").TreeNode<TreeOption, TreeOption, TreeOption>[]>;
-    displayTreeMateRef: import("vue").ComputedRef<import("treemate").TreeMate<TreeOption, TreeOption, TreeOption>>;
+    keyField: string;
+    normalizedData: import("vue").ComputedRef<TreeOption[]>;
     selfElRef: import("vue").Ref<HTMLDivElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("dblclick" | "update:expandedKeys")[], "dblclick" | "update:expandedKeys", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly expandedKeys: import("vue").PropType<Key[]>;

package/lib/components/tree/TreeNode.vue.d.ts

@@ -1,24 +1,38 @@
-import { type PropType } from "vue";
-import type { TmNode } from "./types";
-import * as style from "./style";
+import { type PropType } from 'vue';
+import * as style from './style';
+import type { TreeOption } from './types';
 declare const _default: import("vue").DefineComponent<{
     node: {
-        type: PropType<TmNode>;
+        type: PropType<TreeOption>;
         required: true;
     };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
-    selfElRef: import("vue").Ref<HTMLDivElement | null>;
-    handleLineClick: (e: MouseEvent) => void;
-    indentCount: import("vue").ComputedRef<number>;
-    labelField: import("vue").ComputedRef<unknown>;
+    children: import("vue").ComputedRef<TreeOption[]>;
     expanded: import("vue").ComputedRef<boolean>;
-    handleToggleClick: () => void;
-    doDoubleClick: (e: MouseEvent) => void;
+    handleContentClick: () => void;
+    doDoubleClick: () => void;
+    handleToggleClick: (event?: MouseEvent) => void;
+    indent: import("vue").ComputedRef<number>;
+    isLeaf: import("vue").ComputedRef<boolean>;
+    keyField: import("vue").ComputedRef<string>;
+    label: import("vue").ComputedRef<string>;
+    level: number;
+    resolvedNodeProps: import("vue").ComputedRef<import("vue").HTMLAttributes & Record<string, unknown>>;
     style: typeof style;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     node: {
-        type: PropType<TmNode>;
+        type: PropType<TreeOption>;
         required: true;
     };
-}>>, {}, {}>;
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    level: number;
+}, {}>;
 export default _default;

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

@@ -1,5 +1,4 @@
-import type { HTMLAttributes, Ref, InjectionKey } from 'vue';
-import type { TreeNode } from 'treemate';
+import type { HTMLAttributes, Ref } from 'vue';
 export type Key = string | number;
 export interface TreeOptionBase {
     key?: Key;
@@ -20,11 +19,12 @@ export interface TreeInjection {
     labelFieldRef: Ref<string>;
     keyFieldRef: Ref<string>;
     childrenFieldRef: Ref<string>;
-    handleToggleClick: (node: TreeNode<TreeOption>) => void;
+    getChildren: (node: TreeOption) => TreeOption[];
+    handleToggle: (node: TreeOption) => void;
     handleDoubleClick: (node: TreeOption) => void;
 }
-export declare const treeInjectionKey: InjectionKey<TreeInjection>;
-export type TmNode = TreeNode<TreeOption>;
+export declare const treeInjectionKey: import("vue").InjectionKey<TreeInjection>;
+export type TmNode = TreeOption;
 export type OnUpdateCheckedKeys = (value: (string & number)[], option: (TreeOption | null)[], meta: {
     node: TreeOption | null;
     action: 'check' | 'uncheck';