@rotki/ui-library 0.15.0 → 0.16.0

package/dist/components/overlays/badge/{Badge.vue.d.ts → RuiBadge.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 {
     text?: string | null;
     icon?: RuiIcons | null;
@@ -14,20 +14,16 @@ export interface Props {
     color?: 'default' | ContextColorsType;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    size: {
-        type: globalThis.PropType<"sm" | "md" | "lg">;
-        default: string;
-    };
     text: {
         type: globalThis.PropType<string | null>;
         default: null;
     };
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
+    size: {
+        type: globalThis.PropType<"sm" | "lg" | "md">;
         default: string;
     };
-    rounded: {
-        type: globalThis.PropType<"sm" | "md" | "lg" | "full">;
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
         default: string;
     };
     icon: {
@@ -38,6 +34,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    rounded: {
+        type: globalThis.PropType<"sm" | "lg" | "md" | "full">;
+        default: string;
+    };
     left: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -59,20 +59,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: number;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    size: {
-        type: globalThis.PropType<"sm" | "md" | "lg">;
-        default: string;
-    };
     text: {
         type: globalThis.PropType<string | null>;
         default: null;
     };
-    color: {
-        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
+    size: {
+        type: globalThis.PropType<"sm" | "lg" | "md">;
         default: string;
     };
-    rounded: {
-        type: globalThis.PropType<"sm" | "md" | "lg" | "full">;
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
         default: string;
     };
     icon: {
@@ -83,6 +79,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    rounded: {
+        type: globalThis.PropType<"sm" | "lg" | "md" | "full">;
+        default: string;
+    };
     left: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -104,12 +104,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: number;
     };
 }>>, {
-    size: "sm" | "md" | "lg";
     text: string | null;
+    size: "sm" | "lg" | "md";
     color: "primary" | "secondary" | "error" | "warning" | "info" | "success" | "default";
-    rounded: "sm" | "md" | "lg" | "full";
     icon: RuiIcons | null;
     modelValue: boolean;
+    rounded: "sm" | "lg" | "md" | "full";
     left: boolean;
     placement: "bottom" | "top" | "center";
     dot: boolean;

package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.d.ts

@@ -0,0 +1,46 @@
+export interface BottomSheetProps {
+    modelValue?: boolean;
+    persistent?: boolean;
+    width?: string | number;
+    maxWidth?: string | number;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    width: {
+        type: globalThis.PropType<string | number>;
+    };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    maxWidth: {
+        type: globalThis.PropType<string | number>;
+    };
+    persistent: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    width: {
+        type: globalThis.PropType<string | number>;
+    };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    maxWidth: {
+        type: globalThis.PropType<string | number>;
+    };
+    persistent: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    modelValue: boolean;
+    persistent: boolean;
+}, {}>, Partial<Record<string, (_: any) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/overlays/dialog/RuiDialog.vue.d.ts

@@ -0,0 +1,87 @@
+export interface DialogProps {
+    modelValue?: boolean;
+    persistent?: boolean;
+    width?: string | number;
+    maxWidth?: string | number;
+    bottomSheet?: boolean;
+    contentClass?: any;
+}
+declare function close(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    width: {
+        type: globalThis.PropType<string | number>;
+        default: string;
+    };
+    contentClass: {
+        type: globalThis.PropType<any>;
+        default: string;
+    };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    maxWidth: {
+        type: globalThis.PropType<string | number>;
+    };
+    persistent: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    bottomSheet: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: boolean) => void;
+    closed: () => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    width: {
+        type: globalThis.PropType<string | number>;
+        default: string;
+    };
+    contentClass: {
+        type: globalThis.PropType<any>;
+        default: string;
+    };
+    modelValue: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    maxWidth: {
+        type: globalThis.PropType<string | number>;
+    };
+    persistent: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    bottomSheet: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}, {
+    width: string | number;
+    contentClass: any;
+    modelValue: boolean;
+    persistent: boolean;
+    bottomSheet: boolean;
+}, {}>, {
+    activator?(_: {
+        on: {
+            click: () => void;
+        };
+        isOpen: boolean;
+    }): any;
+    default?(_: {
+        isOpen: true;
+        close: typeof close;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/steppers/{FooterStepper.vue.d.ts → RuiFooterStepper.vue.d.ts}

@@ -3,16 +3,17 @@ export interface Props {
     modelValue?: number;
     variant?: 'numeric' | 'bullet' | 'progress' | 'pill';
     arrowButtons?: boolean;
+    hideButtons?: boolean;
 }
 declare const _default: import("vue").DefineComponent<{
-    variant: {
-        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
-        default: string;
-    };
     modelValue: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    variant: {
+        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
+        default: string;
+    };
     pages: {
         type: globalThis.PropType<number>;
         required: true;
@@ -21,17 +22,21 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    hideButtons: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: number) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    variant: {
-        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
-        default: string;
-    };
     modelValue: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    variant: {
+        type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
+        default: string;
+    };
     pages: {
         type: globalThis.PropType<number>;
         required: true;
@@ -40,11 +45,16 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    hideButtons: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
 }, {
-    variant: "progress" | "numeric" | "bullet" | "pill";
     modelValue: number;
+    variant: "progress" | "numeric" | "bullet" | "pill";
     arrowButtons: boolean;
+    hideButtons: boolean;
 }, {}>;
 export default _default;

package/dist/components/tables/{DataTable.vue.d.ts → RuiDataTable.vue.d.ts}

@@ -1,5 +1,5 @@
-import { type TablePaginationData } from './TablePagination.vue';
-import { type GroupData, type GroupKeys, type TableColumn, type TableRowKeyData, type TableSortData } from './TableHead.vue';
+import { type TablePaginationData } from '../../components/tables/RuiTablePagination.vue';
+import { type GroupData, type GroupKeys, type TableColumn, type TableRowKeyData, type TableSortData } from '../../components/tables/RuiTableHead.vue';
 export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: TableSortData<T>;
@@ -135,6 +135,7 @@ export interface Props<T, K extends keyof T> {
     disabledRows?: T[];
     multiPageSelect?: boolean;
     scroller?: HTMLElement | null;
+    itemClass?: ((item: T) => string) | string;
 }
 declare const _default: <T extends object, IdType extends keyof T = keyof T>(__VLS_props: Props<T, IdType> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: Props<T, IdType>;
@@ -181,7 +182,7 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
         (e: 'update:collapsed', value?: T[]): void;
         (e: 'copy:group', value: GroupData<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, IdType>;
     expose(exposed: {}): void;
     attrs: any;

package/dist/components/tables/{ExpandButton.vue.d.ts → RuiExpandButton.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { RuiIcons } from '~/src';
+import type { RuiIcons } from '../../icons';
 export interface Props {
     expanded: boolean;
     icon?: RuiIcons;

package/dist/components/tables/{TableHead.vue.d.ts → RuiTableHead.vue.d.ts}

@@ -83,7 +83,7 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
             direction?: 'asc' | 'desc';
         }): 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/composables/index.es.js

@@ -1,5 +1,5 @@
-import { u as s, a } from "../index-x2urm9HD.js";
-import { u } from "../breakpoint-CRvqq4aP.js";
+import { u as s, a } from "../index-RsNqSz2V.js";
+import { u } from "../breakpoint-DAvEs_TA.js";
 export {
   u as useBreakpoint,
   s as useIcons,

package/dist/consts/typography.d.ts

@@ -1,5 +1,4 @@
-declare const typographyClasses: {
+export declare const typographyClasses: {
     className: string;
     name: string;
 }[];
-export default typographyClasses;

package/dist/index-RsNqSz2V.js

@@ -0,0 +1,177 @@
+import { RiArrowDownLine as T, RiArrowDropDownFill as $, RiArrowLeftDoubleLine as D, RiArrowLeftLine as v, RiArrowLeftSLine as I, RiArrowRightDoubleLine as S, RiArrowRightLine as U, RiArrowRightSLine as B, RiExpandUpDownLine as M } from "./icons/icons_1.es.js";
+import { RiDatabase2Line as _ } from "./icons/icons_2.es.js";
+import { RiAlertFill as j, RiAlertLine as O, RiCheckLine as P, RiCheckboxBlankCircleFill as V, RiCheckboxBlankCircleLine as W, RiCheckboxBlankLine as q, RiCheckboxCircleFill as z, RiCheckboxCircleLine as G, RiCheckboxFill as H, RiCheckboxIndeterminateFill as N, RiCloseCircleLine as J, RiCloseFill as K, RiCloseLine as Q, RiErrorWarningFill as X, RiErrorWarningLine as Y, RiEyeLine as Z, RiEyeOffLine as ee, RiInformationFill as ie, RiInformationLine as re, RiRadioButtonLine as te, RiMoreFill as ne } from "./icons/icons_5.es.js";
+import { createGlobalState as oe, useColorMode as ae } from "@vueuse/core";
+import { ref as b, computed as R, watch as se } from "vue";
+import { set as L, get as t } from "@vueuse/shared";
+import { c as le } from "./colors-D563Ic3q.js";
+const Ae = oe(() => {
+  const e = [
+    j,
+    O,
+    T,
+    $,
+    D,
+    v,
+    I,
+    S,
+    U,
+    B,
+    P,
+    V,
+    W,
+    q,
+    z,
+    G,
+    H,
+    N,
+    J,
+    K,
+    Q,
+    _,
+    X,
+    Y,
+    Z,
+    ee,
+    ie,
+    re,
+    te,
+    ne,
+    M
+  ], i = b({});
+  return { registeredIcons: i, registerIcons: (n) => {
+    L(i, {
+      ...t(i),
+      ...Object.fromEntries(
+        [...e, ...n].map(({ name: r, path: a }) => [r, a])
+      )
+    });
+  } };
+}), o = {
+  auto: "auto",
+  dark: "dark",
+  light: "light"
+};
+function k(e) {
+  return Object.fromEntries(
+    le.map((i) => [
+      i,
+      {
+        darker: `var(--rui-${e}-${i}-darker)`,
+        DEFAULT: `var(--rui-${e}-${i}-main)`,
+        lighter: `var(--rui-${e}-${i}-lighter)`
+      }
+    ])
+  );
+}
+const w = {
+  dark: k("dark"),
+  light: k("light")
+}, p = b({ ...w });
+function ye() {
+  const { state: e, store: i, system: l } = ae(), n = R(
+    () => t(i) === o.auto
+  ), r = R(
+    () => t(n) && t(l) === o.light || t(e) === o.light
+  ), a = R(
+    () => t(n) && t(l) === o.dark || t(e) === o.dark
+  ), d = R(() => t(r) ? t(p).light : t(p).dark), s = (m) => {
+    L(i, m || o.auto);
+  }, h = () => {
+    t(n) ? s(o.light) : t(r) ? s(o.dark) : t(a) && s(o.auto);
+  }, c = (m) => {
+    L(p, m);
+  };
+  return {
+    config: p,
+    init: (m) => {
+      s(m.mode ?? o.auto), c(m.config ?? { ...w }), typeof window < "u" && se(
+        [r, d],
+        ([y, x]) => {
+          const E = Object.entries(x).map(([u, f]) => ({
+            [`--rui-${u}-darker`]: f.darker,
+            [`--rui-${u}-lighter`]: f.lighter,
+            [`--rui-${u}-main`]: f.DEFAULT
+          })).reduce((u, f) => ({ ...u, ...f }), {}), C = y ? o.light : o.dark, F = {
+            "--rui-text-disabled": `var(--rui-${C}-text-disabled)`,
+            "--rui-text-primary": `var(--rui-${C}-text-primary)`,
+            "--rui-text-secondary": `var(--rui-${C}-text-secondary)`
+          };
+          Object.entries({
+            ...E,
+            ...F
+          }).forEach(([u, f]) => {
+            document.documentElement.style.setProperty(u, f);
+          });
+        },
+        { immediate: !0 }
+      );
+    },
+    isAutoControlled: n,
+    isDark: a,
+    isLight: r,
+    setThemeConfig: c,
+    state: e,
+    store: i,
+    switchThemeScheme: s,
+    theme: d,
+    toggleThemeMode: h
+  };
+}
+const ce = /\d/, ue = ["-", "_", "/", "."];
+function fe(e = "") {
+  if (!ce.test(e))
+    return e !== e.toLowerCase();
+}
+function A(e, i) {
+  const l = i ?? ue, n = [];
+  if (!e || typeof e != "string")
+    return n;
+  let r = "", a, d;
+  for (const s of e) {
+    const h = l.includes(s);
+    if (h === !0) {
+      n.push(r), r = "", a = void 0;
+      continue;
+    }
+    const c = fe(s);
+    if (d === !1) {
+      if (a === !1 && c === !0) {
+        n.push(r), r = s, a = c;
+        continue;
+      }
+      if (a === !0 && c === !1 && r.length > 1) {
+        const g = r.at(-1);
+        n.push(r.slice(0, Math.max(0, r.length - 1))), r = g + s, a = c;
+        continue;
+      }
+    }
+    r += s, a = c, d = h;
+  }
+  return n.push(r), n;
+}
+function me(e) {
+  return e ? e[0].toUpperCase() + e.slice(1) : "";
+}
+function de(e) {
+  return e ? e[0].toLowerCase() + e.slice(1) : "";
+}
+function he(e, i) {
+  return e ? (Array.isArray(e) ? e : A(e)).map((l) => me(i != null && i.normalize ? l.toLowerCase() : l)).join("") : "";
+}
+function xe(e, i) {
+  return de(he(e || "", i));
+}
+function Re(e, i) {
+  return e ? (Array.isArray(e) ? e : A(e)).map((l) => l.toLowerCase()).join(i ?? "-") : "";
+}
+function Ee(e) {
+  return Re(e || "", "_");
+}
+export {
+  o as T,
+  ye as a,
+  xe as c,
+  Ee as s,
+  Ae as u
+};