@rotki/ui-library 2.8.0 → 2.8.2

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

@@ -0,0 +1,143 @@
+import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, Fragment, renderList, unref, createBlock, createCommentVNode, createSlots, withCtx, createVNode, toDisplayString } from "vue";
+import RuiButton from "../buttons/button/RuiButton.vue.js";
+import RuiIcon from "../icons/RuiIcon.vue.js";
+import RuiProgress from "../progress/RuiProgress.vue.js";
+import { get } from "@vueuse/shared";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiFooterStepper"
+  },
+  __name: "RuiFooterStepper",
+  props: {
+    pages: {},
+    modelValue: { default: 1 },
+    variant: { default: "numeric" },
+    arrowButtons: { type: Boolean, default: false },
+    hideButtons: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { modelValue, pages } = toRefs(props);
+    function onChange(delta) {
+      emit("update:modelValue", get(modelValue) + delta);
+    }
+    function onPrev() {
+      const value = get(modelValue);
+      if (value)
+        onChange(-1);
+    }
+    function onNext() {
+      const value = get(modelValue);
+      if (value < get(pages))
+        onChange(1);
+    }
+    function onClick(index) {
+      onChange(index - get(modelValue));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style["footer-stepper"], _ctx.$style[__props.variant ?? ""]])
+      }, [
+        __props.variant === "pill" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.pills)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pages), (i) => {
+            return openBlock(), createElementBlock("span", {
+              key: i,
+              class: normalizeClass([_ctx.$style.pill, { [_ctx.$style.active]: unref(modelValue) === i }])
+            }, null, 2);
+          }), 128))
+        ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          !__props.hideButtons ? (openBlock(), createBlock(RuiButton, {
+            key: 0,
+            class: normalizeClass({ [_ctx.$style.arrow__button]: __props.arrowButtons }),
+            disabled: unref(modelValue) <= 1,
+            icon: __props.arrowButtons,
+            variant: __props.arrowButtons ? "outlined" : "text",
+            color: "primary",
+            onClick: _cache[0] || (_cache[0] = ($event) => onPrev())
+          }, createSlots({
+            default: withCtx(() => [
+              !__props.arrowButtons ? (openBlock(), createElementBlock("span", _hoisted_1, "Back")) : (openBlock(), createBlock(RuiIcon, {
+                key: 1,
+                size: 24,
+                name: "lu-arrow-left"
+              }))
+            ]),
+            _: 2
+          }, [
+            !__props.arrowButtons ? {
+              name: "prepend",
+              fn: withCtx(() => [
+                createVNode(RuiIcon, {
+                  size: 18,
+                  name: "lu-chevron-left"
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["class", "disabled", "icon", "variant"])) : createCommentVNode("", true),
+          __props.variant === "numeric" ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.numeric)
+          }, toDisplayString(unref(modelValue)) + "/" + toDisplayString(unref(pages)), 3)) : __props.variant === "bullet" ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(_ctx.$style.bullets)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pages), (i) => {
+              return openBlock(), createElementBlock("span", {
+                key: i,
+                class: normalizeClass([_ctx.$style.bullet, { [_ctx.$style.active]: unref(modelValue) === i }]),
+                onClick: ($event) => onClick(i)
+              }, null, 10, _hoisted_2);
+            }), 128))
+          ], 2)) : __props.variant === "progress" ? (openBlock(), createBlock(RuiProgress, {
+            key: 3,
+            class: normalizeClass(_ctx.$style.progress),
+            color: "primary",
+            value: unref(modelValue) / unref(pages) * 100
+          }, null, 8, ["class", "value"])) : createCommentVNode("", true),
+          !__props.hideButtons ? (openBlock(), createBlock(RuiButton, {
+            key: 4,
+            class: normalizeClass({ [_ctx.$style.arrow__button]: __props.arrowButtons }),
+            disabled: unref(modelValue) >= unref(pages),
+            icon: __props.arrowButtons,
+            variant: __props.arrowButtons ? "outlined" : "text",
+            color: "primary",
+            onClick: _cache[1] || (_cache[1] = ($event) => onNext())
+          }, createSlots({
+            default: withCtx(() => [
+              !__props.arrowButtons ? (openBlock(), createElementBlock("span", _hoisted_3, "Next")) : (openBlock(), createBlock(RuiIcon, {
+                key: 1,
+                size: 24,
+                name: "lu-arrow-right"
+              }))
+            ]),
+            _: 2
+          }, [
+            !__props.arrowButtons ? {
+              name: "append",
+              fn: withCtx(() => [
+                createVNode(RuiIcon, {
+                  size: 18,
+                  name: "lu-chevron-right"
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["class", "disabled", "icon", "variant"])) : createCommentVNode("", true)
+        ], 64))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiFooterStepper.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiFooterStepper.vue2.js","sources":["../../../src/components/steppers/RuiFooterStepper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\n\nexport interface Props {\n  pages: number;\n  modelValue?: number;\n  variant?: 'numeric' | 'bullet' | 'progress' | 'pill';\n  arrowButtons?: boolean;\n  hideButtons?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiFooterStepper',\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: 1,\n  variant: 'numeric',\n  arrowButtons: false,\n  hideButtons: false,\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', modelValue: number): void;\n}>();\n\nconst { modelValue, pages } = toRefs(props);\n\nfunction onChange(delta: number) {\n  emit('update:modelValue', get(modelValue) + delta);\n}\n\nfunction onPrev() {\n  const value = get(modelValue);\n  if (value)\n    onChange(-1);\n}\n\nfunction onNext() {\n  const value = get(modelValue);\n  if (value < get(pages))\n    onChange(1);\n}\n\nfunction onClick(index: number) {\n  onChange(index - get(modelValue));\n}\n</script>\n\n<template>\n  <div :class=\"[$style['footer-stepper'], $style[variant ?? '']]\">\n    <template v-if=\"variant === 'pill'\">\n      <div :class=\"$style.pills\">\n        <span\n          v-for=\"i in pages\"\n          :key=\"i\"\n          :class=\"[$style.pill, { [$style.active]: modelValue === i }]\"\n        />\n      </div>\n    </template>\n    <template v-else>\n      <RuiButton\n        v-if=\"!hideButtons\"\n        :class=\"{ [$style.arrow__button]: arrowButtons }\"\n        :disabled=\"modelValue <= 1\"\n        :icon=\"arrowButtons\"\n        :variant=\"arrowButtons ? 'outlined' : 'text'\"\n        color=\"primary\"\n        @click=\"onPrev()\"\n      >\n        <template\n          v-if=\"!arrowButtons\"\n          #prepend\n        >\n          <RuiIcon\n            :size=\"18\"\n            name=\"lu-chevron-left\"\n          />\n        </template>\n        <span v-if=\"!arrowButtons\">Back</span>\n        <RuiIcon\n          v-else\n          :size=\"24\"\n          name=\"lu-arrow-left\"\n        />\n      </RuiButton>\n      <span\n        v-if=\"variant === 'numeric'\"\n        :class=\"$style.numeric\"\n      >\n        {{ modelValue }}/{{ pages }}\n      </span>\n      <div\n        v-else-if=\"variant === 'bullet'\"\n        :class=\"$style.bullets\"\n      >\n        <span\n          v-for=\"i in pages\"\n          :key=\"i\"\n          :class=\"[$style.bullet, { [$style.active]: modelValue === i }]\"\n          @click=\"onClick(i)\"\n        />\n      </div>\n      <RuiProgress\n        v-else-if=\"variant === 'progress'\"\n        :class=\"$style.progress\"\n        color=\"primary\"\n        :value=\"(modelValue / pages) * 100\"\n      />\n      <RuiButton\n        v-if=\"!hideButtons\"\n        :class=\"{ [$style.arrow__button]: arrowButtons }\"\n        :disabled=\"modelValue >= pages\"\n        :icon=\"arrowButtons\"\n        :variant=\"arrowButtons ? 'outlined' : 'text'\"\n        color=\"primary\"\n        @click=\"onNext()\"\n      >\n        <span v-if=\"!arrowButtons\">Next</span>\n        <RuiIcon\n          v-else\n          :size=\"24\"\n          name=\"lu-arrow-right\"\n        />\n        <template\n          v-if=\"!arrowButtons\"\n          #append\n        >\n          <RuiIcon\n            :size=\"18\"\n            name=\"lu-chevron-right\"\n          />\n        </template>\n      </RuiButton>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.footer-stepper {\n  @apply flex items-center justify-between gap-x-4 transition-all duration-150;\n\n  .numeric {\n    @apply text-rui-text;\n  }\n\n  .bullets,\n  .pills {\n    @apply flex;\n\n    .bullet,\n    .pill {\n      @apply rounded-full h-2 bg-black/[0.26] transition-colors;\n\n      &.active {\n        @apply bg-rui-primary;\n      }\n    }\n\n    .bullet {\n      @apply hover:bg-rui-grey-300 cursor-pointer;\n\n      &.active {\n        @apply hover:bg-rui-primary;\n      }\n    }\n\n    .pill {\n      @apply bg-rui-grey-200;\n    }\n  }\n\n  .bullets {\n    @apply gap-x-1;\n\n    .bullet {\n      @apply w-2;\n    }\n  }\n\n  .pills {\n    @apply w-full gap-x-3;\n\n    .pill {\n      @apply w-full;\n    }\n  }\n\n  .progress {\n    @apply max-w-[60%];\n  }\n\n  .arrow__button {\n    @apply bg-white disabled:bg-white/60 #{!important};\n  }\n}\n\n:global(.dark) {\n  .footer-stepper {\n    .bullets,\n    .pills {\n      .bullet,\n      .pill {\n        @apply bg-rui-grey-300;\n\n        &.active {\n          @apply bg-rui-primary;\n        }\n      }\n\n      .bullet {\n        @apply hover:bg-rui-grey-400;\n\n        &.active {\n          @apply hover:bg-rui-primary;\n        }\n      }\n    }\n\n    .bullets {\n      .bullet {\n        @apply bg-white/30;\n      }\n    }\n\n    .arrow__button {\n      @apply disabled:bg-[rgb(50,50,50)] #{!important};\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_Fragment","_renderList","_unref","_createBlock","_openBlock","_createVNode","_toDisplayString"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+const numeric = "_numeric_16knj_4";
+const bullets = "_bullets_16knj_7";
+const pills = "_pills_16knj_8";
+const bullet = "_bullet_16knj_7";
+const pill = "_pill_16knj_8";
+const active = "_active_16knj_17";
+const progress = "_progress_16knj_47";
+const arrow__button = "_arrow__button_16knj_50";
+const style0 = {
+  "footer-stepper": "_footer-stepper_16knj_1",
+  numeric,
+  bullets,
+  pills,
+  bullet,
+  pill,
+  active,
+  progress,
+  arrow__button
+};
+export {
+  active,
+  arrow__button,
+  bullet,
+  bullets,
+  style0 as default,
+  numeric,
+  pill,
+  pills,
+  progress
+};
+//# sourceMappingURL=RuiFooterStepper.vue3.js.map

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

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

package/dist/components/steppers/RuiStepper.vue.d.ts

@@ -1,4 +1,4 @@
-import { StepperOrientation, StepperState, type StepperStep } from '../../types/stepper';
+import { StepperOrientation, StepperState, type StepperStep } from '../../types/stepper.js';
 export interface Props {
     step?: number;
     steps: StepperStep[];

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

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

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

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

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

@@ -0,0 +1,130 @@
+import { defineComponent, toRefs, computed, ref, watch, nextTick, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, 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";
+import { isDefined } from "@vueuse/core";
+const _hoisted_1 = { class: "relative flex py-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiStepper"
+  },
+  __name: "RuiStepper",
+  props: {
+    step: { default: void 0 },
+    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 props = __props;
+    const { custom, steps, step, orientation, keepActiveVisible } = toRefs(props);
+    const renderedStep = computed(() => {
+      const currentStep = get(step);
+      const stepsVal = get(steps);
+      if (!isDefined(currentStep))
+        return stepsVal;
+      return stepsVal.map((text, index) => {
+        let stepStatus = StepperState.inactive;
+        if (index + 1 === currentStep)
+          stepStatus = StepperState.active;
+        if (index + 1 < currentStep)
+          stepStatus = StepperState.done;
+        return {
+          ...text,
+          state: stepStatus
+        };
+      });
+    });
+    const wrapperRef = ref();
+    watch(step, () => {
+      if (!get(keepActiveVisible) || get(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,
+        class: normalizeClass([[
+          _ctx.$style.stepper,
+          _ctx.$style[unref(orientation) ?? ""],
+          { [_ctx.$style["icon-top"]]: __props.iconTop, [_ctx.$style.custom]: unref(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", {
+              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_1, [
+                  unref(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]: unref(custom) }], "text-subtitle-2"])
+                }, toDisplayString(title), 3)) : createCommentVNode("", true),
+                description ? (openBlock(), createElementBlock("span", {
+                  key: 1,
+                  class: normalizeClass([[_ctx.$style.subtitle, { [__props.subtitleClass]: unref(custom) }], "text-caption"])
+                }, toDisplayString(description), 3)) : createCommentVNode("", true)
+              ], 2)) : createCommentVNode("", true)
+            ], 2)
+          ], 64);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiStepper.vue2.js.map

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

@@ -0,0 +1 @@
+{"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 {\n  StepperOrientation,\n  StepperState,\n  type StepperStep,\n} 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 props = withDefaults(defineProps<Props>(), {\n  step: undefined,\n  iconTop: false,\n  custom: false,\n  titleClass: '',\n  subtitleClass: '',\n  orientation: StepperOrientation.horizontal,\n  keepActiveVisible: true,\n});\n\nconst { custom, steps, step, orientation, keepActiveVisible } = toRefs(props);\n\n// automatically set step state to stepper.\nconst renderedStep = computed(() => {\n  const currentStep = get(step);\n  const stepsVal = get(steps);\n\n  if (!isDefined(currentStep))\n    return stepsVal;\n\n  return stepsVal.map((text, index) => {\n    let stepStatus: StepperState = StepperState.inactive;\n\n    if (index + 1 === currentStep)\n      stepStatus = StepperState.active;\n\n    if (index + 1 < currentStep)\n      stepStatus = StepperState.done;\n\n    return {\n      ...text,\n      state: stepStatus,\n    };\n  });\n});\n\nconst wrapperRef = ref<HTMLDivElement>();\n\nwatch(step, () => {\n  if (\n    !get(keepActiveVisible)\n    || get(orientation) !== StepperOrientation.horizontal\n  ) {\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</script>\n\n<template>\n  <div\n    ref=\"wrapperRef\"\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        :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","_unref","_Fragment","_renderList","_createElementVNode","_renderSlot","_mergeProps","_createBlock"],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+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

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

package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts

@@ -1,4 +1,4 @@
-import { StepperState } from '../../types/stepper';
+import { StepperState } from '../../types/stepper.js';
 type __VLS_Props = {
     state?: StepperState;
     index: number;

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

@@ -0,0 +1,11 @@
+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

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

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

@@ -0,0 +1,38 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, unref, toDisplayString } 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

@@ -0,0 +1 @@
+{"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\nwithDefaults(\n  defineProps<{\n    state?: StepperState;\n    index: number;\n  }>(),\n  {\n    state: StepperState.inactive,\n  },\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":";;;;;;;;;;;0BAgBEA,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

@@ -0,0 +1,15 @@
+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

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

package/dist/components/steppers/RuiStepperIcon.vue.d.ts

@@ -1,4 +1,4 @@
-import { StepperState } from '../../types/stepper';
+import { StepperState } from '../../types/stepper.js';
 type __VLS_Props = {
     state?: StepperState;
     index: number;

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

@@ -0,0 +1,11 @@
+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

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

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

@@ -0,0 +1,43 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref, toDisplayString } 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

@@ -0,0 +1 @@
+{"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\nwithDefaults(defineProps<{\n  state?: StepperState;\n  index: number;\n}>(), {\n  state: StepperState.inactive,\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":";;;;;;;;;;;0BAaEA,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

@@ -0,0 +1,21 @@
+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

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

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

@@ -1,5 +1,5 @@
-import { type GroupData, type GroupKeys, type TableColumn, type TableRowKeyData, type TableSortData } from '../../components/tables/RuiTableHead.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.js';
+import { type TablePaginationData } from '../../components/tables/RuiTablePagination.vue.js';
 export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: TableSortData<T>;

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

@@ -0,0 +1,11 @@
+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