@rotki/ui-library 2.15.0 → 2.16.0

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

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

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

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

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

@@ -1,62 +0,0 @@
-import { defineComponent, useModel, openBlock, createElementBlock, mergeProps, withDirectives, createElementVNode, normalizeClass, Fragment, renderList, toDisplayString, vModelSelect, createVNode, mergeModels } from "vue";
-import RuiIcon from "../../icons/RuiIcon.vue.js";
-const _hoisted_1 = ["name", "disabled", "aria-label"];
-const _hoisted_2 = ["value"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiSimpleSelect",
-    inheritAttrs: false
-  },
-  __name: "RuiSimpleSelect",
-  props: /* @__PURE__ */ mergeModels({
-    options: {},
-    disabled: { type: Boolean, default: false },
-    label: {},
-    name: { default: "" },
-    variant: { default: "default" }
-  }, {
-    "modelValue": { required: true },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: _ctx.$style.wrapper
-      }, _ctx.$attrs), [
-        withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-          class: normalizeClass([_ctx.$style.select, _ctx.$style[__props.variant ?? "default"], { [_ctx.$style.disabled ?? ""]: __props.disabled }]),
-          name: __props.name,
-          disabled: __props.disabled,
-          "aria-label": __props.label,
-          "data-id": "select"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
-            return openBlock(), createElementBlock("option", {
-              key: option,
-              value: option
-            }, toDisplayString(option), 9, _hoisted_2);
-          }), 128))
-        ], 10, _hoisted_1), [
-          [vModelSelect, modelValue.value]
-        ]),
-        createElementVNode("span", {
-          class: normalizeClass(_ctx.$style.icon__wrapper),
-          "aria-hidden": "true"
-        }, [
-          createVNode(RuiIcon, {
-            class: normalizeClass(_ctx.$style.icon),
-            name: "lu-chevron-down",
-            size: "16"
-          }, null, 8, ["class"])
-        ], 2)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiSimpleSelect.vue2.js.map

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

