@rotki/ui-library 0.9.0 → 0.10.0

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

@@ -35,6 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     tile: {
         type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     clickable: {
         type: globalThis.PropType<boolean>;
@@ -78,6 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     tile: {
         type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     clickable: {
         type: globalThis.PropType<boolean>;
@@ -104,6 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: "sm" | "md";
     disabled: boolean;
     textColor: string;
+    tile: boolean;
     clickable: boolean;
     closeable: boolean;
     closeIcon: RuiIcons;

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

@@ -165,10 +165,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>> & {
     onBlur?: ((event: Event) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
     "onFocus-input"?: ((event: Event) => any) | undefined;
     onRemove?: ((value: unknown) => any) | undefined;
-    onClear?: (() => any) | undefined;
 }, {
     readonly: boolean;
     variant: "default" | "outlined" | "filled";

package/dist/components/index.d.ts

@@ -19,7 +19,8 @@ import { type RadioProps as RadioProps, default as RuiRadio } from '../component
 import { type Props as RevealableTextFieldProps, default as RuiRevealableTextField } from '../components/forms/revealable-text-field/RevealableTextField.vue';
 import { type Props as LogoProps, default as RuiLogo } from '../components/logos/Logo.vue';
 import { default as RuiSimpleSelect, type Props as SimpleSelectProps } from '../components/forms/select/SimpleSelect.vue';
-import { type TableColumn as DataTableColumn, type TableOptions as DataTableOptions, type Props as DataTableProps, type SortColumn as DataTableSortColumn, default as RuiDataTable } from '../components/tables/DataTable.vue';
+import { type TableColumn as DataTableColumn, type GroupKeys as DataTableGroupKeys, type SortColumn as DataTableSortColumn, type TableSortData as DataTableSortData } from '../components/tables/TableHead.vue';
+import { type TableOptions as DataTableOptions, type Props as DataTableProps, default as RuiDataTable } from '../components/tables/DataTable.vue';
 import { type Props as ExpandButtonProps, default as RuiTableRowExpander } from '../components/tables/ExpandButton.vue';
 import { default as RuiTablePagination, type TablePaginationData, type Props as TablePaginationProps } from '../components/tables/TablePagination.vue';
 import { type Props as CardProps, default as RuiCard } from '../components/cards/Card.vue';
@@ -29,4 +30,4 @@ 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';
-export { RuiAlert, RuiAutoComplete, RuiBadge, RuiButton, RuiButtonGroup, RuiCheckbox, RuiChip, RuiFooterStepper, RuiIcon, RuiLogo, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiStepper, RuiTextField, RuiTooltip, RuiDataTable, RuiSimpleSelect, RuiDialog, RuiCard, RuiCardHeader, RuiTabs, RuiTab, RuiTabItems, RuiTabItem, RuiTablePagination, RuiSkeletonLoader, RuiTextArea, RuiDivider, RuiTableRowExpander, AutoCompleteProps, ChipProps, TooltipProps, SimpleSelectProps, DataTableProps, DataTableColumn, DataTableSortColumn, DataTableOptions, TablePaginationData, DialogProps, ButtonProps, ButtonGroupProps, CardProps, CardHeaderProps, BadgeProps, AlertProps, CheckboxProps, ProgressProps, RadioGroupProps, RadioProps, LogoProps, StepperProps, TextFieldProps, IconProps, FooterStepperProps, TabsProps, TabProps, TabItemsProps, TabItemProps, TablePaginationProps, RevealableTextFieldProps, SkeletonLoaderProps, DividerProps, TextAreaProps, ExpandButtonProps, };
+export { RuiAlert, RuiAutoComplete, RuiBadge, RuiButton, RuiButtonGroup, RuiCheckbox, RuiChip, RuiFooterStepper, RuiIcon, RuiLogo, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiStepper, RuiTextField, RuiTooltip, RuiDataTable, RuiSimpleSelect, RuiDialog, RuiCard, RuiCardHeader, RuiTabs, RuiTab, RuiTabItems, RuiTabItem, RuiTablePagination, RuiSkeletonLoader, RuiTextArea, RuiDivider, RuiTableRowExpander, AutoCompleteProps, ChipProps, TooltipProps, SimpleSelectProps, DataTableProps, DataTableColumn, DataTableSortColumn, DataTableOptions, TablePaginationData, DialogProps, ButtonProps, ButtonGroupProps, CardProps, CardHeaderProps, BadgeProps, AlertProps, CheckboxProps, ProgressProps, RadioGroupProps, RadioProps, LogoProps, StepperProps, TextFieldProps, IconProps, FooterStepperProps, TabsProps, TabProps, TabItemsProps, TabItemProps, TablePaginationProps, RevealableTextFieldProps, SkeletonLoaderProps, DividerProps, TextAreaProps, ExpandButtonProps, DataTableSortData, DataTableGroupKeys, };

package/dist/components/index.es.js

@@ -1,41 +1,43 @@
-import { A as p, a as l, R as m, B as d, b as T, m as b, n, C as g, d as x, D as C, l as S, v as A, F as B, I as D, _ as F, P as I, e as c, f as h, g as k, k as v, t as P, h as f, p as E, r as G, q as L, s as j, E as q, o as w, u as H, i as _, j as y } from "../index-XP-zcLsF.js";
+import { A as m, a as d, B as T, b, d as n, m as g, n as x, C, e as S, D as A, l as B, v as D, F, I, _ as c, P as h, R as k, f as v, g as P, k as f, t as E, h as G, p as L, r as j, q, s as w, E as H, o as _, u as y, i as z, j as J } from "../index-2kT4UFtO.js";
 import "vue";
 import "@vueuse/shared";
-import "../index-W2poXQa4.js";
-import "../all-icons.es.js";
+import "../theme-V5yenaDk.js";
+import "../icons/icons_1.es.js";
+import "../icons/icons_2.es.js";
+import "../icons/icons_5.es.js";
 import "@vueuse/core";
 import "../colors-ikihApJv.js";
 import "vue-router";
 export {
-  p as RuiAlert,
-  l as RuiAutoComplete,
-  m as RuiBadge,
-  d as RuiButton,
-  T as RuiButtonGroup,
-  b as RuiCard,
-  n as RuiCardHeader,
-  g as RuiCheckbox,
-  x as RuiChip,
-  C as RuiDataTable,
-  S as RuiDialog,
-  A as RuiDivider,
-  B as RuiFooterStepper,
-  D as RuiIcon,
-  F as RuiLogo,
-  I as RuiProgress,
-  c as RuiRadio,
-  h as RuiRadioGroup,
-  k as RuiRevealableTextField,
-  v as RuiSimpleSelect,
-  P as RuiSkeletonLoader,
-  f as RuiStepper,
-  E as RuiTab,
-  G as RuiTabItem,
-  L as RuiTabItems,
-  j as RuiTablePagination,
-  q as RuiTableRowExpander,
-  w as RuiTabs,
-  H as RuiTextArea,
-  _ as RuiTextField,
-  y as RuiTooltip
+  m as RuiAlert,
+  d as RuiAutoComplete,
+  T as RuiBadge,
+  b as RuiButton,
+  n as RuiButtonGroup,
+  g as RuiCard,
+  x as RuiCardHeader,
+  C as RuiCheckbox,
+  S as RuiChip,
+  A as RuiDataTable,
+  B as RuiDialog,
+  D as RuiDivider,
+  F as RuiFooterStepper,
+  I as RuiIcon,
+  c as RuiLogo,
+  h as RuiProgress,
+  k as RuiRadio,
+  v as RuiRadioGroup,
+  P as RuiRevealableTextField,
+  f as RuiSimpleSelect,
+  E as RuiSkeletonLoader,
+  G as RuiStepper,
+  L as RuiTab,
+  j as RuiTabItem,
+  q as RuiTabItems,
+  w as RuiTablePagination,
+  H as RuiTableRowExpander,
+  _ as RuiTabs,
+  y as RuiTextArea,
+  z as RuiTextField,
+  J as RuiTooltip
 };

package/dist/components/tables/DataTable.vue.d.ts

@@ -1,55 +1,13 @@
 import { type TablePaginationData } from './TablePagination.vue';
-/**
- * Represents a sortable column name for a given type.
- * The column name must be a key of the passed data object type.
- * @template T - The type of the data in the column.
- */
-export type SortableColumnName<T> = keyof T;
-/**
- * Represents the name of a column in a dataset.
- *
- * The `ColumnName` type can either be a `SortableColumnName` or a string.
- *
- * @typeparam T - The type of the dataset containing the column name.
- */
-export type ColumnName<T> = SortableColumnName<T> | string;
-export interface BaseTableColumn {
-    direction?: 'asc' | 'desc';
-    align?: 'start' | 'center' | 'end';
-    class?: string;
-    cellClass?: string;
-    [key: string]: any;
-}
-/**
- * Represents a sortable table column.
- * This is used to ensure that when using sortable with a true value,
- * the key matches to an actual property of the object passed.
- *
- * @template T - The type of data in the table column.
- */
-export interface SortableTableColumn<T> extends BaseTableColumn {
-    key: SortableColumnName<T>;
-    sortable: true;
-}
-/**
- * An interface representing a column in a table that cannot be sorted.
- * This can be mapped to an actual property of the object or to a virtual column.
- *
- * @typeparam T - The type of data in the table.
- */
-export interface NoneSortableTableColumn<T> extends BaseTableColumn {
-    key: string | SortableColumnName<T>;
-    sortable?: false;
-}
-export type TableColumn<T> = SortableTableColumn<T> | NoneSortableTableColumn<T>;
-export interface SortColumn<T> {
-    column?: SortableColumnName<T>;
-    direction: 'asc' | 'desc';
-}
+import { type GroupData, type GroupKeys, type SortColumn, type TableColumn, type TableRowKeyData, type TableSortData } from './TableHead.vue';
 export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: SortColumn<T> | SortColumn<T>[];
 }
+export type GroupedTableRow<T> = T & Partial<{
+    groupVal: string;
+    group: Partial<T>;
+}>;
 export interface Props<T, K extends keyof T> {
     /**
      * list of items for each row
@@ -92,7 +50,7 @@ export interface Props<T, K extends keyof T> {
      * multi columns sort
      * @example v-model:sort="[{ column: 'name', direction: 'asc' }]"
      */
-    sort?: SortColumn<T> | SortColumn<T>[];
+    sort?: TableSortData<T>;
     /**
      * modifiers for specifying externally sorted tables
      * use this when api controls sorting
@@ -111,7 +69,7 @@ export interface Props<T, K extends keyof T> {
     /**
      * attribute to use from column definitions to display column titles
      */
-    columnAttr?: string;
+    columnAttr?: keyof TableColumn<T>;
     /**
      * flag to show a more or less spacious table
      */
@@ -152,7 +110,7 @@ export interface Props<T, K extends keyof T> {
      */
     singleExpand?: boolean;
     /**
-     * make expansion work like accordion
+     * make table head stick to top on scroll
      */
     stickyHeader?: boolean;
     stickyOffset?: number;
@@ -161,6 +119,15 @@ export interface Props<T, K extends keyof T> {
      * When true, changing the items per page setting in one table will affect other tables.
      */
     globalItemsPerPage?: boolean;
+    /**
+     * model for grouping column/columns data
+     * single column grouping
+     * @example v-model:group="'name'"
+     * multi columns grouping
+     * @example v-model:group="['name', 'country']"
+     */
+    group?: TableRowKeyData<T>;
+    collapsed?: T[];
 }
 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>;
@@ -170,28 +137,53 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
         column: TableColumn<T>;
     }) => any>> & Partial<Record<string, (_: {
         column: TableColumn<T>;
-        row: T;
+    }) => any>> & Partial<Record<string, (_: {
+        column: TableColumn<T>;
+        row: GroupedTableRow<T>;
         index: number;
     }) => any>> & Partial<Record<string, (_: {
         column: TableColumn<T>;
-        row: T;
         index: number;
+        row: GroupedTableRow<T>;
     }) => any>> & {
+        "body.prepend"?(_: {
+            colspan: number;
+        }): any;
+        "group.header"?(_: {
+            colspan: number;
+            row: GroupedTableRow<T>;
+            group: Partial<T> | undefined;
+            groupKey: string;
+            groupValue: string | undefined;
+            isOpen: boolean;
+            toggle: () => void;
+        }): any;
+        "group.header.content"?(_: {
+            row: GroupedTableRow<T>;
+            group: Partial<T> | undefined;
+            groupKey: string;
+            groupValue: string | undefined;
+        }): any;
         "expanded-item"?(_: {
-            row: T;
+            row: GroupedTableRow<T>;
             index: number;
         }): any;
         "no-data"?(_: {}): any;
         "empty-description"?(_: {}): any;
-        "body.append"?(_: {}): any;
+        "body.append"?(_: {
+            colspan: number;
+        }): any;
         tfoot?(_: {}): any;
     };
     emit: {
         (e: 'update:model-value', value?: T[IdType][] | undefined): void;
         (e: 'update:expanded', value: T[]): void;
         (e: 'update:pagination', value: TablePaginationData): void;
-        (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
+        (e: 'update:sort', value?: TableSortData<T>): void;
         (e: 'update:options', value: TableOptions<T>): void;
+        (e: 'update:group', value?: GroupKeys<T>): void;
+        (e: 'update:collapsed', value?: T[] | undefined): void;
+        (e: 'copy:group', value: GroupData<T>): void;
     };
 }, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
     props: Props<T, IdType>;
@@ -201,28 +193,53 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
         column: TableColumn<T>;
     }) => any>> & Partial<Record<string, (_: {
         column: TableColumn<T>;
-        row: T;
+    }) => any>> & Partial<Record<string, (_: {
+        column: TableColumn<T>;
+        row: GroupedTableRow<T>;
         index: number;
     }) => any>> & Partial<Record<string, (_: {
         column: TableColumn<T>;
-        row: T;
         index: number;
+        row: GroupedTableRow<T>;
     }) => any>> & {
+        "body.prepend"?(_: {
+            colspan: number;
+        }): any;
+        "group.header"?(_: {
+            colspan: number;
+            row: GroupedTableRow<T>;
+            group: Partial<T> | undefined;
+            groupKey: string;
+            groupValue: string | undefined;
+            isOpen: boolean;
+            toggle: () => void;
+        }): any;
+        "group.header.content"?(_: {
+            row: GroupedTableRow<T>;
+            group: Partial<T> | undefined;
+            groupKey: string;
+            groupValue: string | undefined;
+        }): any;
         "expanded-item"?(_: {
-            row: T;
+            row: GroupedTableRow<T>;
             index: number;
         }): any;
         "no-data"?(_: {}): any;
         "empty-description"?(_: {}): any;
-        "body.append"?(_: {}): any;
+        "body.append"?(_: {
+            colspan: number;
+        }): any;
         tfoot?(_: {}): any;
     };
     emit: {
         (e: 'update:model-value', value?: T[IdType][] | undefined): void;
         (e: 'update:expanded', value: T[]): void;
         (e: 'update:pagination', value: TablePaginationData): void;
-        (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
+        (e: 'update:sort', value?: TableSortData<T>): void;
         (e: 'update:options', value: TableOptions<T>): void;
+        (e: 'update:group', value?: GroupKeys<T>): void;
+        (e: 'update:collapsed', value?: T[] | undefined): void;
+        (e: 'copy:group', value: GroupData<T>): void;
     };
 }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -235,28 +252,53 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
             column: TableColumn<T>;
         }) => any>> & Partial<Record<string, (_: {
             column: TableColumn<T>;
-            row: T;
+        }) => any>> & Partial<Record<string, (_: {
+            column: TableColumn<T>;
+            row: GroupedTableRow<T>;
             index: number;
         }) => any>> & Partial<Record<string, (_: {
             column: TableColumn<T>;
-            row: T;
             index: number;
+            row: GroupedTableRow<T>;
         }) => any>> & {
+            "body.prepend"?(_: {
+                colspan: number;
+            }): any;
+            "group.header"?(_: {
+                colspan: number;
+                row: GroupedTableRow<T>;
+                group: Partial<T> | undefined;
+                groupKey: string;
+                groupValue: string | undefined;
+                isOpen: boolean;
+                toggle: () => void;
+            }): any;
+            "group.header.content"?(_: {
+                row: GroupedTableRow<T>;
+                group: Partial<T> | undefined;
+                groupKey: string;
+                groupValue: string | undefined;
+            }): any;
             "expanded-item"?(_: {
-                row: T;
+                row: GroupedTableRow<T>;
                 index: number;
             }): any;
             "no-data"?(_: {}): any;
             "empty-description"?(_: {}): any;
-            "body.append"?(_: {}): any;
+            "body.append"?(_: {
+                colspan: number;
+            }): any;
             tfoot?(_: {}): any;
         };
         emit: {
             (e: 'update:model-value', value?: T[IdType][] | undefined): void;
             (e: 'update:expanded', value: T[]): void;
             (e: 'update:pagination', value: TablePaginationData): void;
-            (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
+            (e: 'update:sort', value?: TableSortData<T>): void;
             (e: 'update:options', value: TableOptions<T>): void;
+            (e: 'update:group', value?: GroupKeys<T>): void;
+            (e: 'update:collapsed', value?: T[] | undefined): void;
+            (e: 'copy:group', value: GroupData<T>): void;
         };
     } | undefined;
 };

