@rotki/ui-library 0.14.0 → 0.16.0

package/dist/breakpoint-DAvEs_TA.js

@@ -0,0 +1,37 @@
+import { useWindowSize as d, breakpointsTailwind as l, useBreakpoints as w } from "@vueuse/core";
+import { c as n } from "./index-RsNqSz2V.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/alerts/{Alert.vue.d.ts → RuiAlert.vue.d.ts}

@@ -1,5 +1,5 @@
 import type { ContextColorsType } from '../../consts/colors';
-import type { RuiIcons } from '~/src';
+import type { RuiIcons } from '../../icons';
 export interface Props {
     title?: string;
     description?: string;
@@ -10,10 +10,6 @@ export interface Props {
     closeable?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    variant: {
-        type: globalThis.PropType<"default" | "outlined" | "filled">;
-        default: string;
-    };
     type: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: string;
@@ -26,6 +22,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<RuiIcons>;
         default: undefined;
     };
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+        default: string;
+    };
     description: {
         type: globalThis.PropType<string>;
         default: string;
@@ -42,10 +42,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     action: () => void;
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    variant: {
-        type: globalThis.PropType<"default" | "outlined" | "filled">;
-        default: string;
-    };
     type: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: string;
@@ -58,6 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<RuiIcons>;
         default: undefined;
     };
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+        default: string;
+    };
     description: {
         type: globalThis.PropType<string>;
         default: string;
@@ -74,10 +74,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onAction?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
 }, {
-    variant: "default" | "outlined" | "filled";
     type: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     title: string;
     icon: RuiIcons;
+    variant: "default" | "outlined" | "filled";
     description: string;
     actionText: string;
     closeable: boolean;

package/dist/components/buttons/button/{Button.vue.d.ts → RuiButton.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,8 +22,8 @@ declare const _default: <T = undefined>(__VLS_props: Props<T> & import("vue").VN
         default?(_: {}): any;
         append?(_: {}): any;
     };
-    emit: (e: 'update:value', value?: T | undefined) => void;
-}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+    emit: (e: 'update:model-value', value?: T) => void;
+}, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T>;
     expose(exposed: {}): void;
     attrs: any;
@@ -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 → RuiButtonGroup.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;
-}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+    emit: (e: 'update:modelValue', modelValue?: T | T[]) => void;
+}, "slots" | "attrs" | "emit"> | 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/cards/{Card.vue.d.ts → RuiCard.vue.d.ts}

