@rotki/ui-library 2.8.1 → 2.8.3

package/dist/components/alerts/RuiAlert.vue3.js

@@ -0,0 +1,50 @@
+const alert = "_alert_1385h_315";
+const primary = "_primary_1385h_315";
+const icon = "_icon_1385h_318";
+const texts = "_texts_1385h_319";
+const action = "_action_1385h_320";
+const close = "_close_1385h_321";
+const outlined = "_outlined_1385h_321";
+const secondary = "_secondary_1385h_330";
+const error = "_error_1385h_345";
+const warning = "_warning_1385h_360";
+const filled = "_filled_1385h_375";
+const info = "_info_1385h_381";
+const success = "_success_1385h_402";
+const style0 = {
+  alert,
+  primary,
+  "default": "_default_1385h_315",
+  "bg-shade": "_bg-shade_1385h_1",
+  icon,
+  texts,
+  action,
+  close,
+  outlined,
+  "text-tint": "_text-tint_1385h_1",
+  secondary,
+  error,
+  warning,
+  filled,
+  info,
+  success,
+  "bg-tint": "_bg-tint_1385h_1",
+  "text-shade": "_text-shade_1385h_1"
+};
+export {
+  action,
+  alert,
+  close,
+  style0 as default,
+  error,
+  filled,
+  icon,
+  info,
+  outlined,
+  primary,
+  secondary,
+  success,
+  texts,
+  warning
+};
+//# sourceMappingURL=RuiAlert.vue3.js.map

package/dist/components/alerts/RuiAlert.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiAlert.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import type { ContextColorsType } from '../../../consts/colors';
+import type { ContextColorsType } from '../../../consts/colors.js';
 export interface Props<T = undefined> {
     disabled?: boolean;
     loading?: boolean;

package/dist/components/buttons/button/RuiButton.vue.js

@@ -0,0 +1,11 @@
+import _sfc_main from "./RuiButton.vue2.js";
+import style0 from "./RuiButton.vue3.js";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const cssModules = {
+  "$style": style0
+};
+const RuiButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  RuiButton as default
+};
+//# sourceMappingURL=RuiButton.vue.js.map

package/dist/components/buttons/button/RuiButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButton.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/buttons/button/RuiButton.vue2.js

