@rotki/ui-library 2.15.0 → 2.16.0

package/dist/components/steppers/RuiStepper.vue2.js

@@ -1,133 +0,0 @@
-import { defineComponent, useTemplateRef, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, Fragment, renderList, unref, createCommentVNode, createElementVNode, renderSlot, mergeProps, createBlock, toDisplayString } from "vue";
-import RuiProgress from "../progress/RuiProgress.vue.js";
-import RuiStepperCustomIcon from "./RuiStepperCustomIcon.vue.js";
-import RuiStepperIcon from "./RuiStepperIcon.vue.js";
-import { StepperOrientation, StepperState } from "../../types/stepper.js";
-import { get } from "@vueuse/shared";
-const _hoisted_1 = ["aria-current"];
-const _hoisted_2 = { class: "relative flex py-2" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiStepper"
-  },
-  __name: "RuiStepper",
-  props: {
-    step: {},
-    steps: {},
-    iconTop: { type: Boolean, default: false },
-    custom: { type: Boolean, default: false },
-    titleClass: { default: "" },
-    subtitleClass: { default: "" },
-    orientation: { default: () => StepperOrientation.horizontal },
-    keepActiveVisible: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const wrapperRef = useTemplateRef("wrapperRef");
-    const renderedStep = computed(() => {
-      if (__props.step === void 0)
-        return __props.steps;
-      return __props.steps.map((text, index) => {
-        let stepStatus = StepperState.inactive;
-        if (index + 1 === __props.step)
-          stepStatus = StepperState.active;
-        if (index + 1 < __props.step)
-          stepStatus = StepperState.done;
-        return {
-          ...text,
-          state: stepStatus
-        };
-      });
-    });
-    watch(
-      () => __props.step,
-      () => {
-        if (!__props.keepActiveVisible || __props.orientation !== StepperOrientation.horizontal) {
-          return;
-        }
-        nextTick(() => {
-          const elem = get(wrapperRef);
-          if (elem) {
-            const activeStep = elem.querySelector(".active-step");
-            activeStep?.scrollIntoView?.({
-              behavior: "smooth",
-              inline: "center"
-            });
-          }
-        });
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "wrapperRef",
-        ref: wrapperRef,
-        role: "list",
-        "aria-label": "Progress steps",
-        class: normalizeClass([[
-          _ctx.$style.stepper,
-          _ctx.$style[__props.orientation ?? ""],
-          { [_ctx.$style["icon-top"]]: __props.iconTop, [_ctx.$style.custom]: __props.custom }
-        ], "no-scrollbar overflow-auto"])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(renderedStep), ({ title, description, state, loading }, index) => {
-          return openBlock(), createElementBlock(Fragment, { key: index }, [
-            index > 0 ? (openBlock(), createElementBlock("hr", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.divider)
-            }, null, 2)) : createCommentVNode("", true),
-            createElementVNode("div", {
-              role: "listitem",
-              "aria-current": state === unref(StepperState).active ? "step" : void 0,
-              class: normalizeClass([
-                _ctx.$style.step,
-                _ctx.$style[state ?? unref(StepperState).inactive],
-                {
-                  "active-step": state === unref(StepperState).active
-                }
-              ])
-            }, [
-              renderSlot(_ctx.$slots, "icon", mergeProps({ ref_for: true }, { state, index: index + 1 }), () => [
-                createElementVNode("div", _hoisted_2, [
-                  __props.custom ? (openBlock(), createBlock(RuiStepperCustomIcon, {
-                    key: 0,
-                    index: index + 1,
-                    state
-                  }, null, 8, ["index", "state"])) : (openBlock(), createBlock(RuiStepperIcon, {
-                    key: 1,
-                    index: index + 1,
-                    state
-                  }, null, 8, ["index", "state"])),
-                  loading ? (openBlock(), createBlock(RuiProgress, {
-                    key: 2,
-                    class: "absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2",
-                    size: "32",
-                    variant: "indeterminate",
-                    circular: "",
-                    thickness: "2",
-                    color: "primary"
-                  })) : createCommentVNode("", true)
-                ])
-              ]),
-              title || description ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(_ctx.$style.label)
-              }, [
-                title ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  class: normalizeClass([[_ctx.$style.title, { [__props.titleClass]: __props.custom }], "text-subtitle-2"])
-                }, toDisplayString(title), 3)) : createCommentVNode("", true),
-                description ? (openBlock(), createElementBlock("span", {
-                  key: 1,
-                  class: normalizeClass([[_ctx.$style.subtitle, { [__props.subtitleClass]: __props.custom }], "text-caption"])
-                }, toDisplayString(description), 3)) : createCommentVNode("", true)
-              ], 2)) : createCommentVNode("", true)
-            ], 10, _hoisted_1)
-          ], 64);
-        }), 128))
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiStepper.vue2.js.map

