@rotki/ui-library 0.14.0 → 0.15.0

package/dist/breakpoint-CRvqq4aP.js

@@ -0,0 +1,37 @@
+import { useWindowSize as d, breakpointsTailwind as l, useBreakpoints as w } from "@vueuse/core";
+import { c as n } from "./index-x2urm9HD.js";
+import { computed as _ } from "vue";
+import { get as z } from "@vueuse/shared";
+function E() {
+  const { width: m } = d(), i = {
+    xs: 0,
+    ...l
+  }, o = w(i), c = Object.keys, e = c(i), r = e.map(
+    (s, t) => [
+      s,
+      t < e.length - 1 ? o.between(s, e[t + 1]) : o[s]
+    ]
+  ), a = r.map(([s, t]) => [
+    n(`is_${s}`),
+    t
+  ]), p = e.map((s) => [
+    n(`is_${s}_and_up`),
+    o.greaterOrEqual(s)
+  ]), f = e.map((s) => [
+    n(`is_${s}_and_down`),
+    o.smaller(s)
+  ]), u = _(() => {
+    var s;
+    return ((s = r.find((t) => z(t[1]))) == null ? void 0 : s[0]) || "";
+  });
+  return {
+    ...Object.fromEntries(a),
+    ...Object.fromEntries(p),
+    ...Object.fromEntries(f),
+    name: u,
+    width: m
+  };
+}
+export {
+  E as u
+};

package/dist/components/buttons/button/Button.vue.d.ts

@@ -11,7 +11,7 @@ export interface Props<T = undefined> {
     size?: 'sm' | 'lg';
     tag?: 'button' | 'a';
     type?: 'button' | 'submit';
-    value?: T;
+    modelValue?: T;
 }
 declare const _default: <T = undefined>(__VLS_props: Props<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: Props<T>;
@@ -22,7 +22,7 @@ declare const _default: <T = undefined>(__VLS_props: Props<T> & import("vue").VN
         default?(_: {}): any;
         append?(_: {}): any;
     };
-    emit: (e: 'update:value', value?: T | undefined) => void;
+    emit: (e: 'update:model-value', value?: T) => void;
 }, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T>;
     expose(exposed: {}): void;
@@ -32,7 +32,7 @@ declare const _default: <T = undefined>(__VLS_props: Props<T> & import("vue").VN
         default?(_: {}): any;
         append?(_: {}): any;
     };
-    emit: (e: 'update:value', value?: T | undefined) => void;
+    emit: (e: 'update:model-value', value?: T) => void;
 }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
@@ -45,7 +45,7 @@ declare const _default: <T = undefined>(__VLS_props: Props<T> & import("vue").VN
             default?(_: {}): any;
             append?(_: {}): any;
         };
-        emit: (e: 'update:value', value?: T | undefined) => void;
+        emit: (e: 'update:model-value', value?: T) => void;
     } | undefined;
 };
 export default _default;

package/dist/components/buttons/button-group/ButtonGroup.vue.d.ts

@@ -15,13 +15,13 @@ declare const _default: <T = undefined>(__VLS_props: Props<T> & import("vue").VN
     expose(exposed: {}): void;
     attrs: any;
     slots: {};
-    emit: (e: 'update:modelValue', modelValue: T | T[] | undefined) => void;
+    emit: (e: 'update:modelValue', modelValue?: T | T[]) => void;
 }, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T>;
     expose(exposed: {}): void;
     attrs: any;
     slots: {};
-    emit: (e: 'update:modelValue', modelValue: T | T[] | undefined) => void;
+    emit: (e: 'update:modelValue', modelValue?: T | T[]) => void;
 }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
@@ -30,7 +30,7 @@ declare const _default: <T = undefined>(__VLS_props: Props<T> & import("vue").VN
         expose(exposed: {}): void;
         attrs: any;
         slots: {};
-        emit: (e: 'update:modelValue', modelValue: T | T[] | undefined) => void;
+        emit: (e: 'update:modelValue', modelValue?: T | T[]) => void;
     } | undefined;
 };
 export default _default;

package/dist/components/forms/checkbox/Checkbox.vue.d.ts

@@ -32,6 +32,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -44,10 +48,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -76,6 +76,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -88,10 +92,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -105,10 +105,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     label: string;
     disabled: boolean;
