@rotki/ui-library 0.1.0

package/dist/colors-01d79c7b.mjs

@@ -0,0 +1,47 @@
+const e = [
+  "grey",
+  "indigo",
+  "deep-purple",
+  "amber",
+  "orange",
+  "pink",
+  "deep-orange",
+  "green",
+  "red",
+  "light-green",
+  "purple",
+  "lime",
+  "light-blue",
+  "yellow",
+  "cyan",
+  "teal",
+  "blue",
+  "blue-gray"
+], r = [
+  "50",
+  "100",
+  "200",
+  "300",
+  "400",
+  "500",
+  "600",
+  "700",
+  "800",
+  "900",
+  "a100",
+  "a200",
+  "a400",
+  "a700"
+], a = [
+  "primary",
+  "secondary",
+  "error",
+  "warning",
+  "info",
+  "success"
+];
+export {
+  r as a,
+  e as b,
+  a as c
+};

package/dist/components/alerts/Alert.vue.d.ts

@@ -0,0 +1,84 @@
+import { type ContextColorsType } from '../../consts/colors';
+export interface Props {
+    title?: string;
+    description?: string;
+    type?: ContextColorsType;
+    icon?: string;
+    variant?: 'default' | 'filled' | 'outlined';
+    actionText?: string;
+    closeable?: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+        default: string;
+    };
+    type: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: string;
+    };
+    title: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    icon: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    description: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    actionText: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: () => void;
+    close: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+        default: string;
+    };
+    type: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: string;
+    };
+    title: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    icon: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    description: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    actionText: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onAction?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}, {
+    variant: "default" | "outlined" | "filled";
+    type: "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    title: string;
+    icon: string;
+    description: string;
+    actionText: string;
+    closeable: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,97 @@
+import { type ContextColorsType } from '../../../consts/colors';
+export interface Props {
+    disabled?: boolean;
+    loading?: boolean;
+    color?: ContextColorsType;
+    rounded?: boolean;
+    elevation?: number | string | null;
+    variant?: 'default' | 'outlined' | 'text' | 'fab';
+    icon?: boolean;
+    size?: 'sm' | 'lg';
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    variant: {
+        type: globalThis.PropType<"default" | "text" | "outlined" | "fab">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: undefined;
+    };
+    size: {
+        type: globalThis.PropType<"sm" | "lg">;
+        default: undefined;
+    };
+    elevation: {
+        type: globalThis.PropType<string | number | null>;
+        default: null;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    loading: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    rounded: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: globalThis.PropType<"default" | "text" | "outlined" | "fab">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: undefined;
+    };
+    size: {
+        type: globalThis.PropType<"sm" | "lg">;
+        default: undefined;
+    };
+    elevation: {
+        type: globalThis.PropType<string | number | null>;
+        default: null;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    loading: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    rounded: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    variant: "default" | "text" | "outlined" | "fab";
+    color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    size: "sm" | "lg";
+    elevation: string | number | null;
+    disabled: boolean;
+    loading: boolean;
+    rounded: boolean;
+    icon: boolean;
+}, {}>, {
+    prepend?(_: {}): any;
+    default?(_: {}): any;
+    append?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,48 @@
+import { type ContextColorsType } from '../../../consts/colors';
+export interface Props {
+    vertical?: boolean;
+    color?: ContextColorsType;
+    variant?: 'default' | 'outlined' | 'text';
+    size?: 'sm' | 'lg';
+}
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: globalThis.PropType<"default" | "text" | "outlined">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: undefined;
+    };
+    size: {
+        type: globalThis.PropType<"sm" | "lg">;
+        default: undefined;
+    };
+    vertical: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: globalThis.PropType<"default" | "text" | "outlined">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: undefined;
+    };
+    size: {
+        type: globalThis.PropType<"sm" | "lg">;
+        default: undefined;
+    };
+    vertical: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    variant: "default" | "text" | "outlined";
+    color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    size: "sm" | "lg";
+    vertical: boolean;
+}, {}>;
+export default _default;

package/dist/components/chips/Chip.vue.d.ts