package/dist/components/tables/TableHead.vue.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Represents a sortable column name for a given type.
+ * The column name must be a key of the passed data object type.
+ * @template T - The type of the data in the column.
+ */
+export type TableRowKey<T> = keyof T;
+export interface BaseTableColumn<T> {
+    key: TableRowKey<T> | string;
+    sortable?: boolean;
+    direction?: 'asc' | 'desc';
+    align?: 'start' | 'center' | 'end';
+    class?: string;
+    cellClass?: string;
+    [key: string]: any;
+}
+/**
+ * Represents a sortable table column.
+ * This is used to ensure that when using sortable with a true value,
+ * the key matches to an actual property of the object passed.
+ *
+ * @template T - The type of data in the table column.
+ */
+export interface SortableTableColumn<T> extends BaseTableColumn<T> {
+    sortable: true;
+}
+/**
+ * An interface representing a column in a table that cannot be sorted.
+ * This can be mapped to an actual property of the object or to a virtual column.
+ *
+ * @typeparam T - The type of data in the table.
+ */
+export interface NoneSortableTableColumn<T> extends BaseTableColumn<T> {
+    sortable?: false;
+}
+export type TableColumn<T> = SortableTableColumn<T> | NoneSortableTableColumn<T>;
+export interface SortColumn<T> {
+    column?: TableRowKey<T>;
+    direction: 'asc' | 'desc';
+}
+export type TableSortData<T> = SortColumn<T> | SortColumn<T>[] | undefined;
+export type TableRowKeyData<T> = TableRowKey<T> | TableRowKey<T>[] | undefined;
+export interface GroupData<T> {
+    key: string;
+    value?: Partial<T>;
+}
+export type GroupKey<T> = TableColumn<T>['key'];
+export type GroupKeys<T> = GroupKey<T> | GroupKey<T>[] | undefined;
+export interface Props<T> {
+    loading?: boolean;
+    stickyHeader?: boolean;
+    stick?: boolean;
+    selectable?: boolean;
+    disableCheckAll?: boolean;
+    noData?: boolean;
+    colspan?: number;
+    columns: TableColumn<T>[];
+    capitalizeHeaders?: boolean;
+    isAllSelected?: boolean;
+    indeterminate?: boolean;
+    dense?: boolean;
+    sortedMap: Partial<Record<TableRowKey<T>, SortColumn<T>>>;
+    sortData?: TableSortData<T>;
+    columnAttr: keyof TableColumn<T>;
+    dataId?: string;
+}
+declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_props: Props<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: Props<T>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        column: TableColumn<T>;
+    }) => any>>;
+    emit: {
+        (e: 'select:all', value: boolean): void;
+        (e: 'sort', value: {
+            key: keyof T;
+            direction?: "desc" | "asc" | undefined;
+        }): void;
+    };
+}, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+    props: Props<T>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        column: TableColumn<T>;
+    }) => any>>;
+    emit: {
+        (e: 'select:all', value: boolean): void;
+        (e: 'sort', value: {
+            key: keyof T;
+            direction?: "desc" | "asc" | undefined;
+        }): void;
+    };
+}>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: Props<T>;
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: Partial<Record<string, (_: {
+            column: TableColumn<T>;
+        }) => any>>;
+        emit: {
+            (e: 'select:all', value: boolean): void;
+            (e: 'sort', value: {
+                key: keyof T;
+                direction?: "desc" | "asc" | undefined;
+            }): void;
+        };
+    } | undefined;
+};
+export default _default;