+    modelValue: boolean;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: boolean;
     hideDetails: boolean;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/forms/radio-button/radio/Radio.vue.d.ts

@@ -32,6 +32,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -44,10 +48,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -75,6 +75,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -87,10 +91,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -102,10 +102,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     label: string;
     disabled: boolean;
+    modelValue: string;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: string;
     hideDetails: boolean;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/forms/radio-button/radio-group/RadioGroup.vue.d.ts

@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -40,10 +44,6 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -71,6 +71,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -83,10 +87,6 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -102,10 +102,10 @@ declare const _default: import("vue").DefineComponent<{
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     label: string;
     disabled: boolean;
+    modelValue: string;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: string;
     hideDetails: boolean;
     inline: boolean;
 }, {}>;

package/dist/components/forms/revealable-text-field/RevealableTextField.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -38,10 +42,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     textColor: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;
@@ -95,6 +95,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -107,10 +111,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     textColor: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;
@@ -146,10 +146,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: string;
     placeholder: string;
     disabled: boolean;
+    modelValue: string;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: string;
     textColor: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     dense: boolean;
     as: string | object;

package/dist/components/forms/select/RuiMenuSelect.vue.d.ts

@@ -0,0 +1,155 @@
+import { type MenuProps } from '../../../components/overlays/menu/Menu.vue';
+export interface Props<T, K extends keyof T = keyof T> {
+    options: T[];
+    keyAttr?: K;
+    textAttr?: keyof T;
+    modelValue?: T extends string ? T : T[K];
+    disabled?: boolean;
+    readOnly?: boolean;
+    dense?: boolean;
+    fullWidth?: boolean;
+    floatLabel?: boolean;
+    clearable?: boolean;
+    label?: string;
+    menuOptions?: MenuProps;
+    labelClass?: string;
+    menuClass?: string;
+    optionClass?: string;
+    prependWidth?: number;
+    appendWidth?: number;
+    itemHeight?: number;
+    variant?: 'default' | 'filled' | 'outlined';
+    hint?: string;
+    errorMessages?: string | string[];
+    successMessages?: string | string[];
+    showDetails?: boolean;
+}
+declare const _default: <T extends string | object, K extends keyof T = keyof T>(__VLS_props: Props<T, K> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: Props<T, K>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: {
+        activator?(_: {
+            disabled: boolean;
+            value: T | undefined;
+            variant: "default" | "outlined" | "filled";
+            readOnly: boolean;
+            on: any;
+            open: any;
+            hasError: any;
+            hasSuccess: any;
+        }): any;
+        "activator.label"?(_: {
+            value: T | undefined;
+        }): any;
+        "activator.prepend"?(_: {
+            value: T;
+        }): any;
+        "activator.text"?(_: {
+            value: T;
+        }): any;
+        "item.prepend"?(_: {
+            disabled: boolean;
+            option: T;
+            active: boolean;
+        }): any;
+        "item.text"?(_: {
+            disabled: boolean;
+            option: T;
+            active: boolean;
+        }): any;
+        "item.append"?(_: {
+            disabled: boolean;
+            option: T;
+            active: boolean;
+        }): any;
+    };
+    emit: (e: 'update:model-value', value?: T | T[K]) => void;
+}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+    props: Props<T, K>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: {
+        activator?(_: {
+            disabled: boolean;
+            value: T | undefined;
+            variant: "default" | "outlined" | "filled";
+            readOnly: boolean;
+            on: any;
+            open: any;
+            hasError: any;
+            hasSuccess: any;
+        }): any;
+        "activator.label"?(_: {
+            value: T | undefined;
+        }): any;
+        "activator.prepend"?(_: {
+            value: T;
+        }): any;
+        "activator.text"?(_: {
+            value: T;
+        }): any;
+        "item.prepend"?(_: {
+            disabled: boolean;
+            option: T;
+            active: boolean;
+        }): any;
+        "item.text"?(_: {
+            disabled: boolean;
+            option: T;
+            active: boolean;
+        }): any;
+        "item.append"?(_: {
+            disabled: boolean;
+            option: T;
+            active: boolean;
+        }): any;
+    };
+    emit: (e: 'update:model-value', value?: T | T[K]) => void;
+}>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: Props<T, K>;
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: {
+            activator?(_: {
+                disabled: boolean;
+                value: T | undefined;
+                variant: "default" | "outlined" | "filled";
+                readOnly: boolean;
+                on: any;
+                open: any;
+                hasError: any;
+                hasSuccess: any;
+            }): any;
+            "activator.label"?(_: {
+                value: T | undefined;
+            }): any;
+            "activator.prepend"?(_: {
+                value: T;
+            }): any;
+            "activator.text"?(_: {
+                value: T;
+            }): any;
+            "item.prepend"?(_: {
+                disabled: boolean;
+                option: T;
+                active: boolean;
+            }): any;
+            "item.text"?(_: {
+                disabled: boolean;
+                option: T;
+                active: boolean;
+            }): any;
+            "item.append"?(_: {
+                disabled: boolean;
+                option: T;
+                active: boolean;
+            }): any;
+        };
+        emit: (e: 'update:model-value', value?: T | T[K]) => void;
+    } | undefined;
+};
+export default _default;

