@rotki/ui-library 2.8.0 → 2.8.2

package/dist/components/forms/select/RuiSimpleSelect.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiSimpleSelect.vue2.js","sources":["../../../../src/components/forms/select/RuiSimpleSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  modelValue: string | number;\n  options: string[] | number[];\n  disabled?: boolean;\n  name?: string;\n  variant?: 'default' | 'outlined';\n}\n\ndefineOptions({\n  name: 'RuiSimpleSelect',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n  name: '',\n  variant: 'default',\n});\n\nconst emit = defineEmits<{\n  (e: 'update:model-value', value?: string | number): void;\n}>();\n\nconst { modelValue } = toRefs(props);\n\nconst value = computed({\n  get: () => get(modelValue),\n  set: value => emit('update:model-value', value),\n});\n</script>\n\n<template>\n  <div\n    :class=\"$style.wrapper\"\n    v-bind=\"$attrs\"\n  >\n    <select\n      v-model=\"value\"\n      :class=\"[\n        $style.select,\n        $style[variant ?? 'default'],\n        { [$style.disabled ?? '']: disabled },\n      ]\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n    >\n      <option\n        v-for=\"(option, i) in options\"\n        :key=\"i\"\n        :value=\"option\"\n      >\n        {{ option }}\n      </option>\n    </select>\n    <span :class=\"$style.icon__wrapper\">\n      <RuiIcon\n        :class=\"$style.icon\"\n        name=\"lu-chevron-down\"\n        size=\"16\"\n      />\n    </span>\n  </div>\n</template>\n\n<style module lang=\"scss\">\n.wrapper {\n  @apply relative inline-flex;\n\n  .select {\n    @apply outline-none focus:outline-none appearance-none cursor-pointer pl-2 py-1 pr-8 rounded;\n    @apply m-0 w-full bg-white hover:bg-gray-50 transition;\n    @apply disabled:bg-black/[.12] disabled:text-rui-text-disabled disabled:active:text-rui-text-disabled disabled:cursor-default;\n\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n\n    &::-ms-expand {\n      display: none;\n    }\n\n    &.outlined {\n      @apply border border-rui-text-disabled disabled:border-transparent;\n    }\n  }\n\n  .icon {\n    @apply text-rui-text-disabled pointer-events-none;\n\n    &__wrapper {\n      @apply flex items-center justify-end;\n      @apply absolute right-1 top-px bottom-0 pointer-events-none;\n    }\n  }\n}\n\n:global(.dark) {\n  .wrapper {\n    .select {\n      @apply bg-transparent hover:bg-white/10 disabled:bg-white/10 text-rui-text-disabled;\n\n      &.outlined {\n        @apply border border-rui-text-disabled;\n      }\n    }\n\n    .icon {\n      @apply text-rui-text-disabled;\n    }\n  }\n}\n</style>\n"],"names":["value","_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_createElementVNode","_normalizeClass","_Fragment","_renderList","_unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQ;AAMd,UAAM,OAAO;AAIb,UAAM,EAAE,WAAA,IAAe,OAAO,KAAK;AAEnC,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,IAAI,UAAU;AAAA,MACzB,KAAK,CAAAA,WAAS,KAAK,sBAAsBA,MAAK;AAAA,IAAA,CAC/C;;AAIC,aAAAC,UAAA,GAAAC,mBA6BM,OA7BNC,WA6BM;AAAA,QA5BH,OAAOC,KAAAA,OAAO;AAAA,MAAA,GACPC,KAAAA,MAAM,GAAA;AAAA,uBAEdC,mBAiBS,UAAA;AAAA,sFAhBE,MAAK,QAAA,SAAA;AAAA,UACb,OAAKC,eAAA;AAAA,YAAYH,KAAAA,OAAO;AAAA,YAAgBA,KAAAA,OAAO,QAAA,WAAO,SAAA;AAAA,eAA2BA,KAAAA,OAAO,YAAQ,EAAA,GAAS,QAAA,SAAA;AAAA,UAAQ;UAKjH,MAAM,QAAA;AAAA,UACN,UAAU,QAAA;AAAA,QAAA;WAEXH,UAAA,IAAA,GAAAC,mBAMSM,UAAA,MAAAC,WALe,QAAA,SAAO,CAArB,QAAQ,MAAC;gCADnBP,mBAMS,UAAA;AAAA,cAJN,KAAK;AAAA,cACL,OAAO;AAAA,YAAA,mBAEL,MAAM,GAAA,GAAA,UAAA;AAAA;;yBAdFQ,MAAA,KAAA,CAAK;AAAA,QAAA;QAiBhBJ,mBAMO,QAAA;AAAA,UANA,OAAKC,eAAEH,KAAAA,OAAO,aAAa;AAAA,QAAA;UAChCO,YAIE,SAAA;AAAA,YAHC,OAAKJ,eAAEH,KAAAA,OAAO,IAAI;AAAA,YACnB,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;;;;;;"}