package/dist/components/steppers/RuiStepper.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiStepper.vue2.js","sources":["../../../src/components/steppers/RuiStepper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport RuiStepperCustomIcon from '@/components/steppers/RuiStepperCustomIcon.vue';\nimport RuiStepperIcon from '@/components/steppers/RuiStepperIcon.vue';\nimport { StepperOrientation, StepperState, type StepperStep } from '@/types/stepper';\n\nexport interface Props {\n  step?: number;\n  steps: StepperStep[];\n  iconTop?: boolean;\n  custom?: boolean;\n  titleClass?: string;\n  subtitleClass?: string;\n  orientation?: StepperOrientation;\n  keepActiveVisible?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiStepper',\n});\n\nconst {\n  step,\n  steps,\n  iconTop = false,\n  custom = false,\n  titleClass = '',\n  subtitleClass = '',\n  orientation = StepperOrientation.horizontal,\n  keepActiveVisible = true,\n} = defineProps<Props>();\n\ndefineSlots<{\n  icon?: (props: { state: StepperState | undefined; index: number }) => any;\n}>();\n\nconst wrapperRef = useTemplateRef<HTMLDivElement>('wrapperRef');\n\n// automatically set step state to stepper.\nconst renderedStep = computed<StepperStep[]>(() => {\n  if (step === undefined)\n    return steps;\n\n  return steps.map((text, index) => {\n    let stepStatus: StepperState = StepperState.inactive;\n\n    if (index + 1 === step)\n      stepStatus = StepperState.active;\n\n    if (index + 1 < step)\n      stepStatus = StepperState.done;\n\n    return {\n      ...text,\n      state: stepStatus,\n    };\n  });\n});\n\nwatch(\n  () => step,\n  () => {\n    if (!keepActiveVisible || orientation !== StepperOrientation.horizontal) {\n      return;\n    }\n\n    nextTick(() => {\n      const elem = get(wrapperRef);\n      if (elem) {\n        const activeStep = elem.querySelector('.active-step');\n        activeStep?.scrollIntoView?.({\n          behavior: 'smooth',\n          inline: 'center',\n        });\n      }\n    });\n  },\n);\n</script>\n\n<template>\n  <div\n    ref=\"wrapperRef\"\n    role=\"list\"\n    aria-label=\"Progress steps\"\n    :class=\"[\n      $style.stepper,\n      $style[orientation ?? ''],\n      { [$style['icon-top']]: iconTop, [$style.custom]: custom },\n    ]\"\n    class=\"no-scrollbar overflow-auto\"\n  >\n    <template\n      v-for=\"({ title, description, state, loading }, index) in renderedStep\"\n      :key=\"index\"\n    >\n      <hr\n        v-if=\"index > 0\"\n        :class=\"$style.divider\"\n      />\n      <div\n        role=\"listitem\"\n        :aria-current=\"state === StepperState.active ? 'step' : undefined\"\n        :class=\"[\n          $style.step,\n          $style[state ?? StepperState.inactive],\n          {\n            'active-step': state === StepperState.active,\n          },\n        ]\"\n      >\n        <slot\n          name=\"icon\"\n          v-bind=\"{ state, index: index + 1 }\"\n        >\n          <div class=\"relative flex py-2\">\n            <RuiStepperCustomIcon\n              v-if=\"custom\"\n              :index=\"index + 1\"\n              :state=\"state\"\n            />\n            <RuiStepperIcon\n              v-else\n              :index=\"index + 1\"\n              :state=\"state\"\n            />\n            <RuiProgress\n              v-if=\"loading\"\n              class=\"absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2\"\n              size=\"32\"\n              variant=\"indeterminate\"\n              circular\n              thickness=\"2\"\n              color=\"primary\"\n            />\n          </div>\n        </slot>\n        <div\n          v-if=\"title || description\"\n          :class=\"$style.label\"\n        >\n          <span\n            v-if=\"title\"\n            :class=\"[$style.title, { [titleClass]: custom }]\"\n            class=\"text-subtitle-2\"\n          >\n            {{ title }}\n          </span>\n          <span\n            v-if=\"description\"\n            :class=\"[$style.subtitle, { [subtitleClass]: custom }]\"\n            class=\"text-caption\"\n          >\n            {{ description }}\n          </span>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n$colors: 'error', 'warning', 'info', 'success';\n.stepper {\n  @apply flex;\n\n  &.horizontal {\n    @apply whitespace-nowrap lg:whitespace-normal;\n  }\n\n  &.vertical {\n    @apply flex-col inline-flex;\n\n    .step {\n      @apply px-0 py-6;\n    }\n\n    .divider {\n      @apply block min-h-[3rem] min-w-0 max-h-full h-full self-start -my-4 mx-3 border-l border-rui-grey-400;\n    }\n\n    &.custom {\n      .divider {\n        @apply mx-5;\n      }\n    }\n\n    &.icon-top {\n      .divider {\n        @apply self-center mx-auto;\n      }\n    }\n  }\n\n  .step {\n    @apply flex items-center px-6 relative;\n\n    .indicator {\n      @apply inline-flex items-center justify-center rounded-full h-6 w-6 min-w-[1.5rem];\n    }\n\n    .label {\n      @apply flex flex-col items-start text-left ml-2;\n    }\n\n    &.inactive {\n      @apply text-rui-text-disabled;\n\n      .title {\n        @apply text-rui-text-secondary;\n      }\n\n      .subtitle {\n        @apply text-rui-text;\n      }\n    }\n\n    &.active,\n    &.done {\n      @apply text-rui-text;\n\n      .subtitle {\n        @apply text-rui-text-secondary;\n      }\n    }\n\n    @each $color in $colors {\n      &.#{$color} {\n        @apply text-rui-#{$color};\n      }\n    }\n  }\n\n  &.icon-top {\n    .step {\n      @apply flex-col;\n\n      .label {\n        @apply ml-0 mt-4 items-center text-center;\n      }\n    }\n  }\n\n  .divider {\n    @apply block max-w-full min-w-[1rem] h-0 max-h-0 self-center -mx-4 my-0 border-t border-rui-grey-400;\n    flex: 1 1 0;\n  }\n\n  &.custom {\n    .step {\n      .divider {\n        @apply border-rui-primary-lighter;\n      }\n\n      &.inactive {\n        @apply text-rui-text;\n      }\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_Fragment","_renderList","_unref","_createElementVNode","_renderSlot","_mergeProps","_createBlock"],"mappings":"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"}

package/dist/components/steppers/RuiStepper.vue3.js

@@ -1,58 +0,0 @@
-const stepper = "_stepper_niksj_1";
-const horizontal = "_horizontal_niksj_4";
-const vertical = "_vertical_niksj_7";
-const step = "_step_niksj_1";
-const divider = "_divider_niksj_13";
-const custom = "_custom_niksj_16";
-const indicator = "_indicator_niksj_25";
-const label = "_label_niksj_28";
-const inactive = "_inactive_niksj_31";
-const title = "_title_niksj_34";
-const subtitle = "_subtitle_niksj_37";
-const active = "_active_niksj_40";
-const done = "_done_niksj_40";
-const error = "_error_niksj_46";
-const warning = "_warning_niksj_49";
-const info = "_info_niksj_52";
-const success = "_success_niksj_55";
-const style0 = {
-  stepper,
-  horizontal,
-  vertical,
-  step,
-  divider,
-  custom,
-  "icon-top": "_icon-top_niksj_19",
-  indicator,
-  label,
-  inactive,
-  title,
-  subtitle,
-  active,
-  done,
-  error,
-  warning,
-  info,
-  success
-};
-export {
-  active,
-  custom,
-  style0 as default,
-  divider,
-  done,
-  error,
-  horizontal,
-  inactive,
-  indicator,
-  info,
-  label,
-  step,
-  stepper,
-  subtitle,
-  success,
-  title,
-  vertical,
-  warning
-};
-//# sourceMappingURL=RuiStepper.vue3.js.map

package/dist/components/steppers/RuiStepper.vue3.js.map

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

package/dist/components/steppers/RuiStepperCustomIcon.vue.js

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

package/dist/components/steppers/RuiStepperCustomIcon.vue.js.map

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

package/dist/components/steppers/RuiStepperCustomIcon.vue2.js

@@ -1,38 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createBlock } from "vue";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-import { StepperState } from "../../types/stepper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RuiStepperCustomIcon",
-  props: {
-    state: { default: () => StepperState.inactive },
-    index: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass([_ctx.$style.indicator, _ctx.$style[__props.state]])
-      }, [
-        __props.state === unref(StepperState).inactive ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.text)
-        }, toDisplayString(__props.index), 3)) : __props.state === unref(StepperState).active ? (openBlock(), createBlock(RuiIcon, {
-          key: 1,
-          name: "lu-checkbox-blank-circle-fill",
-          size: 20
-        })) : __props.state === unref(StepperState).done ? (openBlock(), createBlock(RuiIcon, {
-          key: 2,
-          class: normalizeClass(_ctx.$style.text),
-          size: 20,
-          name: "lu-check"
-        }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
-          key: 3,
-          class: normalizeClass(_ctx.$style.text)
-        }, toDisplayString(__props.index), 3))
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiStepperCustomIcon.vue2.js.map