@@ -0,0 +1,94 @@
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot, createCommentVNode, createElementBlock, normalizeClass } from "vue";
+import RuiProgress from "../../progress/RuiProgress.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiButton",
+    inheritAttrs: false
+  },
+  __name: "RuiButton",
+  props: {
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    color: { default: void 0 },
+    rounded: { type: Boolean, default: false },
+    elevation: { default: null },
+    variant: { default: "default" },
+    icon: { type: Boolean, default: false },
+    active: { type: Boolean, default: false },
+    size: { default: void 0 },
+    tag: { default: "button" },
+    type: { default: "button" },
+    modelValue: { default: void 0 },
+    hideFocusIndicator: { type: Boolean, default: false }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const btnValue = computed(() => props.modelValue);
+    const usedElevation = computed(() => {
+      if (props.disabled)
+        return 0;
+      if (props.elevation !== null)
+        return props.elevation;
+      if (props.variant === "fab")
+        return 6;
+      return 0;
+    });
+    const spinnerSize = computed(() => {
+      const size = props.size;
+      if (size === "lg")
+        return 26;
+      if (size === "sm")
+        return 18;
+      return 22;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
+        class: [
+          _ctx.$style.btn,
+          _ctx.$style[__props.color ?? "grey"],
+          _ctx.$style[__props.size ?? ""],
+          _ctx.$style[__props.variant ?? ""],
+          `shadow-${unref(usedElevation)}`,
+          {
+            [_ctx.$style.loading]: __props.loading,
+            [_ctx.$style._rounded]: __props.rounded,
+            [_ctx.$style.icon]: __props.icon,
+            [_ctx.$style.active]: __props.active,
+            [_ctx.$style.text]: __props.variant === "list",
+            [_ctx.$style.flat]: __props.hideFocusIndicator
+          }
+        ],
+        disabled: __props.disabled || __props.loading,
+        type: __props.tag === "button" ? __props.type : void 0
+      }, _ctx.$attrs, {
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("update:model-value", unref(btnValue)))
+      }), {
+        default: withCtx(() => [
+          _ctx.$slots.prepend ? renderSlot(_ctx.$slots, "prepend", { key: 0 }) : createCommentVNode("", true),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.label)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)) : createCommentVNode("", true),
+          _ctx.$slots.append ? renderSlot(_ctx.$slots, "append", { key: 2 }) : createCommentVNode("", true),
+          __props.loading ? (openBlock(), createBlock(RuiProgress, {
+            key: 3,
+            circular: "",
+            class: normalizeClass(_ctx.$style.spinner),
+            variant: "indeterminate",
+            thickness: "2",
+            size: unref(spinnerSize)
+          }, null, 8, ["class", "size"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["class", "disabled", "type"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiButton.vue2.js.map

package/dist/components/buttons/button/RuiButton.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButton.vue2.js","sources":["../../../../src/components/buttons/button/RuiButton.vue"],"sourcesContent":["<script lang=\"ts\" generic=\"T = undefined\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\n\nexport interface Props<T = undefined> {\n  disabled?: boolean;\n  loading?: boolean;\n  color?: ContextColorsType;\n  rounded?: boolean;\n  elevation?: number | string | null;\n  variant?: 'default' | 'outlined' | 'text' | 'fab' | 'list';\n  icon?: boolean;\n  active?: boolean;\n  size?: 'sm' | 'lg';\n  tag?: 'button' | 'a';\n  type?: 'button' | 'submit';\n  modelValue?: T;\n  hideFocusIndicator?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiButton',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n  disabled: false,\n  loading: false,\n  color: undefined,\n  rounded: false,\n  elevation: null,\n  variant: 'default',\n  icon: false,\n  active: false,\n  size: undefined,\n  tag: 'button',\n  type: 'button',\n  modelValue: undefined,\n  hideFocusIndicator: false,\n});\n\nconst emit = defineEmits<{\n  (e: 'update:model-value', value?: T): void;\n}>();\n\nconst btnValue = computed<T | undefined>(() => props.modelValue);\n\nconst usedElevation = computed<number | string>(() => {\n  if (props.disabled)\n    return 0;\n\n  if (props.elevation !== null)\n    return props.elevation;\n\n  if (props.variant === 'fab')\n    return 6;\n\n  return 0;\n});\n\nconst spinnerSize = computed<number>(() => {\n  const size = props.size;\n  if (size === 'lg')\n    return 26;\n\n  if (size === 'sm')\n    return 18;\n\n  return 22;\n});\n</script>\n\n<template>\n  <Component\n    :is=\"tag\"\n    :class=\"[\n      $style.btn,\n      $style[color ?? 'grey'],\n      $style[size ?? ''],\n      $style[variant ?? ''],\n      `shadow-${usedElevation}`,\n      {\n        [$style.loading]: loading,\n        [$style._rounded]: rounded,\n        [$style.icon]: icon,\n        [$style.active]: active,\n        [$style.text]: variant === 'list',\n        [$style.flat]: hideFocusIndicator,\n      },\n    ]\"\n    :disabled=\"disabled || loading\"\n    :type=\"tag === 'button' ? type : undefined\"\n    v-bind=\"$attrs\"\n    @click=\"emit('update:model-value', btnValue)\"\n  >\n    <slot\n      v-if=\"$slots.prepend\"\n      name=\"prepend\"\n    />\n    <span\n      v-if=\"$slots.default\"\n      :class=\"$style.label\"\n    >\n      <slot />\n    </span>\n    <slot\n      v-if=\"$slots.append\"\n      name=\"append\"\n    />\n    <RuiProgress\n      v-if=\"loading\"\n      circular\n      :class=\"$style.spinner\"\n      variant=\"indeterminate\"\n      thickness=\"2\"\n      :size=\"spinnerSize\"\n    />\n  </Component>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n@use 'sass:list';\n\n.btn {\n  @apply text-sm leading-[1.5rem] font-medium outline outline-1 outline-transparent outline-offset-[-1px] flex items-center justify-center gap-x-2 relative;\n  @apply px-4 py-1.5 rounded transition-all;\n  @apply disabled:bg-black/[.12] dark:disabled:bg-white/[.12] disabled:text-rui-text-disabled disabled:active:text-rui-text-disabled focus-visible:ring-2 #{!important};\n\n  .label {\n    @apply inline-block text-nowrap;\n  }\n\n  &.flat {\n    @apply focus-visible:ring-0 #{!important};\n  }\n\n  &._rounded {\n    @apply rounded-full;\n  }\n\n  &.sm {\n    @apply px-2.5 py-1 text-[.8125rem] leading-[1.375rem];\n  }\n\n  &.lg {\n    @apply px-6 py-2 text-base leading-[1.625rem];\n  }\n\n  @each $color in c.$context-colors {\n    &.#{$color} {\n      @apply bg-rui-#{$color} hover:bg-rui-#{$color}-darker active:bg-rui-#{$color}-darker/90 text-rui-dark-text ring-rui-#{$color}/40 dark:text-rui-text dark:ring-rui-#{$color}/60;\n\n      &.active {\n        @apply bg-rui-#{$color}-darker;\n      }\n\n      &.outlined,\n      &.text {\n        @apply bg-transparent hover:bg-rui-#{$color}-lighter/[.04] active:bg-rui-#{$color}-lighter/10 text-rui-#{$color};\n\n        &.active {\n          @apply bg-rui-#{$color}-lighter/30;\n        }\n      }\n\n      &.outlined {\n        @apply outline-rui-#{$color}/[0.5];\n      }\n\n      @if list.index((warning, success, info), $color) {\n        &.default {\n          @apply dark:text-rui-light-text;\n        }\n      }\n\n      @if list.index((primary, secondary), $color) {\n        &.outlined,\n        &.text {\n          &.active {\n            @apply dark:bg-rui-#{$color}-darker/60 dark:text-rui-#{$color}-lighter;\n          }\n        }\n      }\n    }\n  }\n\n  &.grey {\n    @apply bg-rui-grey-200 hover:bg-rui-grey-100 active:bg-rui-grey-50 text-rui-text ring-rui-grey-400;\n    @apply dark:bg-rui-grey-300 dark:text-rui-light-text dark:ring-rui-grey-600;\n\n    &.active {\n      @apply bg-rui-grey-50;\n    }\n\n    &.outlined,\n    &.text {\n      @apply bg-transparent hover:bg-black/[.04] active:bg-black/10;\n      @apply dark:active:bg-white/10 dark:hover:bg-white/[.04] dark:text-rui-text;\n\n      &.active {\n        @apply bg-black/10 dark:bg-white/30;\n      }\n    }\n\n    &.outlined {\n      @apply outline-rui-text;\n    }\n\n    &.text {\n      @apply text-rui-text-secondary;\n    }\n  }\n\n  &.outlined,\n  &.text {\n    @apply disabled:bg-transparent disabled:active:bg-transparent #{!important};\n  }\n\n  &.outlined {\n    @apply disabled:outline-rui-text-disabled;\n  }\n\n  &.text {\n    @apply px-2;\n\n    &.sm {\n      @apply px-1.5;\n    }\n\n    &.lg {\n      @apply px-2.5;\n    }\n  }\n\n  &.fab {\n    @apply rounded-full py-2;\n\n    &.lg {\n      @apply py-3;\n    }\n\n    &.sm {\n      @apply py-1.5 px-2;\n    }\n  }\n\n  &.list {\n    @apply p-3 rounded-none w-full justify-start text-left;\n\n    &.sm {\n      @apply px-3 py-1;\n    }\n\n    .label {\n      @apply w-full;\n    }\n  }\n\n  &.icon {\n    @apply rounded-full px-3 py-3;\n\n    &.lg {\n      @apply px-4 py-4;\n    }\n\n    &.sm {\n      @apply px-1 py-1;\n    }\n  }\n\n  &.fab.icon {\n    &.sm {\n      @apply px-2 py-2;\n    }\n  }\n\n  &.loading {\n    @apply space-x-0;\n\n    > *:not(.spinner) {\n      @apply opacity-0 invisible;\n    }\n  }\n\n  .spinner {\n    @apply absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;\n  }\n}\n</style>\n"],"names":["_createBlock","_resolveDynamicComponent","_mergeProps","$style","_unref","$attrs","$slots","_renderSlot","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAM,QAAQ;AAgBd,UAAM,OAAO;AAIb,UAAM,WAAW,SAAwB,MAAM,MAAM,UAAU;AAE/D,UAAM,gBAAgB,SAA0B,MAAM;AACpD,UAAI,MAAM;AACR,eAAO;AAET,UAAI,MAAM,cAAc;AACtB,eAAO,MAAM;AAEf,UAAI,MAAM,YAAY;AACpB,eAAO;AAET,aAAO;AAAA,IACT,CAAC;AAED,UAAM,cAAc,SAAiB,MAAM;AACzC,YAAM,OAAO,MAAM;AACnB,UAAI,SAAS;AACX,eAAO;AAET,UAAI,SAAS;AACX,eAAO;AAET,aAAO;AAAA,IACT,CAAC;;0BAICA,YA4CYC,wBA3CL,QAAA,GAAG,GADVC,WA4CY;AAAA,QA1CT,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA,UAAWA,KAAAA,OAAO,QAAA,SAAK,MAAA;AAAA,UAAmBA,KAAAA,OAAO,QAAA,QAAI,EAAA;AAAA,UAAeA,KAAAA,OAAO,QAAA,WAAO,EAAA;AAAA,oBAAyBC,MAAA,aAAA,CAAa;AAAA;aAAqBD,KAAAA,OAAO,OAAO,GAAG,QAAA;AAAA,aAAkBA,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,aAAkBA,KAAAA,OAAO,IAAI,GAAG,QAAA;AAAA,aAAeA,KAAAA,OAAO,MAAM,GAAG,QAAA;AAAA,aAAiBA,KAAAA,OAAO,IAAI,GAAG,QAAA,YAAO;AAAA,aAAsBA,KAAAA,OAAO,IAAI,GAAG,QAAA;AAAA,UAAA;AAAA;QAejW,UAAU,QAAA,YAAY,QAAA;AAAA,QACtB,MAAM,QAAA,QAAG,WAAgB,QAAA,OAAO;AAAA,MAAA,GACzBE,KAAAA,QAAM;AAAA,QACb,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,sBAAuBD,MAAA,QAAA,CAAQ;AAAA,MAAA;yBAE3C,MAGE;AAAA,UAFME,KAAAA,OAAO,UADfC,WAGE,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;UAEMD,KAAAA,OAAO,wBADfE,mBAKO,QAAA;AAAA;YAHJ,OAAKC,eAAEN,KAAAA,OAAO,KAAK;AAAA,UAAA;YAEpBI,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;UAGFD,KAAAA,OAAO,SADfC,WAGE,KAAA,QAAA,UAAA,EAAA,KAAA,EAAA,CAAA;UAEM,QAAA,wBADRP,YAOE,aAAA;AAAA;YALA,UAAA;AAAA,YACC,OAAKS,eAAEN,KAAAA,OAAO,OAAO;AAAA,YACtB,SAAQ;AAAA,YACR,WAAU;AAAA,YACT,MAAMC,MAAA,WAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/buttons/button/RuiButton.vue3.js

@@ -0,0 +1,74 @@
+const btn = "_btn_g8to9_315";
+const label = "_label_g8to9_320";
+const flat = "_flat_g8to9_323";
+const _rounded = "__rounded_g8to9_326";
+const sm = "_sm_g8to9_329";
+const lg = "_lg_g8to9_332";
+const primary = "_primary_g8to9_335";
+const active = "_active_g8to9_338";
+const outlined = "_outlined_g8to9_341";
+const text = "_text_g8to9_341";
+const secondary = "_secondary_g8to9_353";
+const error = "_error_g8to9_371";
+const warning = "_warning_g8to9_386";
+const info = "_info_g8to9_404";
+const success = "_success_g8to9_422";
+const grey = "_grey_g8to9_440";
+const fab = "_fab_g8to9_475";
+const list = "_list_g8to9_484";
+const icon = "_icon_g8to9_493";
+const loading = "_loading_g8to9_505";
+const spinner = "_spinner_g8to9_508";
+const style0 = {
+  btn,
+  label,
+  flat,
+  _rounded,
+  sm,
+  lg,
+  primary,
+  active,
+  outlined,
+  text,
+  secondary,
+  error,
+  warning,
+  "default": "_default_g8to9_401",
+  info,
+  success,
+  grey,
+  fab,
+  list,
+  icon,
+  loading,
+  spinner,
+  "bg-tint": "_bg-tint_g8to9_1",
+  "bg-shade": "_bg-shade_g8to9_1",
+  "text-tint": "_text-tint_g8to9_1",
+  "text-shade": "_text-shade_g8to9_1"
+};
+export {
+  _rounded,
+  active,
+  btn,
+  style0 as default,
+  error,
+  fab,
+  flat,
+  grey,
+  icon,
+  info,
+  label,
+  lg,
+  list,
+  loading,
+  outlined,
+  primary,
+  secondary,
+  sm,
+  spinner,
+  success,
+  text,
+  warning
+};
+//# sourceMappingURL=RuiButton.vue3.js.map

package/dist/components/buttons/button/RuiButton.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButton.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import type { ContextColorsType } from '../../../consts/colors';
+import type { ContextColorsType } from '../../../consts/colors.js';
 export interface Props<T = undefined> {
     vertical?: boolean;
     color?: ContextColorsType;

package/dist/components/buttons/button-group/RuiButtonGroup.vue.js

@@ -0,0 +1,11 @@
+import _sfc_main from "./RuiButtonGroup.vue2.js";
+import style0 from "./RuiButtonGroup.vue3.js";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const cssModules = {
+  "$style": style0
+};
+const RuiButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  RuiButtonGroup as default
+};
+//# sourceMappingURL=RuiButtonGroup.vue.js.map

package/dist/components/buttons/button-group/RuiButtonGroup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButtonGroup.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/buttons/button-group/RuiButtonGroup.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent, useSlots, toRefs, computed, useCssModule, createElementBlock, openBlock, mergeProps, unref, Fragment, renderList, createBlock, resolveDynamicComponent, normalizeClass, isVNode } from "vue";
+import { get } from "@vueuse/shared";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiButtonGroup",
+    inheritAttrs: false
+  },
+  __name: "RuiButtonGroup",
+  props: {
+    vertical: { type: Boolean, default: false },
+    color: { default: void 0 },
+    activeColor: { default: void 0 },
+    variant: { default: "default" },
+    size: { default: void 0 },
+    gap: { default: void 0 },
+    required: { type: Boolean, default: false },
+    modelValue: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const { modelValue, required, disabled, color, variant, size } = toRefs(props);
+    function getChildren(children2) {
+      return children2.flatMap((item) => {
+        if (item.type === Fragment && Array.isArray(item.children) && item.children.length > 0)
+          return getChildren(item.children.filter(isVNode));
+        return [item];
+      }).flat();
+    }
+    const children = computed(() => {
+      const isDisabled = get(disabled);
+      const rootColor = get(color);
+      const selectedValue = get(modelValue);
+      const slotContent = slots.default?.() ?? [];
+      const children2 = getChildren(slotContent);
+      return children2.map((child, i) => {
+        const value = child.props?.["model-value"];
+        child.props = {
+          ...child.props,
+          active: activeItem(value ?? i, selectedValue)
+        };
+        if (isDisabled)
+          child.props.disabled = true;
+        if (rootColor)
+          child.props.color = rootColor;
+        if (child.props.active && props.activeColor)
+          child.props.color = props.activeColor;
+        return child;
+      });
+    });
+    function activeItem(id, selected) {
+      if (Array.isArray(selected))
+        return selected.includes(id);
+      return selected === id;
+    }
+    function onClick(id) {
+      const selected = get(modelValue);
+      const mandatory = get(required);
+      if (Array.isArray(selected)) {
+        const index = selected.indexOf(id);
+        if (index >= 0) {
+          if (!mandatory || selected.length !== 1)
+            selected.splice(index, 1);
+        } else {
+          selected.push(id);
+        }
+        emit("update:modelValue", selected);
+      } else if (mandatory) {
+        emit("update:modelValue", id);
+      } else {
+        emit("update:modelValue", activeItem(id, selected) ? void 0 : id);
+      }
+    }
+    const css = useCssModule();
+    const colorClass = computed(() => props.color ? css[props.color] : void 0);
+    const variantClass = computed(
+      () => props.variant ? css[props.variant] : void 0
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [
+          unref(css).wrapper,
+          unref(colorClass),
+          unref(variantClass),
+          {
+            [unref(css).wrapper__vertical ?? ""]: __props.vertical,
+            [unref(css).wrapper__horizontal ?? ""]: !__props.vertical,
+            [unref(css).separated ?? ""]: !!__props.gap,
+            [unref(css)[`separated__${__props.gap}`] ?? ""]: !!__props.gap
+          }
+        ]
+      }, _ctx.$attrs), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
+          return openBlock(), createBlock(resolveDynamicComponent(child), {
+            key: i,
+            class: normalizeClass(unref(css).button),
+            size: unref(size),
+            variant: unref(variant),
+            "onUpdate:modelValue": ($event) => onClick($event ?? i)
+          }, null, 8, ["class", "size", "variant", "onUpdate:modelValue"]);
+        }), 128))
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiButtonGroup.vue2.js.map