package/dist/composables/breakpoint.d.ts

@@ -0,0 +1 @@
+export declare const useBreakpoint: () => any;

package/dist/composables/defaults/table.d.ts

@@ -3,6 +3,7 @@ import { type MaybeRef } from '@vueuse/shared';
 export interface TableOptions {
     itemsPerPage: Ref<number>;
     globalItemsPerPage: MaybeRef<boolean>;
+    limits: MaybeRef<number[]>;
 }
 export declare const TableSymbol: InjectionKey<TableOptions>;
 export declare const createTableDefaults: (options?: Partial<TableOptions>) => TableOptions;

package/dist/composables/index.d.ts

@@ -1,2 +1,3 @@
 export { useIcons } from '../composables/icons';
 export { useRotkiTheme } from '../composables/theme';
+export { useBreakpoint } from '../composables/breakpoint';

package/dist/composables/index.es.js

@@ -1,10 +1,87 @@
-import { u as s, a } from "../index-W2poXQa4.js";
-import "../all-icons.es.js";
-import "@vueuse/core";
-import "vue";
-import "@vueuse/shared";
+import { u as A, a as $ } from "../theme-V5yenaDk.js";
+import { useWindowSize as m, breakpointsTailwind as d, useBreakpoints as w } from "@vueuse/core";
+import { computed as _ } from "vue";
+import { get as h } from "@vueuse/shared";
+import "../icons/icons_1.es.js";
+import "../icons/icons_2.es.js";
+import "../icons/icons_5.es.js";
 import "../colors-ikihApJv.js";