package/dist/components/forms/select/RuiSimpleSelect.vue3.js

@@ -0,0 +1,21 @@
+const wrapper = "_wrapper_85s9n_1";
+const select = "_select_85s9n_4";
+const outlined = "_outlined_85s9n_15";
+const icon = "_icon_85s9n_18";
+const icon__wrapper = "_icon__wrapper_85s9n_21";
+const style0 = {
+  wrapper,
+  select,
+  outlined,
+  icon,
+  icon__wrapper
+};
+export {
+  style0 as default,
+  icon,
+  icon__wrapper,
+  outlined,
+  select,
+  wrapper
+};
+//# sourceMappingURL=RuiSimpleSelect.vue3.js.map

package/dist/components/forms/select/RuiSimpleSelect.vue3.js.map

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

package/dist/components/forms/slider/RuiSlider.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ContextColorsType } from '../../../consts/colors';
+import type { ContextColorsType } from '../../../consts/colors.js';
 export interface Props {
     modelValue?: number;
     min?: number;

package/dist/components/forms/slider/RuiSlider.vue.js

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

package/dist/components/forms/slider/RuiSlider.vue.js.map

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

package/dist/components/forms/slider/RuiSlider.vue2.js

@@ -0,0 +1,165 @@
+import { defineComponent, useCssVars, unref, computed, toRefs, ref, createElementBlock, openBlock, normalizeProps, guardReactiveProps, createElementVNode, createBlock, createCommentVNode, normalizeClass, toDisplayString, withDirectives, mergeProps, isRef, vModelText, Fragment, renderList } from "vue";
+import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
+import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
+import { get } from "@vueuse/shared";
+import { useFormTextDetail } from "../../../utils/form-text-detail.js";
+import { useElementBounding } from "@vueuse/core";
+const _hoisted_1 = ["max", "min", "step", "disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiSlider",
+    inheritAttrs: false
+  },
+  __name: "RuiSlider",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    disabled: { type: Boolean, default: false },
+    showThumbLabel: { type: Boolean, default: false },
+    showTicks: { type: Boolean, default: false },
+    hideTrack: { type: Boolean, default: false },
+    tickSize: { default: 2 },
+    vertical: { type: Boolean, default: false },
+    color: { default: "primary" },
+    label: { default: "" },
+    hint: { default: "" },
+    errorMessages: { default: () => [] },
+    successMessages: { default: () => [] },
+    hideDetails: { type: Boolean, default: false },
+    sliderClass: { default: "" },
+    tickClass: { default: "" }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v2618ea10": unref(sliderHeight),
+      "v31c435d5": unref(sliderWidth),
+      "v07d3ee6a": unref(trackWidth),
+      "v9517d00a": unref(tickSizeInPx)
+    }));
+    const props = __props;
+    const emit = __emit;
+    const { modelValue, max, min, step, errorMessages, successMessages, vertical, tickSize } = toRefs(props);
+    const vModel = computed({
+      get() {
+        return get(modelValue);
+      },
+      set(value) {
+        emit("update:model-value", value);
+      }
+    });
+    const ticksData = computed(() => {
+      const minVal = get(min);
+      const stepVal = get(step);
+      const range = get(max) - minVal;
+      const total = range / stepVal;
+      const current = Math.round((get(modelValue) - minVal) / stepVal);
+      return [current, total];
+    });
+    const trackWidth = computed(() => {
+      const [current, total] = get(ticksData);
+      const percentage = Math.min(100, Math.max(0, Math.round(current / total * 100)));
+      return `${percentage}%`;
+    });
+    const { hasError, hasSuccess } = useFormTextDetail(
+      errorMessages,
+      successMessages
+    );
+    const outer = ref();
+    const { width, height } = useElementBounding(outer);
+    const sliderWidth = computed(() => `${get(width)}px`);
+    const sliderHeight = computed(() => `${get(height)}px`);
+    const tickSizeInPx = computed(() => `${get(tickSize)}px`);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [
+        createElementVNode("label", {
+          class: normalizeClass([
+            _ctx.$style.wrapper,
+            {
+              [_ctx.$style.disabled ?? ""]: __props.disabled,
+              [_ctx.$style.vertical ?? ""]: unref(vertical),
+              [_ctx.$style[__props.color] ?? ""]: __props.color,
+              [_ctx.$style["hide-track"] ?? ""]: __props.hideTrack,
+              [_ctx.$style["big-tick"] ?? ""]: unref(tickSize) > 4,
+              [_ctx.$style["with-error"] ?? ""]: unref(hasError),
+              [_ctx.$style["with-success"] ?? ""]: unref(hasSuccess) && !unref(hasError)
+            }
+          ])
+        }, [
+          __props.label ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([_ctx.$style.label, "text-body-1"])
+          }, toDisplayString(__props.label), 3)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            ref_key: "outer",
+            ref: outer,
+            class: normalizeClass(_ctx.$style.outer)
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.inner)
+            }, [
+              withDirectives(createElementVNode("input", mergeProps({
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(vModel) ? vModel.value = $event : null),
+                class: _ctx.$style.input,
+                type: "range",
+                max: unref(max),
+                min: unref(min),
+                step: unref(step),
+                disabled: __props.disabled
+              }, unref(getNonRootAttrs)(_ctx.$attrs)), null, 16, _hoisted_1), [
+                [vModelText, unref(vModel)]
+              ]),
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.$style.slider)
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.$style.slider__inner)
+                }, [
+                  createElementVNode("div", {
+                    class: normalizeClass([_ctx.$style.slider__container, __props.sliderClass])
+                  }, [
+                    !__props.hideTrack ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(_ctx.$style.slider__container__track)
+                    }, null, 2)) : createCommentVNode("", true),
+                    __props.showTicks && !__props.disabled ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(_ctx.$style.slider__ticks)
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ticksData)[1] + 1, (i) => {
+                        return openBlock(), createElementBlock("span", {
+                          key: i,
+                          class: normalizeClass(__props.hideTrack ? [__props.tickClass] : { [_ctx.$style.highlighted]: i - 1 <= unref(ticksData)[0], [__props.tickClass]: i - 1 > unref(ticksData)[0] })
+                        }, null, 2);
+                      }), 128))
+                    ], 2)) : createCommentVNode("", true)
+                  ], 2),
+                  createElementVNode("div", {
+                    class: normalizeClass(_ctx.$style.slider__thumb)
+                  }, null, 2),
+                  __props.showThumbLabel && !__props.disabled ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(_ctx.$style.slider__thumb_label)
+                  }, toDisplayString(unref(modelValue)), 3)) : createCommentVNode("", true)
+                ], 2)
+              ], 2)
+            ], 2)
+          ], 2)
+        ], 2),
+        !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          class: "pt-1",
+          "error-messages": unref(errorMessages),
+          "success-messages": unref(successMessages),
+          hint: __props.hint
+        }, null, 8, ["error-messages", "success-messages", "hint"])) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiSlider.vue2.js.map