package/dist/components/steppers/RuiStepperCustomIcon.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiStepperCustomIcon.vue2.js","sources":["../../../src/components/steppers/RuiStepperCustomIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { StepperState } from '@/types/stepper';\n\nconst { state = StepperState.inactive } = defineProps<{\n  state?: StepperState;\n  index: number;\n}>();\n</script>\n\n<template>\n  <span :class=\"[$style.indicator, $style[state]]\">\n    <span\n      v-if=\"state === StepperState.inactive\"\n      :class=\"$style.text\"\n    >\n      {{ index }}\n    </span>\n    <RuiIcon\n      v-else-if=\"state === StepperState.active\"\n      name=\"lu-checkbox-blank-circle-fill\"\n      :size=\"20\"\n    />\n    <RuiIcon\n      v-else-if=\"state === StepperState.done\"\n      :class=\"$style.text\"\n      :size=\"20\"\n      name=\"lu-check\"\n    />\n    <span\n      v-else\n      :class=\"$style.text\"\n    >\n      {{ index }}\n    </span>\n  </span>\n</template>\n\n<style lang=\"scss\" module>\n.indicator {\n  @apply inline-flex items-center justify-center rounded-full h-10 w-10 shrink-0 border text-white bg-rui-primary border-rui-primary;\n\n  &.inactive {\n    @apply text-xs bg-white;\n\n    .text {\n      @apply text-rui-primary;\n    }\n  }\n}\n\n:global(.dark) {\n  .indicator {\n    @apply bg-white text-rui-primary;\n\n    &.inactive {\n      @apply text-white border-white bg-rui-primary;\n\n      .text {\n        @apply text-white;\n      }\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","$style","_unref","_normalizeClass","_createBlock"],"mappings":";;;;;;;;;;;0BAWEA,mBAwBO,QAAA;AAAA,QAxBA,uBAAQC,KAAAA,OAAO,WAAWA,KAAAA,OAAO,QAAA,KAAK,CAAA,CAAA;AAAA,MAAA;QAEnC,QAAA,UAAUC,MAAA,YAAA,EAAa,yBAD/BF,mBAKO,QAAA;AAAA;UAHJ,OAAKG,eAAEF,KAAAA,OAAO,IAAI;AAAA,QAAA,mBAEhB,QAAA,KAAK,GAAA,CAAA,KAGG,QAAA,UAAUC,MAAA,YAAA,EAAa,uBADpCE,YAIE,SAAA;AAAA;UAFA,MAAK;AAAA,UACJ,MAAM;AAAA,QAAA,MAGI,QAAA,UAAUF,MAAA,YAAA,EAAa,qBADpCE,YAKE,SAAA;AAAA;UAHC,OAAKD,eAAEF,KAAAA,OAAO,IAAI;AAAA,UAClB,MAAM;AAAA,UACP,MAAK;AAAA,QAAA,wCAEPD,mBAKO,QAAA;AAAA;UAHJ,OAAKG,eAAEF,KAAAA,OAAO,IAAI;AAAA,QAAA,mBAEhB,QAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/steppers/RuiStepperCustomIcon.vue3.js