@@ -1 +0,0 @@
-{"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  options: string[] | number[];\n  disabled?: boolean;\n  label?: string;\n  name?: string;\n  variant?: 'default' | 'outlined';\n}\n\ndefineOptions({\n  name: 'RuiSimpleSelect',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string | number>({ required: true });\n\nconst { options, disabled = false, label, name = '', variant = 'default' } = defineProps<Props>();\n</script>\n\n<template>\n  <div\n    :class=\"$style.wrapper\"\n    v-bind=\"$attrs\"\n  >\n    <select\n      v-model=\"modelValue\"\n      :class=\"[$style.select, $style[variant ?? 'default'], { [$style.disabled ?? '']: disabled }]\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :aria-label=\"label\"\n      data-id=\"select\"\n    >\n      <option\n        v-for=\"option in options\"\n        :key=\"option\"\n        :value=\"option\"\n      >\n        {{ option }}\n      </option>\n    </select>\n    <span\n      :class=\"$style.icon__wrapper\"\n      aria-hidden=\"true\"\n    >\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":["_useModel","_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_createElementVNode","_normalizeClass","_Fragment","_renderList","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,aAAaA,8BAA+C;;AAMhE,aAAAC,UAAA,GAAAC,mBA8BM,OA9BNC,WA8BM;AAAA,QA7BH,OAAOC,KAAAA,OAAO;AAAA,MAAA,GACPC,KAAAA,MAAM,GAAA;AAAA,uBAEdC,mBAeS,UAAA;AAAA,uEAdE,WAAU,QAAA;AAAA,UAClB,OAAKC,eAAA,CAAGH,KAAAA,OAAO,QAAQA,KAAAA,OAAO,QAAA,WAAO,SAAA,GAAA,EAAA,CAAmBA,KAAAA,OAAO,iBAAiB,QAAA,SAAA,CAAQ,CAAA;AAAA,UACxF,MAAM,QAAA;AAAA,UACN,UAAU,QAAA;AAAA,UACV,cAAY,QAAA;AAAA,UACb,WAAQ;AAAA,QAAA;4BAERF,mBAMSM,UAAA,MAAAC,WALU,QAAA,SAAO,CAAjB,WAAM;gCADfP,mBAMS,UAAA;AAAA,cAJN,KAAK;AAAA,cACL,OAAO;AAAA,YAAA,mBAEL,MAAM,GAAA,GAAA,UAAA;AAAA;;yBAZF,WAAA,KAAU;AAAA,QAAA;QAerBI,mBASO,QAAA;AAAA,UARJ,OAAKC,eAAEH,KAAAA,OAAO,aAAa;AAAA,UAC5B,eAAY;AAAA,QAAA;UAEZM,YAIE,SAAA;AAAA,YAHC,OAAKH,eAAEH,KAAAA,OAAO,IAAI;AAAA,YACnB,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;;;;;;"}

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

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

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

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

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

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

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

@@ -1,173 +0,0 @@
-import { defineComponent, useCssVars, unref, useModel, useTemplateRef, toRef, computed, openBlock, createElementBlock, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, withDirectives, mergeProps, vModelText, Fragment, renderList, createBlock, mergeModels } from "vue";
-import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
-import { useFormTextDetail } from "../../../utils/form-text-detail.js";
-import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
-import { useElementBounding } from "@vueuse/core";
-import { get } from "@vueuse/shared";
-const _hoisted_1 = ["data-error"];
-const _hoisted_2 = {
-  key: 0,
-  class: "text-rui-error"
-};
-const _hoisted_3 = ["max", "min", "step", "disabled", "aria-invalid", "aria-label", "aria-valuetext"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiSlider",
-    inheritAttrs: false
-  },
-  __name: "RuiSlider",
-  props: /* @__PURE__ */ mergeModels({
-    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: "" },
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { default: 0 },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v0602bc8e": unref(sliderHeight),
-      "v3a8ac2f4": unref(sliderWidth),
-      "ac6c4868": unref(trackWidth),
-      "v7501a288": unref(tickSizeInPx)
-    }));
-    const modelValue = useModel(__props, "modelValue");
-    const outer = useTemplateRef("outer");
-    const { hasError, hasSuccess } = useFormTextDetail(
-      toRef(() => __props.errorMessages),
-      toRef(() => __props.successMessages)
-    );
-    const { width, height } = useElementBounding(outer);
-    const ticksData = computed(() => {
-      const range = __props.max - __props.min;
-      const total = range / __props.step;
-      const current = Math.round((get(modelValue) - __props.min) / __props.step);
-      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 sliderWidth = computed(() => `${get(width)}px`);
-    const sliderHeight = computed(() => `${get(height)}px`);
-    const tickSizeInPx = computed(() => `${__props.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 ?? ""]: __props.vertical,
-              [_ctx.$style[__props.color] ?? ""]: __props.color,
-              [_ctx.$style["hide-track"] ?? ""]: __props.hideTrack,
-              [_ctx.$style["big-tick"] ?? ""]: __props.tickSize > 4,
-              [_ctx.$style["with-error"] ?? ""]: unref(hasError),
-              [_ctx.$style["with-success"] ?? ""]: unref(hasSuccess) && !unref(hasError)
-            }
-          ]),
-          "data-error": unref(hasError) ? "" : void 0
-        }, [
-          __props.label ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass([_ctx.$style.label, "text-body-1"])
-          }, [
-            createTextVNode(toDisplayString(__props.label) + " ", 1),
-            __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " ﹡ ")) : createCommentVNode("", true)
-          ], 2)) : 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) => modelValue.value = $event),
-                class: _ctx.$style.input,
-                type: "range",
-                max: __props.max,
-                min: __props.min,
-                step: __props.step,
-                disabled: __props.disabled,
-                "aria-invalid": unref(hasError),
-                "aria-label": __props.label || void 0,
-                "aria-valuetext": String(modelValue.value)
-              }, unref(getNonRootAttrs)(_ctx.$attrs)), null, 16, _hoisted_3), [
-                [vModelText, modelValue.value]
-              ]),
-              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(modelValue.value), 3)) : createCommentVNode("", true)
-                ], 2)
-              ], 2)
-            ], 2)
-          ], 2)
-        ], 10, _hoisted_1),
-        !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          class: "pt-1",
-          "error-messages": __props.errorMessages,
-          "success-messages": __props.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

@@ -1 +0,0 @@
-{"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 { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props {\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  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiSlider',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<number>({ default: 0 });\n\nconst {\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  required = false,\n} = defineProps<Props>();\n\nconst outer = useTemplateRef<HTMLDivElement>('outer');\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n  toRef(() => errorMessages),\n  toRef(() => successMessages),\n);\nconst { width, height } = useElementBounding(outer);\n\nconst ticksData = computed<[number, number]>(() => {\n  const range = max - min;\n  const total = range / step;\n  const current = Math.round((get(modelValue) - min) / step);\n\n  return [current, total];\n});\n\nconst trackWidth = computed<string>(() => {\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 sliderWidth = computed<string>(() => `${get(width)}px`);\nconst sliderHeight = computed<string>(() => `${get(height)}px`);\nconst tickSizeInPx = computed<string>(() => `${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      :data-error=\"hasError ? '' : undefined\"\n    >\n      <div\n        v-if=\"label\"\n        :class=\"$style.label\"\n        class=\"text-body-1\"\n      >\n        {{ label }}\n        <span\n          v-if=\"required\"\n          class=\"text-rui-error\"\n        >\n          ﹡\n        </span>\n      </div>\n      <div\n        ref=\"outer\"\n        :class=\"$style.outer\"\n      >\n        <div :class=\"$style.inner\">\n          <input\n            v-model=\"modelValue\"\n            :class=\"$style.input\"\n            type=\"range\"\n            :max=\"max\"\n            :min=\"min\"\n            :step=\"step\"\n            :disabled=\"disabled\"\n            :aria-invalid=\"hasError\"\n            :aria-label=\"label || undefined\"\n            :aria-valuetext=\"String(modelValue)\"\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=\"\n                      hideTrack\n                        ? [tickClass]\n                        : {\n                          [$style.highlighted]: i - 1 <= ticksData[0],\n                          [tickClass]: i - 1 > ticksData[0],\n                        }\n                    \"\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":["_useModel","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$style","_createTextVNode","_toDisplayString","_withDirectives","_mergeProps","_Fragment","_renderList","_createBlock","RuiFormTextDetail"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1,99 +0,0 @@
-import { defineComponent, useModel, toRef, openBlock, createElementBlock, normalizeProps, guardReactiveProps, unref, createElementVNode, normalizeClass, mergeProps, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeModels } from "vue";
-import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
-import { useFormTextDetail } from "../../../utils/form-text-detail.js";
-import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
-import { set } from "@vueuse/shared";
-const _hoisted_1 = ["data-error"];
-const _hoisted_2 = ["checked", "disabled", "aria-invalid"];
-const _hoisted_3 = {
-  key: 0,
-  class: "text-rui-error"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiSwitch",
-    inheritAttrs: false
-  },
-  __name: "RuiSwitch",
-  props: /* @__PURE__ */ mergeModels({
-    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 },
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
-    const { hasError, hasSuccess } = useFormTextDetail(
-      toRef(() => __props.errorMessages),
-      toRef(() => __props.successMessages)
-    );
-    function input(event) {
-      const checked = event.target.checked;
-      set(modelValue, checked);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [
-        createElementVNode("label", {
-          class: normalizeClass([
-            _ctx.$style.wrapper,
-            _ctx.$style[__props.size ?? ""],
-            _ctx.$style[__props.color ?? ""],
-            {
-              [_ctx.$style.checked]: modelValue.value,
-              [_ctx.$style.disabled]: __props.disabled,
-              [_ctx.$style["with-error"]]: unref(hasError),
-              [_ctx.$style["with-success"]]: unref(hasSuccess) && !unref(hasError)
-            }
-          ]),
-          "data-error": unref(hasError) ? "" : void 0
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.inner)
-          }, [
-            createElementVNode("input", mergeProps({
-              checked: modelValue.value,
-              type: "checkbox",
-              class: _ctx.$style.input,
-              disabled: __props.disabled,
-              "aria-invalid": unref(hasError)
-            }, unref(getNonRootAttrs)(_ctx.$attrs), {
-              onInput: _cache[0] || (_cache[0] = ($event) => input($event))
-            }), null, 16, _hoisted_2),
-            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)
-            ]),
-            __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, " ﹡ ")) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true)
-        ], 10, _hoisted_1),
-        !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          class: "pt-1",
-          "error-messages": __props.errorMessages,
-          "success-messages": __props.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

@@ -1 +0,0 @@
-{"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 { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props {\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  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiSwitch',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<boolean>({ default: false });\n\nconst {\n  disabled = false,\n  color = undefined,\n  size = undefined,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  required = false,\n} = defineProps<Props>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n  toRef(() => errorMessages),\n  toRef(() => successMessages),\n);\n\nfunction input(event: Event): void {\n  const checked = (event.target as HTMLInputElement).checked;\n  set(modelValue, checked);\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      :data-error=\"hasError ? '' : undefined\"\n    >\n      <div :class=\"$style.inner\">\n        <input\n          :checked=\"modelValue\"\n          type=\"checkbox\"\n          :class=\"$style.input\"\n          :disabled=\"disabled\"\n          :aria-invalid=\"hasError\"\n          v-bind=\"getNonRootAttrs($attrs)\"\n          @input=\"input($event)\"\n        />\n        <div :class=\"$style.toggle\" />\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          v-if=\"required\"\n          class=\"text-rui-error\"\n        >\n          ﹡\n        </span>\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":["_useModel","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$style","_mergeProps","$slots","_renderSlot","_createBlock","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,aAAaA,8BAAuC;AAkB1D,UAAM,EAAE,UAAU,WAAA,IAAe;AAAA,MAC/B,MAAM,MAAM,qBAAa;AAAA,MACzB,MAAM,MAAM,uBAAe;AAAA,IAAA;AAG7B,aAAS,MAAM,OAAoB;AACjC,YAAM,UAAW,MAAM,OAA4B;AACnD,UAAI,YAAY,OAAO;AAAA,IACzB;;0BAIEC,mBAgDM,OAAAC,eAAAC,mBAhDOC,MAAA,YAAA,EAAaC,KAAAA,MAAM,CAAA,CAAA,GAAA;AAAA,QAC9BC,mBAuCQ,SAAA;AAAA,UAtCL,OAAKC,eAAA;AAAA,YAAYC,KAAAA,OAAO;AAAA,YAAiBA,KAAAA,OAAO,QAAA,QAAI,EAAA;AAAA,YAAiBA,KAAAA,OAAO,QAAA,SAAK,EAAA;AAAA;eAA8BA,KAAAA,OAAO,OAAO,GAAG,WAAA;AAAA,eAAuBA,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;UAWlR,cAAYA,MAAA,QAAA,IAAQ,KAAQ;AAAA,QAAA;UAE7BE,mBAWM,OAAA;AAAA,YAXA,OAAKC,eAAEC,KAAAA,OAAO,KAAK;AAAA,UAAA;YACvBF,mBAQE,SARFG,WAQE;AAAA,cAPC,SAAS,WAAA;AAAA,cACV,MAAK;AAAA,cACJ,OAAOD,KAAAA,OAAO;AAAA,cACd,UAAU,QAAA;AAAA,cACV,gBAAcJ,MAAA,QAAA;AAAA,YAAA,GACPA,MAAA,eAAA,EAAgBC,KAAAA,MAAM,GAAA;AAAA,cAC7B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,MAAM,MAAM;AAAA,YAAA;YAEtBC,mBAA8B,OAAA;AAAA,cAAxB,OAAKC,eAAEC,KAAAA,OAAO,MAAM;AAAA,YAAA;;UAGpB,QAAA,SAASE,KAAAA,OAAO,wBADxBT,mBAYO,QAAA;AAAA;YAVJ,OAAKM,eAAA,CAAEC,KAAAA,OAAO,OACT,aAAa,CAAA;AAAA,UAAA;YAEnBG,WAAwB,4BAAxB,MAAwB;AAAA,8CAAf,QAAA,KAAK,GAAA,CAAA;AAAA,YAAA;YAEN,QAAA,yBADRV,mBAKO,QALP,YAGC,KAED;;;SAIK,QAAA,4BADTW,YAMEC,aAAA;AAAA;UAJA,OAAM;AAAA,UACL,kBAAgB,QAAA;AAAA,UAChB,oBAAkB,QAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}

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

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

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

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

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

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