package/dist/components/forms/slider/RuiSlider.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiSlider.vue2.js","sources":["../../../../src/components/forms/slider/RuiSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props {\n  modelValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  showThumbLabel?: boolean;\n  showTicks?: boolean;\n  hideTrack?: boolean;\n  tickSize?: number;\n  vertical?: boolean;\n  color?: ContextColorsType;\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  sliderClass?: string;\n  tickClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiSlider',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: 0,\n  min: 0,\n  max: 100,\n  step: 1,\n  disabled: false,\n  showThumbLabel: false,\n  showTicks: false,\n  hideTrack: false,\n  vertical: false,\n  tickSize: 2,\n  color: 'primary',\n  label: '',\n  hint: '',\n  errorMessages: () => [],\n  successMessages: () => [],\n  hideDetails: false,\n  sliderClass: '',\n  tickClass: '',\n});\n\nconst emit = defineEmits<{\n  (e: 'update:model-value', value: number): void;\n}>();\n\nconst { modelValue, max, min, step, errorMessages, successMessages, vertical, tickSize } = toRefs(props);\n\nconst vModel = computed({\n  get() {\n    return get(modelValue);\n  },\n  set(value: number) {\n    emit('update:model-value', value);\n  },\n});\n\nconst ticksData = computed<[number, number]>(() => {\n  const minVal = get(min);\n  const stepVal = get(step);\n  const range = get(max) - minVal;\n  const total = range / stepVal;\n  const current = Math.round((get(modelValue) - minVal) / stepVal);\n\n  return [current, total];\n});\n\nconst trackWidth = computed(() => {\n  const [current, total] = get(ticksData);\n  const percentage = Math.min(100, Math.max(0, Math.round(current / total * 100)));\n  return `${percentage}%`;\n});\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n  errorMessages,\n  successMessages,\n);\n\nconst outer = ref<HTMLDivElement>();\nconst { width, height } = useElementBounding(outer);\n\nconst sliderWidth = computed(() => `${get(width)}px`);\nconst sliderHeight = computed(() => `${get(height)}px`);\nconst tickSizeInPx = computed(() => `${get(tickSize)}px`);\n</script>\n\n<template>\n  <div v-bind=\"getRootAttrs($attrs)\">\n    <label\n      :class=\"[\n        $style.wrapper,\n        {\n          [$style.disabled ?? '']: disabled,\n          [$style.vertical ?? '']: vertical,\n          [$style[color] ?? '']: color,\n          [$style['hide-track'] ?? '']: hideTrack,\n          [$style['big-tick'] ?? '']: tickSize > 4,\n          [$style['with-error'] ?? '']: hasError,\n          [$style['with-success'] ?? '']: hasSuccess && !hasError,\n        },\n      ]\"\n    >\n      <div\n        v-if=\"label\"\n        :class=\"$style.label\"\n        class=\"text-body-1\"\n      >\n        {{ label }}\n      </div>\n      <div\n        ref=\"outer\"\n        :class=\"$style.outer\"\n      >\n        <div :class=\"$style.inner\">\n          <input\n            v-model=\"vModel\"\n            :class=\"$style.input\"\n            type=\"range\"\n            :max=\"max\"\n            :min=\"min\"\n            :step=\"step\"\n            :disabled=\"disabled\"\n            v-bind=\"getNonRootAttrs($attrs)\"\n          />\n          <div :class=\"$style.slider\">\n            <div :class=\"$style.slider__inner\">\n              <div :class=\"[$style.slider__container, sliderClass]\">\n                <div\n                  v-if=\"!hideTrack\"\n                  :class=\"$style.slider__container__track\"\n                />\n                <div\n                  v-if=\"showTicks && !disabled\"\n                  :class=\"$style.slider__ticks\"\n                >\n                  <span\n                    v-for=\"i in (ticksData[1] + 1)\"\n                    :key=\"i\"\n                    :class=\"hideTrack ? [tickClass] : { [$style.highlighted]: i - 1 <= ticksData[0], [tickClass]: i - 1 > ticksData[0] }\"\n                  />\n                </div>\n              </div>\n              <div :class=\"$style.slider__thumb\" />\n              <div\n                v-if=\"showThumbLabel && !disabled\"\n                :class=\"$style.slider__thumb_label\"\n              >\n                {{ modelValue }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </label>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      class=\"pt-1\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n:global(.dark) {\n  .wrapper {\n    &.disabled {\n      .inner {\n        .slider {\n          &__container {\n            @apply bg-rui-grey-800 #{!important};\n\n            &__track {\n              @apply bg-rui-grey-700 #{!important};\n            }\n          }\n\n          &__thumb {\n            @apply bg-rui-grey-700 #{!important};\n          }\n        }\n      }\n    }\n\n    .inner {\n      .slider {\n        &__ticks {\n          span {\n            &.highlighted {\n              @apply bg-[#121212];\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.wrapper {\n  @apply flex items-start gap-3;\n\n  &.disabled {\n    .label {\n      @apply text-rui-text-disabled;\n    }\n    .inner {\n      .slider {\n        &__container {\n          @apply bg-rui-grey-300 #{!important};\n\n          &__track {\n            @apply bg-rui-grey-400 #{!important};\n          }\n        }\n\n        &__thumb {\n          @apply bg-rui-grey-400 #{!important};\n        }\n      }\n    }\n  }\n\n  @each $color in c.$context-colors {\n    &.#{$color},\n    &.with-#{$color} {\n      .inner {\n        .slider {\n          &__container {\n            @apply bg-rui-#{$color} bg-opacity-40;\n\n            &__track {\n              @apply bg-rui-#{$color};\n            }\n          }\n\n          &__thumb {\n            @apply bg-rui-#{$color};\n\n            &:before {\n              @apply bg-rui-#{$color};\n            }\n          }\n\n          &__ticks {\n            span {\n              @apply bg-rui-#{$color};\n            }\n          }\n        }\n      }\n\n      &.big-tick {\n        .inner {\n          .slider {\n            &__ticks {\n              span {\n                @apply bg-rui-#{$color}-lighter;\n\n                &.highlighted {\n                  @apply bg-rui-#{$color};\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @each $color in ('error', 'success') {\n    &.with-#{$color} {\n      .label {\n        @apply text-rui-#{$color};\n      }\n    }\n  }\n\n  &.vertical {\n    @apply flex-col-reverse items-center h-full;\n\n    .label {\n      @apply mb-2 text-center;\n    }\n\n    .outer {\n      @apply min-w-0 min-h-[120px] w-8;\n    }\n\n    .inner {\n      width: v-bind(sliderHeight);\n      height: v-bind(sliderWidth);\n      @apply -rotate-90;\n      transform-origin: 0 0;\n      --tw-translate-y: v-bind(sliderHeight);\n\n      .slider {\n        &__thumb {\n          &_label {\n            @apply mt-6;\n            @apply rotate-90 translate-x-0;\n            transform-origin: 0 50%;\n          }\n        }\n      }\n    }\n  }\n\n  .label {\n    @apply mt-1 text-rui-text;\n  }\n\n  .outer {\n    @apply relative h-8 flex-1 min-w-[120px];\n  }\n\n  .inner {\n    width: v-bind(sliderWidth);\n    height: v-bind(sliderHeight);\n    @apply relative;\n\n    .input {\n      @apply h-full w-full opacity-0 cursor-pointer;\n\n      &:not(:disabled) {\n        &:hover {\n          ~ .slider {\n            .slider {\n              &__thumb {\n                &:before {\n                  @apply scale-100;\n                }\n              }\n            }\n          }\n        }\n\n        &:focus {\n          ~ .slider {\n            .slider {\n              &__thumb {\n                &:before {\n                  @apply scale-100 opacity-15;\n                }\n              }\n            }\n          }\n        }\n\n        &:active {\n          ~ .slider {\n            .slider {\n              &__thumb {\n                &:before {\n                  @apply scale-100 opacity-30;\n                }\n\n                &_label {\n                  @apply opacity-100 visible;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .slider {\n      @apply absolute h-full w-full top-0 px-2 pointer-events-none;\n\n      &__inner {\n        @apply relative h-full w-full cursor-pointer;\n      }\n\n      &__container {\n        @apply absolute top-1/2 transform -translate-y-1/2;\n        @apply w-full h-1 rounded-full;\n\n        &__track {\n          width: v-bind(trackWidth);\n          @apply transition-all ease-linear duration-75 delay-0;\n          @apply h-full rounded-full;\n        }\n      }\n\n      &__ticks {\n        @apply h-full absolute top-0;\n        @apply flex justify-between items-center;\n        margin: 0 calc(v-bind(tickSizeInPx) / -2);\n        width: calc(100% + v-bind(tickSizeInPx));\n\n        span {\n          @apply rounded-full;\n          width: calc(v-bind(tickSizeInPx));\n          height: calc(v-bind(tickSizeInPx));\n\n          &.highlighted {\n            @apply bg-rui-grey-100;\n          }\n        }\n      }\n\n      &__thumb {\n        @apply absolute top-1/2 transition-all ease-linear duration-75 delay-0 transform -translate-y-1/2 -translate-x-1/2;\n        @apply w-3 h-3 rounded-full shadow-2;\n        left: v-bind(trackWidth);\n\n        &:before {\n          @apply w-8 h-8 rounded-full absolute top-1/2 left-1/2;\n          @apply opacity-10;\n          @apply transition transform -translate-x-1/2 -translate-y-1/2 scale-0;\n          content: '';\n        }\n\n        &_label {\n          left: v-bind(trackWidth);\n          @apply invisible opacity-0;\n          @apply absolute -mt-7 transition-all ease-linear duration-75 delay-0 transform -translate-x-1/2;\n          @apply px-2 py-1 text-xs font-normal;\n          @apply bg-rui-grey-700/90 text-white rounded shadow;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$style","_withDirectives","_mergeProps","_Fragment","_renderList","_createBlock","RuiFormTextDetail"],"mappings":"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"}

package/dist/components/forms/slider/RuiSlider.vue3.js

@@ -0,0 +1,80 @@
+const wrapper = "_wrapper_mju0y_315";
+const disabled = "_disabled_mju0y_315";
+const inner = "_inner_mju0y_315";
+const slider__container = "_slider__container_mju0y_315";
+const slider__container__track = "_slider__container__track_mju0y_318";
+const slider__thumb = "_slider__thumb_mju0y_321";
+const slider__ticks = "_slider__ticks_mju0y_324";
+const highlighted = "_highlighted_mju0y_324";
+const label = "_label_mju0y_331";
+const primary = "_primary_mju0y_343";
+const secondary = "_secondary_mju0y_364";
+const error = "_error_mju0y_385";
+const warning = "_warning_mju0y_406";
+const info = "_info_mju0y_427";
+const success = "_success_mju0y_448";
+const vertical = "_vertical_mju0y_475";
+const outer = "_outer_mju0y_481";
+const slider__thumb_label = "_slider__thumb_label_mju0y_491";
+const input = "_input_mju0y_507";
+const slider = "_slider_mju0y_315";
+const slider__inner = "_slider__inner_mju0y_525";
+const style0 = {
+  wrapper,
+  disabled,
+  inner,
+  slider__container,
+  slider__container__track,
+  slider__thumb,
+  slider__ticks,
+  highlighted,
+  label,
+  primary,
+  "with-primary": "_with-primary_mju0y_343",
+  "big-tick": "_big-tick_mju0y_358",
+  secondary,
+  "with-secondary": "_with-secondary_mju0y_364",
+  error,
+  "with-error": "_with-error_mju0y_385",
+  warning,
+  "with-warning": "_with-warning_mju0y_406",
+  info,
+  "with-info": "_with-info_mju0y_427",
+  success,
+  "with-success": "_with-success_mju0y_448",
+  vertical,
+  outer,
+  slider__thumb_label,
+  input,
+  slider,
+  slider__inner,
+  "bg-tint": "_bg-tint_mju0y_1",
+  "bg-shade": "_bg-shade_mju0y_1",
+  "text-tint": "_text-tint_mju0y_1",
+  "text-shade": "_text-shade_mju0y_1"
+};
+export {
+  style0 as default,
+  disabled,
+  error,
+  highlighted,
+  info,
+  inner,
+  input,
+  label,
+  outer,
+  primary,
+  secondary,
+  slider,
+  slider__container,
+  slider__container__track,
+  slider__inner,
+  slider__thumb,
+  slider__thumb_label,
+  slider__ticks,
+  success,
+  vertical,
+  warning,
+  wrapper
+};
+//# sourceMappingURL=RuiSlider.vue3.js.map

package/dist/components/forms/slider/RuiSlider.vue3.js.map

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

package/dist/components/forms/switch/RuiSwitch.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ContextColorsType } from '../../../consts/colors';
+import type { ContextColorsType } from '../../../consts/colors.js';
 export interface Props {
     modelValue?: boolean;
     disabled?: boolean;

package/dist/components/forms/switch/RuiSwitch.vue.js

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

package/dist/components/forms/switch/RuiSwitch.vue.js.map

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

package/dist/components/forms/switch/RuiSwitch.vue2.js

@@ -0,0 +1,89 @@
+import { defineComponent, toRefs, createElementBlock, openBlock, normalizeProps, guardReactiveProps, unref, createElementVNode, createBlock, createCommentVNode, normalizeClass, mergeProps, renderSlot, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
+import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
+import { useFormTextDetail } from "../../../utils/form-text-detail.js";
+const _hoisted_1 = ["checked", "disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiSwitch",
+    inheritAttrs: false
+  },
+  __name: "RuiSwitch",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    color: { default: void 0 },
+    size: { default: void 0 },
+    label: { default: "" },
+    hint: { default: "" },
+    errorMessages: { default: () => [] },
+    successMessages: { default: () => [] },
+    hideDetails: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { size, modelValue, errorMessages, successMessages } = toRefs(props);
+    function input(event) {
+      const checked = event.target.checked;
+      emit("update:modelValue", checked);
+    }
+    const { hasError, hasSuccess } = useFormTextDetail(
+      errorMessages,
+      successMessages
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [
+        createElementVNode("label", {
+          class: normalizeClass([
+            _ctx.$style.wrapper,
+            _ctx.$style[unref(size) ?? ""],
+            _ctx.$style[__props.color ?? ""],
+            {
+              [_ctx.$style.checked]: unref(modelValue),
+              [_ctx.$style.disabled]: __props.disabled,
+              [_ctx.$style["with-error"]]: unref(hasError),
+              [_ctx.$style["with-success"]]: unref(hasSuccess) && !unref(hasError)
+            }
+          ])
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.inner)
+          }, [
+            createElementVNode("input", mergeProps({
+              checked: unref(modelValue),
+              type: "checkbox",
+              class: _ctx.$style.input,
+              disabled: __props.disabled
+            }, unref(getNonRootAttrs)(_ctx.$attrs), {
+              onInput: _cache[0] || (_cache[0] = ($event) => input($event))
+            }), null, 16, _hoisted_1),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.toggle)
+            }, null, 2)
+          ], 2),
+          __props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass([_ctx.$style.label, "text-body-1"])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(__props.label), 1)
+            ])
+          ], 2)) : createCommentVNode("", true)
+        ], 2),
+        !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          class: "pt-1",
+          "error-messages": unref(errorMessages),
+          "success-messages": unref(successMessages),
+          hint: __props.hint
+        }, null, 8, ["error-messages", "success-messages", "hint"])) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiSwitch.vue2.js.map