@@ -1,15 +0,0 @@
-const indicator = "_indicator_1l503_1";
-const inactive = "_inactive_1l503_4";
-const text = "_text_1l503_7";
-const style0 = {
-  indicator,
-  inactive,
-  text
-};
-export {
-  style0 as default,
-  inactive,
-  indicator,
-  text
-};
-//# sourceMappingURL=RuiStepperCustomIcon.vue3.js.map

package/dist/components/steppers/RuiStepperCustomIcon.vue3.js.map

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

package/dist/components/steppers/RuiStepperIcon.vue.js

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

package/dist/components/steppers/RuiStepperIcon.vue.js.map

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

package/dist/components/steppers/RuiStepperIcon.vue2.js

@@ -1,43 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createBlock, createCommentVNode } from "vue";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-import { StepperState } from "../../types/stepper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RuiStepperIcon",
-  props: {
-    state: { default: () => StepperState.inactive },
-    index: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass([_ctx.$style.indicator, _ctx.$style[__props.state]])
-      }, [
-        __props.state === unref(StepperState).inactive || __props.state === unref(StepperState).active ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.text)
-        }, toDisplayString(__props.index), 3)) : __props.state === unref(StepperState).done ? (openBlock(), createBlock(RuiIcon, {
-          key: 1,
-          class: normalizeClass(_ctx.$style.text),
-          size: 20,
-          name: "lu-check"
-        }, null, 8, ["class"])) : __props.state === unref(StepperState).success ? (openBlock(), createBlock(RuiIcon, {
-          key: 2,
-          name: "lu-circle-check"
-        })) : __props.state === unref(StepperState).error ? (openBlock(), createBlock(RuiIcon, {
-          key: 3,
-          name: "lu-circle-alert"
-        })) : __props.state === unref(StepperState).warning ? (openBlock(), createBlock(RuiIcon, {
-          key: 4,
-          name: "lu-triangle-alert"
-        })) : __props.state === unref(StepperState).info ? (openBlock(), createBlock(RuiIcon, {
-          key: 5,
-          name: "lu-info"
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiStepperIcon.vue2.js.map

package/dist/components/steppers/RuiStepperIcon.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiStepperIcon.vue2.js","sources":["../../../src/components/steppers/RuiStepperIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { StepperState } from '@/types/stepper';\n\nconst { state = StepperState.inactive, index } = defineProps<{\n  state?: StepperState;\n  index: number;\n}>();\n</script>\n\n<template>\n  <span :class=\"[$style.indicator, $style[state]]\">\n    <span\n      v-if=\"state === StepperState.inactive || state === StepperState.active\"\n      :class=\"$style.text\"\n    >\n      {{ index }}\n    </span>\n    <RuiIcon\n      v-else-if=\"state === StepperState.done\"\n      :class=\"$style.text\"\n      :size=\"20\"\n      name=\"lu-check\"\n    />\n    <RuiIcon\n      v-else-if=\"state === StepperState.success\"\n      name=\"lu-circle-check\"\n    />\n    <RuiIcon\n      v-else-if=\"state === StepperState.error\"\n      name=\"lu-circle-alert\"\n    />\n    <RuiIcon\n      v-else-if=\"state === StepperState.warning\"\n      name=\"lu-triangle-alert\"\n    />\n    <RuiIcon\n      v-else-if=\"state === StepperState.info\"\n      name=\"lu-info\"\n    />\n  </span>\n</template>\n\n<style lang=\"scss\" module>\n.indicator {\n  @apply inline-flex items-center justify-center rounded-full h-6 w-6;\n\n  .text {\n    @apply text-rui-dark-text;\n  }\n\n  &.inactive {\n    @apply bg-current text-xs;\n  }\n\n  &.active,\n  &.done {\n    @apply bg-rui-primary rounded-full text-xs;\n  }\n}\n\n:global(.dark) {\n  .indicator {\n    &.inactive {\n      .text {\n        @apply text-rui-light-text-secondary;\n      }\n    }\n\n    &.active,\n    &.done {\n      .text {\n        @apply text-rui-light-text;\n      }\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","$style","_unref","_normalizeClass","_createBlock"],"mappings":";;;;;;;;;;;0BAWEA,mBA6BO,QAAA;AAAA,QA7BA,uBAAQC,KAAAA,OAAO,WAAWA,KAAAA,OAAO,QAAA,KAAK,CAAA,CAAA;AAAA,MAAA;QAEnC,QAAA,UAAUC,oBAAa,YAAY,QAAA,UAAUA,MAAA,YAAA,EAAa,uBADlEF,mBAKO,QAAA;AAAA;UAHJ,OAAKG,eAAEF,KAAAA,OAAO,IAAI;AAAA,QAAA,mBAEhB,QAAA,KAAK,GAAA,CAAA,KAGG,QAAA,UAAUC,MAAA,YAAA,EAAa,qBADpCE,YAKE,SAAA;AAAA;UAHC,OAAKD,eAAEF,KAAAA,OAAO,IAAI;AAAA,UAClB,MAAM;AAAA,UACP,MAAK;AAAA,QAAA,0BAGM,QAAA,UAAUC,MAAA,YAAA,EAAa,wBADpCE,YAGE,SAAA;AAAA;UADA,MAAK;AAAA,QAAA,MAGM,QAAA,UAAUF,MAAA,YAAA,EAAa,sBADpCE,YAGE,SAAA;AAAA;UADA,MAAK;AAAA,QAAA,MAGM,QAAA,UAAUF,MAAA,YAAA,EAAa,wBADpCE,YAGE,SAAA;AAAA;UADA,MAAK;AAAA,QAAA,MAGM,QAAA,UAAUF,MAAA,YAAA,EAAa,qBADpCE,YAGE,SAAA;AAAA;UADA,MAAK;AAAA,QAAA;;;;;"}

package/dist/components/steppers/RuiStepperIcon.vue3.js

@@ -1,21 +0,0 @@
-const indicator = "_indicator_vbhrs_1";
-const text = "_text_vbhrs_4";
-const inactive = "_inactive_vbhrs_7";
-const active = "_active_vbhrs_10";
-const done = "_done_vbhrs_10";
-const style0 = {
-  indicator,
-  text,
-  inactive,
-  active,
-  done
-};
-export {
-  active,
-  style0 as default,
-  done,
-  inactive,
-  indicator,
-  text
-};
-//# sourceMappingURL=RuiStepperIcon.vue3.js.map

package/dist/components/steppers/RuiStepperIcon.vue3.js.map

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

package/dist/components/tables/RuiDataTable.vue.js

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

package/dist/components/tables/RuiDataTable.vue.js.map

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