package/dist/components/forms/slider/Slider.vue.d.ts

@@ -44,6 +44,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -56,10 +60,6 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -119,6 +119,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -131,10 +135,6 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -176,10 +176,10 @@ declare const _default: import("vue").DefineComponent<{
     max: number;
     min: number;
     disabled: boolean;
+    modelValue: number;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: number;
     hideDetails: boolean;
     step: number;
     showThumbLabel: boolean;

package/dist/components/forms/switch/Switch.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -39,10 +43,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -66,6 +66,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -78,10 +82,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
     hideDetails: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -93,10 +93,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     label: string;
     disabled: boolean;
+    modelValue: boolean;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: boolean;
     hideDetails: boolean;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/forms/text-field/TextField.vue.d.ts

@@ -44,6 +44,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -56,10 +60,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     textColor: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;
@@ -119,6 +119,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     errorMessages: {
         type: globalThis.PropType<string | string[]>;
         default: () => never[];
@@ -131,10 +135,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
     textColor: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;
@@ -176,10 +176,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: string;
     placeholder: string;
     disabled: boolean;
+    modelValue: string;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: string;
     textColor: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     dense: boolean;
     as: string | object;

package/dist/components/index.d.ts

@@ -12,7 +12,7 @@ import { default as RuiStepper, type Props as StepperProps } from '../components
 import { default as RuiTextArea, type Props as TextAreaProps } from '../components/forms/text-area/TextArea.vue';
 import { default as RuiTextField, type TextFieldProps } from '../components/forms/text-field/TextField.vue';
 import { default as RuiTooltip, type Props as TooltipProps } from '../components/overlays/tooltip/Tooltip.vue';
-import { type Props as MenuProps, default as RuiMenu } from '../components/overlays/menu/Menu.vue';
+import { type MenuProps, default as RuiMenu } from '../components/overlays/menu/Menu.vue';
 import { type Props as BadgeProps, default as RuiBadge } from '../components/overlays/badge/Badge.vue';
 import { type Props as DialogProps, default as RuiDialog } from '../components/overlays/dialog/Dialog.vue';
 import { type Props as FooterStepperProps, default as RuiFooterStepper } from '../components/steppers/FooterStepper.vue';
@@ -32,7 +32,7 @@ import { default as RuiTab, type Props as TabProps } from '../components/tabs/ta
 import { default as RuiTabItems, type Props as TabItemsProps } from '../components/tabs/tab-items/TabItems.vue';
 import { default as RuiTabItem, type Props as TabItemProps } from '../components/tabs/tab-item/TabItem.vue';
 import { default as RuiSkeletonLoader, type Props as SkeletonLoaderProps } from '../components/loaders/Skeleton.vue';
-import { type Props as MenuSelectProps, default as RuiMenuSelect } from '../components/forms/select/MenuSelect.vue';
+import { type Props as MenuSelectProps, default as RuiMenuSelect } from '../components/forms/select/RuiMenuSelect.vue';
 import { type Props as AccordionsProps, default as RuiAccordions } from '../components/accordions/accordions/Accordions.vue';
 import { type AccordionProps, default as RuiAccordion } from '../components/accordions/accordion/Accordion.vue';
 import type { TableColumn as DataTableColumn, GroupKeys as DataTableGroupKeys, SortColumn as DataTableSortColumn, TableSortData as DataTableSortData } from '../components/tables/TableHead.vue';