package/dist/components/buttons/button-group/RuiButtonGroup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButtonGroup.vue2.js","sources":["../../../../src/components/buttons/button-group/RuiButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\" generic=\"T = undefined\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { Fragment, isVNode } from 'vue';\n\nexport interface Props<T = undefined> {\n  vertical?: boolean;\n  color?: ContextColorsType;\n  activeColor?: ContextColorsType;\n  variant?: 'default' | 'outlined' | 'text';\n  size?: 'sm' | 'lg';\n  gap?: 'sm' | 'md' | 'lg';\n  required?: boolean;\n  modelValue?: T | T[];\n  disabled?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiButtonGroup',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n  vertical: false,\n  color: undefined,\n  activeColor: undefined,\n  variant: 'default',\n  size: undefined,\n  gap: undefined,\n  required: false,\n  modelValue: undefined,\n  disabled: false,\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', modelValue?: T | T[]): void;\n}>();\n\nconst slots = useSlots();\nconst { modelValue, required, disabled, color, variant, size } = toRefs(props);\n\n// When using dynamic content with v-for the slot content can contain fragment,\n// Go through the fragment and always return RuiButton only\nfunction getChildren(children: VNode[]): VNode[] {\n  return children.flatMap((item) => {\n    if (item.type === Fragment && Array.isArray(item.children) && item.children.length > 0)\n      return getChildren(item.children.filter(isVNode));\n\n    return [item];\n  }).flat();\n}\n\nconst children = computed(() => {\n  // if group is disabled, disable child buttons\n  const isDisabled = get(disabled);\n  const rootColor = get(color);\n  const selectedValue: T | T[] | undefined = get(modelValue);\n\n  const slotContent = slots.default?.() ?? [];\n\n  // When using dynamic content with v-for the slot content is a single fragment\n  // containing the children components.\n  const children = getChildren(slotContent);\n\n  return children.map((child, i) => {\n    // child props are in kebab-case it seems\n    const value = child.props?.['model-value'];\n\n    child.props = {\n      ...child.props,\n      active: activeItem(value ?? i, selectedValue),\n    };\n\n    if (isDisabled)\n      child.props.disabled = true;\n\n    // if given root color, use it\n    if (rootColor)\n      child.props.color = rootColor;\n\n    if (child.props.active && props.activeColor)\n      child.props.color = props.activeColor;\n\n    return child;\n  });\n});\n\nfunction activeItem(id: T, selected?: T | T[]) {\n  if (Array.isArray(selected))\n    return selected.includes(id);\n\n  return selected === id;\n}\n\nfunction onClick(id: T) {\n  const selected = get(modelValue);\n  const mandatory = get(required);\n  if (Array.isArray(selected)) {\n    const index = selected.indexOf(id);\n    if (index >= 0) {\n      if (!mandatory || selected.length !== 1)\n        selected.splice(index, 1);\n    }\n    else {\n      selected.push(id);\n    }\n    emit('update:modelValue', selected);\n  }\n  else if (mandatory) {\n    emit('update:modelValue', id);\n  }\n  else {\n    emit('update:modelValue', activeItem(id, selected) ? undefined : id);\n  }\n}\n\nconst css = useCssModule();\nconst colorClass = computed(() => (props.color ? css[props.color] : undefined));\nconst variantClass = computed(() =>\n  props.variant ? css[props.variant] : undefined,\n);\n</script>\n\n<template>\n  <div\n    :class=\"[\n      css.wrapper,\n      colorClass,\n      variantClass,\n      {\n        [css.wrapper__vertical ?? '']: vertical,\n        [css.wrapper__horizontal ?? '']: !vertical,\n        [css.separated ?? '']: !!gap,\n        [css[`separated__${gap}`] ?? '']: !!gap,\n      },\n    ]\"\n    v-bind=\"$attrs\"\n  >\n    <Component\n      :is=\"child\"\n      v-for=\"(child, i) in children\"\n      :key=\"i\"\n      :class=\"css.button\"\n      :size=\"size\"\n      :variant=\"variant\"\n      @update:model-value=\"onClick($event ?? i)\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n.wrapper {\n  @apply inline-flex rounded divide-x divide-rui-grey-400;\n  @apply outline outline-1 outline-transparent outline-offset-[-1px];\n\n  &:not(.separated) {\n    .button {\n      @apply rounded-none;\n    }\n  }\n\n  &__vertical {\n    @apply inline-flex flex-col items-start divide-x-0 divide-y;\n\n    .button {\n      @apply w-full;\n    }\n\n    &:not(.separated) .button {\n      &:first-child {\n        @apply rounded-t;\n      }\n\n      &:last-child {\n        @apply rounded-b;\n      }\n    }\n  }\n\n  &__horizontal {\n    &:not(.separated) .button {\n      &:first-child {\n        @apply rounded-l;\n      }\n\n      &:last-child {\n        @apply rounded-r;\n      }\n    }\n  }\n\n  &.separated {\n    @apply divide-x-0 divide-y-0 outline-0;\n    &__sm {\n      @apply gap-2;\n    }\n\n    &__md {\n      @apply gap-4;\n    }\n\n    &__lg {\n      @apply gap-6;\n    }\n\n    .button {\n      @apply outline-1;\n    }\n  }\n\n  .button {\n    @apply border-0 outline-0;\n\n    &:focus {\n      @apply z-[1];\n    }\n  }\n\n  @each $color in c.$context-colors {\n    &.#{$color} {\n      @apply divide-rui-#{$color}-darker;\n\n      &.outlined,\n      &.text {\n        @apply divide-rui-#{$color}/[0.5];\n      }\n\n      &.outlined {\n        @apply outline-rui-#{$color}/[0.5];\n      }\n    }\n  }\n\n  &.outlined {\n    @apply outline-rui-text divide-rui-text;\n  }\n}\n</style>\n"],"names":["children","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_normalizeClass"],"mappings":"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"}