@@ -0,0 +1,78 @@
+import { type ContextColorsType } from '../../consts/colors';
+export interface Props {
+    label: string;
+    dismissible?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    variant?: 'filled' | 'outlined';
+    color?: 'grey' | ContextColorsType;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    variant: {
+        type: globalThis.PropType<"outlined" | "filled">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: string;
+    };
+    size: {
+        type: globalThis.PropType<"sm" | "md">;
+        default: string;
+    };
+    label: {
+        type: globalThis.PropType<string>;
+        required: true;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    dismissible: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: globalThis.PropType<"outlined" | "filled">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: string;
+    };
+    size: {
+        type: globalThis.PropType<"sm" | "md">;
+        default: string;
+    };
+    label: {
+        type: globalThis.PropType<string>;
+        required: true;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    dismissible: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onRemove?: (() => any) | undefined;
+}, {
+    variant: "outlined" | "filled";
+    color: "grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    size: "sm" | "md";
+    disabled: boolean;
+    dismissible: boolean;
+}, {}>, {
+    prepend?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/auto-complete/AutoComplete.vue.d.ts

@@ -0,0 +1,184 @@
+import { type ContextColorsType } from '../../../consts/colors';
+export type Option = Record<string, any>;
+export type ModelValue = Option | Option[] | null;
+export interface Props {
+    data: Option[];
+    modelValue: ModelValue;
+    nullable?: boolean;
+    disabled?: boolean;
+    searchQuery?: string;
+    searchProp?: string;
+    placeholder?: string;
+    label?: string;
+    keyProp?: string;
+    textProp?: string;
+    itemDisabledProp?: string;
+    variant?: 'default' | 'filled' | 'outlined';
+    color?: 'grey' | ContextColorsType;
+    dense?: boolean;
+    hint?: string;
+    errorMessages?: string[];
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: string;
+    };
+    label: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    data: {
+        type: globalThis.PropType<Option[]>;
+        required: true;
+    };
+    placeholder: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: globalThis.PropType<ModelValue>;
+        required: true;
+    };
+    dense: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    hint: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    errorMessages: {
+        type: globalThis.PropType<string[]>;
+        default: () => never[];
+    };
+    textProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    keyProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    itemDisabledProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    nullable: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    searchQuery: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    searchProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: ModelValue) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+        default: string;
+    };
+    color: {
+        type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
+        default: string;
+    };
+    label: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    data: {
+        type: globalThis.PropType<Option[]>;
+        required: true;
+    };
+    placeholder: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: globalThis.PropType<ModelValue>;
+        required: true;
+    };
+    dense: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    hint: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    errorMessages: {
+        type: globalThis.PropType<string[]>;
+        default: () => never[];
+    };
+    textProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    keyProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    itemDisabledProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    nullable: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    searchQuery: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    searchProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((modelValue: ModelValue) => any) | undefined;
+}, {
+    variant: "default" | "outlined" | "filled";
+    color: "grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success";
+    label: string;
+    placeholder: string;
+    disabled: boolean;
+    dense: boolean;
+    hint: string;
+    errorMessages: string[];
+    textProp: string;
+    keyProp: string;
+    itemDisabledProp: string;
+    nullable: boolean;
+    searchQuery: string;
+    searchProp: string;
+}, {}>, {
+    prefix?(_: {
+        class: string;
+    }): any;
+    default?(_: {
+        [x: string]: any;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/auto-complete/AutoCompleteSelection.vue.d.ts

@@ -0,0 +1,81 @@
+import type { Props as AutoCompleteProps, ModelValue, Option } from '../../../components/forms/auto-complete/AutoComplete.vue';
+export interface Props extends Pick<AutoCompleteProps, 'textProp' | 'keyProp' | 'dense' | 'itemDisabledProp' | 'variant'> {
+    data: ModelValue;
+    hasValue: boolean;
+    wrapperWidth: number;
+}
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+    };
+    data: {
+        type: globalThis.PropType<ModelValue>;
+        required: true;
+    };
+    dense: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    wrapperWidth: {
+        type: globalThis.PropType<number>;
+        required: true;
+    };
+    textProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    keyProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    itemDisabledProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    hasValue: {
+        type: globalThis.PropType<boolean>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: (option: Option) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: globalThis.PropType<"default" | "outlined" | "filled">;
+    };
+    data: {
+        type: globalThis.PropType<ModelValue>;
+        required: true;
+    };
+    dense: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    wrapperWidth: {
+        type: globalThis.PropType<number>;
+        required: true;
+    };
+    textProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    keyProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    itemDisabledProp: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
+    hasValue: {
+        type: globalThis.PropType<boolean>;
+        required: true;
+    };
+}>> & {
+    onRemove?: ((option: Option) => any) | undefined;
+}, {
+    dense: boolean;
+    textProp: string;
+    keyProp: string;
+    itemDisabledProp: string;
+}, {}>;
+export default _default;