package/dist/components/forms/switch/RuiSwitch.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiSwitch.vue2.js","sources":["../../../../src/components/forms/switch/RuiSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props {\n  modelValue?: boolean;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm';\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiSwitch',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: false,\n  disabled: false,\n  color: undefined,\n  size: undefined,\n  label: '',\n  hint: '',\n  errorMessages: () => [],\n  successMessages: () => [],\n  hideDetails: false,\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', modelValue: boolean): void;\n}>();\n\nconst { size, modelValue, errorMessages, successMessages } = toRefs(props);\n\nfunction input(event: Event) {\n  const checked = (event.target as HTMLInputElement).checked;\n  emit('update:modelValue', checked);\n}\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n  errorMessages,\n  successMessages,\n);\n</script>\n\n<template>\n  <div v-bind=\"getRootAttrs($attrs)\">\n    <label\n      :class=\"[\n        $style.wrapper,\n        $style[size ?? ''],\n        $style[color ?? ''],\n        {\n          [$style.checked]: modelValue,\n          [$style.disabled]: disabled,\n          [$style['with-error']]: hasError,\n          [$style['with-success']]: hasSuccess && !hasError,\n        },\n      ]\"\n    >\n      <div :class=\"$style.inner\">\n        <input\n          :checked=\"modelValue\"\n          type=\"checkbox\"\n          :class=\"$style.input\"\n          :disabled=\"disabled\"\n          v-bind=\"getNonRootAttrs($attrs)\"\n          @input=\"input($event)\"\n        />\n        <div\n          :class=\"$style.toggle\"\n        />\n      </div>\n      <span\n        v-if=\"label || $slots.default\"\n        :class=\"$style.label\"\n        class=\"text-body-1\"\n      >\n        <slot>{{ label }}</slot>\n      </span>\n    </label>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      class=\"pt-1\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n.wrapper {\n  @apply relative flex gap-2 items-start cursor-pointer;\n\n  &.disabled {\n    @apply cursor-not-allowed;\n\n    .input {\n      @apply bg-rui-grey-300 cursor-not-allowed;\n    }\n\n    .label {\n      @apply text-rui-text-disabled;\n    }\n\n    .toggle {\n      @apply bg-rui-grey-500;\n    }\n  }\n\n  &:hover {\n    &:not(.disabled) {\n      .toggle {\n        @apply shadow-1;\n      }\n    }\n  }\n\n  &.checked {\n    &:not(.disabled) {\n      .input {\n        @apply bg-black;\n      }\n    }\n\n    .toggle {\n      @apply left-[21px];\n    }\n  }\n\n  &.sm {\n    .inner {\n      @apply w-10 h-5 mt-0.5;\n    }\n    .toggle {\n      @apply w-4 h-4;\n\n      &:before {\n        @apply w-6 h-6;\n      }\n    }\n\n    &.checked {\n      .toggle {\n        @apply left-[22px];\n      }\n    }\n  }\n\n  &.checked {\n    &:not(.disabled) {\n      @each $color in c.$context-colors {\n        &.#{$color} {\n          .input {\n            @apply bg-rui-#{$color};\n          }\n        }\n      }\n    }\n  }\n\n  &.with-error {\n    .input {\n      @apply bg-rui-error #{!important};\n    }\n\n    .label {\n      @apply text-rui-error;\n    }\n  }\n\n  &.with-success {\n    .input {\n      @apply bg-rui-success #{!important};\n    }\n\n    .label {\n      @apply text-rui-success;\n    }\n  }\n\n  .inner {\n    @apply relative w-[43px] h-[24px] shrink-0;\n  }\n\n  .input {\n    @apply appearance-none relative w-full h-full rounded-full bg-rui-grey-400 transition-all duration-75 ease-in-out cursor-pointer;\n\n    &:active:not(:disabled) {\n      + .toggle {\n        &:before {\n          @apply opacity-20;\n        }\n      }\n    }\n  }\n\n  .toggle {\n    @apply absolute w-5 h-5 transition-all duration-75 ease-in-out transform -translate-y-1/2 top-1/2 rounded-full pointer-events-none;\n    @apply bg-white left-[2px];\n\n    &:before {\n      content: '';\n      @apply absolute w-10 h-10 bg-black rounded-full top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 transition-all ease-in-out opacity-0;\n    }\n  }\n}\n\n:global(.dark) {\n  .wrapper {\n    &.disabled {\n      .input {\n        @apply bg-rui-grey-800;\n      }\n\n      .toggle {\n        @apply bg-rui-grey-600;\n      }\n    }\n\n    &.checked {\n      &:not(.disabled) {\n        .input {\n          @apply bg-white;\n        }\n        .toggle {\n          @apply bg-black;\n        }\n      }\n    }\n\n    &.checked {\n      &:not(.disabled) {\n        @each $color in c.$context-colors {\n          &.#{$color} {\n            .input {\n              @apply bg-rui-#{$color}/[0.5];\n            }\n            .toggle {\n              @apply bg-rui-#{$color};\n            }\n          }\n        }\n      }\n    }\n\n    &.with-error {\n      .input {\n        @apply bg-rui-error/[0.5] #{!important};\n      }\n      .toggle {\n        @apply bg-rui-error #{!important};\n      }\n    }\n\n    &.with-success {\n      .input {\n        @apply bg-rui-success/[0.5] #{!important};\n      }\n      .toggle {\n        @apply bg-rui-success #{!important};\n      }\n    }\n  }\n\n  .input {\n    @apply bg-rui-grey-700;\n  }\n\n  .toggle {\n    &:before {\n      @apply bg-white;\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$style","_mergeProps","$slots","_renderSlot","_createBlock","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAM,QAAQ;AAYd,UAAM,OAAO;AAIb,UAAM,EAAE,MAAM,YAAY,eAAe,gBAAA,IAAoB,OAAO,KAAK;AAEzE,aAAS,MAAM,OAAc;AAC3B,YAAM,UAAW,MAAM,OAA4B;AACnD,WAAK,qBAAqB,OAAO;AAAA,IACnC;AAEA,UAAM,EAAE,UAAU,WAAA,IAAe;AAAA,MAC/B;AAAA,MACA;AAAA,IAAA;;0BAKAA,mBA0CM,OAAAC,eAAAC,mBA1COC,MAAA,YAAA,EAAaC,KAAAA,MAAM,CAAA,CAAA,GAAA;AAAA,QAC9BC,mBAiCQ,SAAA;AAAA,UAhCL,OAAKC,eAAA;AAAA,YAAYC,KAAAA,OAAO;AAAA,YAAiBA,KAAAA,OAAOJ,MAAA,IAAA,KAAI,EAAA;AAAA,YAAiBI,KAAAA,OAAO,QAAA,SAAK,EAAA;AAAA;eAA8BA,KAAAA,OAAO,OAAO,GAAGJ,MAAA,UAAA;AAAA,eAAuBI,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,cAAqBA,CAAAA,KAAAA,uBAAuBJ,MAAA,QAAA;AAAA,eAAqBI,KAAAA,OAAM,cAAA,CAAA,GAAmBJ,MAAA,UAAA,KAAU,CAAKA,MAAA,QAAA;AAAA,YAAA;AAAA;;UAYnRE,mBAYM,OAAA;AAAA,YAZA,OAAKC,eAAEC,KAAAA,OAAO,KAAK;AAAA,UAAA;YACvBF,mBAOE,SAPFG,WAOE;AAAA,cANC,SAASL,MAAA,UAAA;AAAA,cACV,MAAK;AAAA,cACJ,OAAOI,KAAAA,OAAO;AAAA,cACd,UAAU,QAAA;AAAA,YAAA,GACHJ,MAAA,eAAA,EAAgBC,KAAAA,MAAM,GAAA;AAAA,cAC7B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,MAAM,MAAM;AAAA,YAAA;YAEtBC,mBAEE,OAAA;AAAA,cADC,OAAKC,eAAEC,KAAAA,OAAO,MAAM;AAAA,YAAA;;UAIjB,QAAA,SAASE,KAAAA,OAAO,wBADxBT,mBAMO,QAAA;AAAA;YAJJ,OAAKM,eAAA,CAAEC,KAAAA,OAAO,OACT,aAAa,CAAA;AAAA,UAAA;YAEnBG,WAAwB,4BAAxB,MAAwB;AAAA,8CAAf,QAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;;SAIT,QAAA,4BADTC,YAMEC,aAAA;AAAA;UAJA,OAAM;AAAA,UACL,kBAAgBT,MAAA,aAAA;AAAA,UAChB,oBAAkBA,MAAA,eAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}

package/dist/components/forms/switch/RuiSwitch.vue3.js

@@ -0,0 +1,54 @@
+const wrapper = "_wrapper_15uou_315";
+const disabled = "_disabled_15uou_318";
+const input = "_input_15uou_321";
+const label = "_label_15uou_324";
+const toggle = "_toggle_15uou_327";
+const checked = "_checked_15uou_333";
+const sm = "_sm_15uou_339";
+const inner = "_inner_15uou_339";
+const primary = "_primary_15uou_351";
+const secondary = "_secondary_15uou_354";
+const error = "_error_15uou_357";
+const warning = "_warning_15uou_360";
+const info = "_info_15uou_363";
+const success = "_success_15uou_366";
+const style0 = {
+  wrapper,
+  disabled,
+  input,
+  label,
+  toggle,
+  checked,
+  sm,
+  inner,
+  primary,
+  secondary,
+  error,
+  warning,
+  info,
+  success,
+  "with-error": "_with-error_15uou_369",
+  "with-success": "_with-success_15uou_375",
+  "bg-tint": "_bg-tint_15uou_1",
+  "bg-shade": "_bg-shade_15uou_1",
+  "text-tint": "_text-tint_15uou_1",
+  "text-shade": "_text-shade_15uou_1"
+};
+export {
+  checked,
+  style0 as default,
+  disabled,
+  error,
+  info,
+  inner,
+  input,
+  label,
+  primary,
+  secondary,
+  sm,
+  success,
+  toggle,
+  warning,
+  wrapper
+};
+//# sourceMappingURL=RuiSwitch.vue3.js.map

package/dist/components/forms/switch/RuiSwitch.vue3.js.map

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

package/dist/components/forms/text-area/RuiTextArea.vue.d.ts

@@ -1,5 +1,5 @@
-import type { ContextColorsType } from '../../../consts/colors';
-import type { RuiIcons } from '../../../icons';
+import type { ContextColorsType } from '../../../consts/colors.js';
+import type { RuiIcons } from '../../../icons/index.js';
 export interface Props {
     label?: string;
     placeholder?: string;

package/dist/components/forms/text-area/RuiTextArea.vue.js

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

package/dist/components/forms/text-area/RuiTextArea.vue.js.map

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