package/dist/components/buttons/button-group/RuiButtonGroup.vue3.js

@@ -0,0 +1,58 @@
+const wrapper = "_wrapper_aat8m_315";
+const separated = "_separated_aat8m_319";
+const button = "_button_aat8m_319";
+const wrapper__vertical = "_wrapper__vertical_aat8m_322";
+const wrapper__horizontal = "_wrapper__horizontal_aat8m_334";
+const separated__sm = "_separated__sm_aat8m_343";
+const separated__md = "_separated__md_aat8m_346";
+const separated__lg = "_separated__lg_aat8m_349";
+const primary = "_primary_aat8m_361";
+const outlined = "_outlined_aat8m_364";
+const text = "_text_aat8m_364";
+const secondary = "_secondary_aat8m_370";
+const error = "_error_aat8m_379";
+const warning = "_warning_aat8m_388";
+const info = "_info_aat8m_397";
+const success = "_success_aat8m_406";
+const style0 = {
+  wrapper,
+  separated,
+  button,
+  wrapper__vertical,
+  wrapper__horizontal,
+  separated__sm,
+  separated__md,
+  separated__lg,
+  primary,
+  outlined,
+  text,
+  secondary,
+  error,
+  warning,
+  info,
+  success,
+  "bg-tint": "_bg-tint_aat8m_1",
+  "bg-shade": "_bg-shade_aat8m_1",
+  "text-tint": "_text-tint_aat8m_1",
+  "text-shade": "_text-shade_aat8m_1"
+};
+export {
+  button,
+  style0 as default,
+  error,
+  info,
+  outlined,
+  primary,
+  secondary,
+  separated,
+  separated__lg,
+  separated__md,
+  separated__sm,
+  success,
+  text,
+  warning,
+  wrapper,
+  wrapper__horizontal,
+  wrapper__vertical
+};
+//# sourceMappingURL=RuiButtonGroup.vue3.js.map