+const C = /\d/, g = ["-", "_", "/", "."];
+function E(e = "") {
+  if (!C.test(e))
+    return e !== e.toLowerCase();
+}
+function S(e, n) {
+  const o = n ?? g, r = [];
+  if (!e || typeof e != "string")
+    return r;
+  let t = "", i, p;
+  for (const c of e) {
+    const f = o.includes(c);
+    if (f === !0) {
+      r.push(t), t = "", i = void 0;
+      continue;
+    }
+    const a = E(c);
+    if (p === !1) {
+      if (i === !1 && a === !0) {
+        r.push(t), t = c, i = a;
+        continue;
+      }
+      if (i === !0 && a === !1 && t.length > 1) {
+        const s = t.at(-1);
+        r.push(t.slice(0, Math.max(0, t.length - 1))), t = s + c, i = a;
+        continue;
+      }
+    }
+    t += c, i = a, p = f;
+  }
+  return r.push(t), r;
+}
+function y(e) {
+  return e ? e[0].toUpperCase() + e.slice(1) : "";
+}
+function z(e) {
+  return e ? e[0].toLowerCase() + e.slice(1) : "";
+}
+function R(e, n) {
+  return e ? (Array.isArray(e) ? e : S(e)).map((o) => y(n != null && n.normalize ? o.toLowerCase() : o)).join("") : "";
+}
+function l(e, n) {
+  return z(R(e || "", n));
+}
+const B = () => {
+  const { width: e } = m(), n = {
+    xs: 0,
+    ...d
+  }, o = w(n), r = Object.keys, t = r(n), i = t.map(
+    (s, u) => [
+      s,
+      u < t.length - 1 ? o.between(s, t[u + 1]) : o[s]
+    ]
+  ), p = i.map(([s, u]) => [
+    l(`is_${s}`),
+    u
+  ]), c = t.map((s) => [
+    l(`is_${s}_and_up`),
+    o.greaterOrEqual(s)
+  ]), f = t.map((s) => [
+    l(`is_${s}_and_down`),
+    o.smaller(s)
+  ]), a = _(() => {
+    var s;
+    return ((s = i.find((u) => h(u[1]))) == null ? void 0 : s[0]) || "";
+  });
+  return {
+    ...Object.fromEntries(p),
+    ...Object.fromEntries(c),
+    ...Object.fromEntries(f),
+    width: e,
+    name: a
+  };
+};
 export {
-  s as useIcons,
-  a as useRotkiTheme
+  B as useBreakpoint,
+  A as useIcons,
+  $ as useRotkiTheme
 };

package/dist/composables/sticky-header.d.ts

@@ -2,7 +2,7 @@ import { type Ref } from 'vue';
 /**
  * Setup sticky table header
  */
-export declare const useStickyTableHeader: (offsetTop?: Ref<number>) => {
+export declare const useStickyTableHeader: (offsetTop?: Ref<number>, sticky?: Ref<boolean>) => {
     stick: Ref<boolean>;
     table: Ref<HTMLTableElement | null>;
     tableScroller: Ref<HTMLElement | null>;