@@ -7,16 +7,16 @@ export interface Props {
     noPadding?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    variant: {
-        type: globalThis.PropType<"flat" | "outlined">;
-        default: string;
-    };
     elevation: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    variant: {
+        type: globalThis.PropType<"flat" | "outlined">;
+        default: string;
+    };
     rounded: {
-        type: globalThis.PropType<"sm" | "md" | "lg">;
+        type: globalThis.PropType<"sm" | "lg" | "md">;
         default: string;
     };
     dense: {
@@ -32,16 +32,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    variant: {
-        type: globalThis.PropType<"flat" | "outlined">;
-        default: string;
-    };
     elevation: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    variant: {
+        type: globalThis.PropType<"flat" | "outlined">;
+        default: string;
+    };
     rounded: {
-        type: globalThis.PropType<"sm" | "md" | "lg">;
+        type: globalThis.PropType<"sm" | "lg" | "md">;
         default: string;
     };
     dense: {
@@ -57,9 +57,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    variant: "flat" | "outlined";
     elevation: number;
-    rounded: "sm" | "md" | "lg";
+    variant: "flat" | "outlined";
+    rounded: "sm" | "lg" | "md";
     dense: boolean;
     divide: boolean;
     noPadding: boolean;

package/dist/components/chips/{Chip.vue.d.ts → RuiChip.vue.d.ts}

@@ -1,5 +1,5 @@
 import type { ContextColorsType } from '../../consts/colors';
-import type { RuiIcons } from '~/src';
+import type { RuiIcons } from '../../icons';
 export interface Props {
     tile?: boolean;
     clickable?: boolean;
@@ -17,14 +17,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<"sm" | "md">;
         default: string;
     };
-    variant: {
-        type: globalThis.PropType<"outlined" | "filled">;
-        default: string;
-    };
     color: {
         type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: string;
     };
+    variant: {
+        type: globalThis.PropType<"outlined" | "filled">;
+        default: string;
+    };
     disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -33,10 +33,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-    textColor: {
-        type: globalThis.PropType<string>;
-        default: undefined;
-    };
     tile: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -53,6 +49,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: undefined;
     };
+    textColor: {
+        type: globalThis.PropType<string>;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click:close": () => void;
     click: () => void;
@@ -61,14 +61,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<"sm" | "md">;
         default: string;
     };
-    variant: {
-        type: globalThis.PropType<"outlined" | "filled">;
-        default: string;
-    };
     color: {
         type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: string;
     };
+    variant: {
+        type: globalThis.PropType<"outlined" | "filled">;
+        default: string;
+    };
     disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -77,10 +77,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-    textColor: {
-        type: globalThis.PropType<string>;
-        default: undefined;
-    };
     tile: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -97,20 +93,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: undefined;
     };
+    textColor: {
+        type: globalThis.PropType<string>;
+        default: undefined;
+    };
 }>> & {
     onClick?: (() => any) | undefined;
     "onClick:close"?: (() => any) | undefined;
 }, {
     size: "sm" | "md";
-    variant: "outlined" | "filled";
     color: "grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    variant: "outlined" | "filled";
     disabled: boolean;
     closeable: boolean;
-    textColor: string;
     tile: boolean;
     clickable: boolean;
     closeIcon: RuiIcons;
     bgColor: string;
+    textColor: string;
 }, {}>, {
     prepend?(_: {}): any;
     default?(_: {}): any;

package/dist/components/color-picker/RuiColorBoard.vue.d.ts

@@ -0,0 +1,23 @@
+import { Color } from './utils';
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: globalThis.PropType<Color>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (event: {
+        saturation: number;
+        brightness: number;
+    }) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    color: {
+        type: globalThis.PropType<Color>;
+        required: true;
+    };
+}>> & {
+    onInput?: ((event: {
+        saturation: number;
+        brightness: number;
+    }) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/components/color-picker/RuiColorDisplay.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: globalThis.PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    color: {
+        type: globalThis.PropType<string>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/color-picker/RuiColorHue.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        required: true;
+        type: globalThis.PropType<number>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: globalThis.PropType<number>;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/color-picker/RuiColorInput.vue.d.ts

@@ -0,0 +1,13 @@
+import type { Color } from './utils';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        required: true;
+        type: globalThis.PropType<Color>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: globalThis.PropType<Color>;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/color-picker/RuiColorPicker.vue.d.ts

@@ -0,0 +1,21 @@
+export interface Props {
+    modelValue?: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+}, {
+    modelValue: string;
+}, {}>;
+export default _default;

package/dist/components/color-picker/utils.d.ts

@@ -0,0 +1,44 @@
+import tinycolor, { type ColorInput } from 'tinycolor2';
+export type ColorFormat = 'rgb' | 'hex';
+export declare function roundTwoDecimal(num: number): number;
+export declare class Color {
+    instance: tinycolor.Instance;
+    alphaValue: number;
+    redValue: number;
+    greenValue: number;
+    blueValue: number;
+    hueValue: number;
+    saturationValue: number;
+    brightnessValue: number;
+    hslSaturationValue: number;
+    lightnessValue: number;
+    constructor(input?: ColorInput);
+    initAlpha: () => void;
+    initLightness: () => void;
+    initRgb: () => void;
+    initHsb: () => void;
+    toString(format?: ColorFormat): string;
+    get hexString(): string;
+    get hex(): string;
+    set hex(hexString: string);
+    set hue(value: number);
+    get hue(): number;
+    set saturation(value: number);
+    get saturation(): number;
+    set brightness(value: number);
+    get brightness(): number;
+    set red(value: number);
+    get red(): number;
+    set green(value: number);
+    get green(): number;
+    set blue(value: number);
+    get blue(): number;
+    get rgb(): number[];
+}
+export declare function useElementDrag(handler: (x: number, y: number) => any): {
+    handleClick: (e: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+    onMouseDown: (e: MouseEvent) => void;
+};

package/dist/components/forms/auto-complete/{AutoComplete.vue.d.ts → RuiAutoComplete.vue.d.ts}

@@ -33,7 +33,7 @@ declare const _default: <T extends object>(__VLS_props: Props<T> & import("vue")
         }): any;
     };
     emit: (e: 'update:modelValue', modelValue: ModelValue<T>) => void;
-}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+}, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T>;
     expose(exposed: {}): void;
     attrs: any;

package/dist/components/forms/auto-complete/{AutoCompleteSelection.vue.d.ts → RuiAutoCompleteSelection.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { Props as AutoCompleteProps, ModelValue } from '../../../components/forms/auto-complete/AutoComplete.vue';
+import type { Props as AutoCompleteProps, ModelValue } from '../../../components/forms/auto-complete/RuiAutoComplete.vue';
 export interface Props<T extends object> extends Pick<AutoCompleteProps<T>, 'textProp' | 'keyProp' | 'dense' | 'itemDisabledProp' | 'variant'> {
     data: ModelValue<T>;
     hasValue: boolean;
@@ -10,7 +10,7 @@ declare const _default: <T extends object>(__VLS_props: Props<T> & import("vue")
     attrs: any;
     slots: {};
     emit: (e: 'remove', option: T) => void;
-}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+}, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T>;
     expose(exposed: {}): void;
     attrs: any;

package/dist/components/forms/radio-button/radio-group/{RadioGroup.vue.d.ts → RuiRadioGroup.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { ContextColorsType } from '~/src';
+import type { ContextColorsType } from '../../../../consts/colors';
 export interface Props {
     modelValue?: string;
     inline?: boolean;
@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -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;
@@ -67,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
+    modelValue: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -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;
@@ -101,11 +101,11 @@ declare const _default: import("vue").DefineComponent<{
     size: "sm" | "lg";
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
     label: string;
+    modelValue: string;
     disabled: boolean;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    modelValue: string;
     hideDetails: boolean;
     inline: boolean;
 }, {}>;