package/dist/components/buttons/button-group/RuiButtonGroup.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiButtonGroup.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/calendar/RuiCalendar.vue.js

@@ -0,0 +1,128 @@
+import { defineComponent, mergeModels, useModel, ref, computed, provide, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode } from "vue";
+import { isDefined, get, set } from "@vueuse/core";
+import { CalendarStateSymbol } from "./state.js";
+import { useRotkiTheme } from "../../composables/theme.js";
+import RuiCalendarGrid from "./RuiCalendarGrid.vue.js";
+import RuiCalendarHeader from "./RuiCalendarHeader.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiCalendar",
+    inheritAttrs: false
+  },
+  __name: "RuiCalendar",
+  props: /* @__PURE__ */ mergeModels({
+    maxDate: { default: void 0 },
+    minDate: { default: void 0 },
+    allowEmpty: { type: Boolean, default: false },
+    borderless: { type: Boolean, default: false }
+  }, {
+    "modelValue": { required: false },
+    "modelModifiers": {},
+    "menu-open": { type: Boolean, ...{ required: false, default: false } },
+    "menu-openModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:pages"], ["update:modelValue", "update:menu-open"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const model = useModel(__props, "modelValue");
+    const isMenuOpen = useModel(__props, "menu-open");
+    const props = __props;
+    const emit = __emit;
+    const currentDate = ref(isDefined(model) ? new Date(get(model)) : /* @__PURE__ */ new Date());
+    const selectedDate = ref(isDefined(model) ? new Date(get(model)) : void 0);
+    const viewMonth = ref(get(currentDate).getMonth());
+    const viewYear = ref(get(currentDate).getFullYear());
+    const { isDark } = useRotkiTheme();
+    const monthTitle = computed(() => {
+      const date = new Date(get(viewYear), get(viewMonth));
+      return date.toLocaleString("default", { month: "long", year: "numeric" });
+    });
+    provide(CalendarStateSymbol.valueOf(), {
+      viewMonth,
+      viewYear,
+      selectedDate,
+      maxDate: computed(() => props.maxDate ? new Date(props.maxDate) : void 0),
+      minDate: computed(() => props.minDate ? new Date(props.minDate) : void 0),
+      isDark,
+      allowEmpty: props.allowEmpty
+    });
+    function moveMonth(delta) {
+      let newMonth = get(viewMonth) + delta;
+      let newYear = get(viewYear);
+      if (newMonth > 11) {
+        newMonth = 0;
+        newYear++;
+      } else if (newMonth < 0) {
+        newMonth = 11;
+        newYear--;
+      }
+      set(viewMonth, newMonth);
+      set(viewYear, newYear);
+      emit("update:pages", [{ title: get(monthTitle) }]);
+    }
+    function move(date) {
+      const newDate = new Date(date);
+      set(viewMonth, newDate.getMonth());
+      set(viewYear, newDate.getFullYear());
+    }
+    function selectMonth(selection) {
+      set(viewMonth, selection.month);
+      set(viewYear, selection.year);
+    }
+    watch([selectedDate], ([date]) => {
+      if (!date && !props.allowEmpty)
+        return;
+      if (date) {
+        set(model, new Date(date));
+        if (get(viewMonth) !== date.getMonth()) {
+          set(viewMonth, date.getMonth());
+        }
+        if (get(viewYear) !== date.getFullYear()) {
+          set(viewYear, date.getFullYear());
+        }
+      } else {
+        set(model, void 0);
+      }
+    });
+    watch(model, (newValue) => {
+      if (newValue === void 0) {
+        set(selectedDate, void 0);
+        return;
+      }
+      const date = new Date(newValue);
+      if (isDefined(selectedDate) && get(selectedDate).getTime() !== date.getTime()) {
+        set(selectedDate, new Date(newValue));
+        set(viewMonth, date.getMonth());
+        set(viewYear, date.getFullYear());
+      }
+    });
+    __expose({
+      move
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["rui-calendar", { dark: unref(isDark), bordered: !__props.borderless }])
+      }, [
+        createVNode(RuiCalendarHeader, {
+          "menu-open": isMenuOpen.value,
+          "onUpdate:menuOpen": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event),
+          title: monthTitle.value,
+          "view-month": viewMonth.value,
+          "view-year": viewYear.value,
+          onPrevMonth: _cache[1] || (_cache[1] = ($event) => moveMonth(-1)),
+          onNextMonth: _cache[2] || (_cache[2] = ($event) => moveMonth(1)),
+          onSelectMonth: _cache[3] || (_cache[3] = ($event) => selectMonth($event))
+        }, null, 8, ["menu-open", "title", "view-month", "view-year"]),
+        createVNode(RuiCalendarGrid, {
+          modelValue: selectedDate.value,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => selectedDate.value = $event),
+          "view-month": viewMonth.value,
+          "view-year": viewYear.value
+        }, null, 8, ["modelValue", "view-month", "view-year"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiCalendar.vue.js.map

package/dist/components/calendar/RuiCalendar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCalendar.vue.js","sources":["../../../src/components/calendar/RuiCalendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { get, isDefined, set } from '@vueuse/core';\nimport { computed, provide, ref, watch } from 'vue';\nimport {\n  CalendarStateSymbol,\n  type MonthYearSelection,\n  type RuiCalendarState,\n} from '@/components/calendar/state';\nimport { useRotkiTheme } from '@/composables/theme';\nimport RuiCalendarGrid from './RuiCalendarGrid.vue';\nimport RuiCalendarHeader from './RuiCalendarHeader.vue';\n\nexport interface CalendarProps {\n  maxDate?: Date | number;\n  minDate?: Date | number;\n  allowEmpty?: boolean;\n  borderless?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiCalendar',\n  inheritAttrs: false,\n});\n\nconst model = defineModel<Date | undefined>({ required: false });\nconst isMenuOpen = defineModel<boolean>('menu-open', { required: false, default: false });\n\nconst props = withDefaults(defineProps<CalendarProps>(), {\n  maxDate: undefined,\n  minDate: undefined,\n  allowEmpty: false,\n  borderless: false,\n});\n\nconst emit = defineEmits<{\n  'update:pages': [{ title: string }[]];\n}>();\n\nconst currentDate = ref(isDefined(model) ? new Date(get(model)) : new Date());\nconst selectedDate = ref(isDefined(model) ? new Date(get(model)) : undefined);\nconst viewMonth = ref(get(currentDate).getMonth());\nconst viewYear = ref(get(currentDate).getFullYear());\n\nconst { isDark } = useRotkiTheme();\n\nconst monthTitle = computed<string>(() => {\n  const date = new Date(get(viewYear), get(viewMonth));\n  return date.toLocaleString('default', { month: 'long', year: 'numeric' });\n});\n\nprovide(CalendarStateSymbol.valueOf(), {\n  viewMonth,\n  viewYear,\n  selectedDate,\n  maxDate: computed(() => props.maxDate ? new Date(props.maxDate) : undefined),\n  minDate: computed(() => props.minDate ? new Date(props.minDate) : undefined),\n  isDark,\n  allowEmpty: props.allowEmpty,\n} satisfies RuiCalendarState);\n\nfunction moveMonth(delta: number) {\n  let newMonth = get(viewMonth) + delta;\n  let newYear = get(viewYear);\n\n  if (newMonth > 11) {\n    newMonth = 0;\n    newYear++;\n  }\n  else if (newMonth < 0) {\n    newMonth = 11;\n    newYear--;\n  }\n\n  set(viewMonth, newMonth);\n  set(viewYear, newYear);\n\n  emit('update:pages', [{ title: get(monthTitle) }]);\n}\n\nfunction move(date: Date | number) {\n  const newDate = new Date(date);\n  set(viewMonth, newDate.getMonth());\n  set(viewYear, newDate.getFullYear());\n}\n\nfunction selectMonth(selection: MonthYearSelection) {\n  set(viewMonth, selection.month);\n  set(viewYear, selection.year);\n}\n\nwatch([selectedDate], ([date]) => {\n  if (!date && !props.allowEmpty)\n    return;\n\n  if (date) {\n    set(model, new Date(date));\n\n    if (get(viewMonth) !== date.getMonth()) {\n      set(viewMonth, date.getMonth());\n    }\n\n    if (get(viewYear) !== date.getFullYear()) {\n      set(viewYear, date.getFullYear());\n    }\n  }\n  else {\n    set(model, undefined);\n  }\n});\n\nwatch(model, (newValue) => {\n  if (newValue === undefined) {\n    set(selectedDate, undefined);\n    return;\n  }\n\n  const date = new Date(newValue);\n\n  if (isDefined(selectedDate) && get(selectedDate).getTime() !== date.getTime()) {\n    set(selectedDate, new Date(newValue));\n    set(viewMonth, date.getMonth());\n    set(viewYear, date.getFullYear());\n  }\n});\n\ndefineExpose({\n  move,\n});\n</script>\n\n<template>\n  <div\n    class=\"rui-calendar\"\n    :class=\"{ dark: isDark, bordered: !borderless }\"\n  >\n    <RuiCalendarHeader\n      v-model:menu-open=\"isMenuOpen\"\n      :title=\"monthTitle\"\n      :view-month=\"viewMonth\"\n      :view-year=\"viewYear\"\n      @prev-month=\"moveMonth(-1)\"\n      @next-month=\"moveMonth(1)\"\n      @select-month=\"selectMonth($event)\"\n    />\n\n    <RuiCalendarGrid\n      v-model=\"selectedDate\"\n      :view-month=\"viewMonth\"\n      :view-year=\"viewYear\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.rui-calendar {\n  @apply w-[18.75rem] bg-white overflow-hidden;\n\n  &.bordered {\n    @apply rounded-md shadow-sm border border-rui-grey-200;\n  }\n\n  &.dark {\n    @apply bg-rui-grey-900;\n\n    &.bordered {\n      @apply border-rui-grey-800;\n    }\n  }\n}\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_unref","_createVNode"],"mappings":"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"}

package/dist/components/calendar/RuiCalendar.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./RuiCalendar.vue.js";
+/* empty css                 */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiCalendar.vue3.js.map

package/dist/components/calendar/RuiCalendar.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCalendar.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/calendar/RuiCalendarGrid.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./RuiCalendarGrid.vue2.js";
+/* empty css                     */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const RuiCalendarGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab59dec2"]]);
+export {
+  RuiCalendarGrid as default
+};
+//# sourceMappingURL=RuiCalendarGrid.vue.js.map

package/dist/components/calendar/RuiCalendarGrid.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCalendarGrid.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}