@rotki/ui-library 2.14.1 → 2.16.0

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue2.js

@@ -1,84 +0,0 @@
-import { defineComponent, useModel, useSlots, useId, computed, Fragment, isVNode, openBlock, createElementBlock, mergeProps, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, renderList, unref, createBlock, resolveDynamicComponent, mergeModels } from "vue";
-import _sfc_main$1 from "../../../helpers/RuiFormTextDetail.vue.js";
-import { assert } from "../../../../utils/assert.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "text-rui-text-secondary text-body-1"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "text-rui-error"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiRadioGroup",
-    inheritAttrs: false
-  },
-  __name: "RuiRadioGroup",
-  props: /* @__PURE__ */ mergeModels({
-    inline: { type: Boolean, default: false },
-    label: { default: "" },
-    hint: { default: "" },
-    errorMessages: { default: () => [] },
-    successMessages: { default: () => [] },
-    hideDetails: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    color: {},
-    size: {},
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { required: false },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
-    const slots = useSlots();
-    const radioGroupName = useId();
-    const children = computed(() => {
-      const slotContent = slots.default?.() ?? [];
-      if (slotContent.length === 1) {
-        const firstChild = slotContent[0];
-        assert(firstChild);
-        if (firstChild.type === Fragment) {
-          return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];
-        }
-      }
-      return slotContent;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ role: "radiogroup" }, _ctx.$attrs), [
-        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createTextVNode(toDisplayString(__props.label) + " ", 1),
-          __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " ﹡ ")) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.wrapper__inline ?? ""]: __props.inline }])
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
-            return openBlock(), createBlock(resolveDynamicComponent(child), {
-              key: i,
-              modelValue: modelValue.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-              disabled: __props.disabled,
-              color: __props.color,
-              size: __props.size,
-              "hide-details": "",
-              name: unref(radioGroupName)
-            }, null, 8, ["modelValue", "disabled", "color", "size", "name"]);
-          }), 128))
-        ], 2),
-        !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 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=RuiRadioGroup.vue2.js.map

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiRadioGroup.vue2.js","sources":["../../../../../src/components/forms/radio-button/radio-group/RuiRadioGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { Fragment, isVNode } from 'vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { assert } from '@/utils/assert';\n\nexport interface Props {\n  inline?: boolean;\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiRadioGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst {\n  inline = false,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  disabled = false,\n  color,\n  size,\n  required = false,\n} = defineProps<Props>();\n\nconst slots = defineSlots<{\n  default?: () => any;\n}>();\n\nconst radioGroupName = useId();\n\nconst children = computed<VNode[]>(() => {\n  const slotContent = slots.default?.() ?? [];\n\n  // When using dynamic content with v-for the slot content is a single fragment\n  // containing the children components.\n  if (slotContent.length === 1) {\n    const firstChild = slotContent[0];\n    assert(firstChild);\n    if (firstChild.type === Fragment) {\n      return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];\n    }\n  }\n  return slotContent;\n});\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"label\"\n      class=\"text-rui-text-secondary 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 :class=\"[$style.wrapper, { [$style.wrapper__inline ?? '']: inline }]\">\n      <Component\n        :is=\"child\"\n        v-for=\"(child, i) in children\"\n        :key=\"i\"\n        v-model=\"modelValue\"\n        :disabled=\"disabled\"\n        :color=\"color\"\n        :size=\"size\"\n        hide-details\n        :name=\"radioGroupName\"\n      />\n    </div>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n  &__inline {\n    @apply flex space-x-6;\n  }\n}\n</style>\n"],"names":["_useModel","_useSlots","_openBlock","_createElementBlock","_mergeProps","$attrs","_createTextVNode","_toDisplayString","_createElementVNode","_normalizeClass","$style","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAM,aAAaA,SAAmB,SAAA,YAAoB;AAe1D,UAAM,QAAQC,SAAA;AAId,UAAM,iBAAiB,MAAA;AAEvB,UAAM,WAAW,SAAkB,MAAM;AACvC,YAAM,cAAc,MAAM,UAAA,KAAe,CAAA;AAIzC,UAAI,YAAY,WAAW,GAAG;AAC5B,cAAM,aAAa,YAAY,CAAC;AAChC,eAAO,UAAU;AACjB,YAAI,WAAW,SAAS,UAAU;AAChC,iBAAO,MAAM,QAAQ,WAAW,QAAQ,IAAI,WAAW,SAAS,OAAO,OAAO,IAAI,CAAA;AAAA,QACpF;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;;AAIC,aAAAC,UAAA,GAAAC,mBAmCM,OAnCNC,WAmCM,EAlCJ,MAAK,aAAA,GACGC,KAAAA,MAAM,GAAA;AAAA,QAGN,QAAA,SADRH,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,UAPDG,gBAAAC,gBAAA,QAAA,KAAK,IAAG,KACX,CAAA;AAAA,UACQ,QAAA,yBADRJ,mBAKO,QALP,YAGC,KAED;;QAEFK,mBAYM,OAAA;AAAA,UAZA,OAAKC,eAAA,CAAGC,YAAO,YAAYA,KAAAA,OAAO,mBAAe,EAAA,GAAS,QAAA,OAAA,CAAM,CAAA;AAAA,QAAA;WACpER,UAAA,IAAA,GAAAC,mBAUEQ,UAAA,MAAAC,WARqBC,MAAA,QAAA,GAAQ,CAArB,OAAO,MAAC;AAFlB,mBAAAX,UAAA,GAAAY,YAUEC,wBATK,KAAK,GAAA;AAAA,cAET,KAAK;AAAA,0BACG,WAAA;AAAA,2EAAA,WAAU,QAAA;AAAA,cAClB,UAAU,QAAA;AAAA,cACV,OAAO,QAAA;AAAA,cACP,MAAM,QAAA;AAAA,cACP,gBAAA;AAAA,cACC,MAAMF,MAAA,cAAA;AAAA,YAAA;;;SAIF,QAAA,4BADTC,YAKEE,aAAA;AAAA;UAHC,kBAAgB,QAAA;AAAA,UAChB,oBAAkB,QAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue3.js

@@ -1,9 +0,0 @@
-const wrapper__inline = "_wrapper__inline_1tfcu_1";
-const style0 = {
-  wrapper__inline
-};
-export {
-  style0 as default,
-  wrapper__inline
-};
-//# sourceMappingURL=RuiRadioGroup.vue3.js.map

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue3.js.map

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

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.js

@@ -1,84 +0,0 @@
-import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createElementVNode, createVNode, renderSlot, mergeModels } from "vue";
-import RuiButton from "../../buttons/button/RuiButton.vue.js";
-import RuiTextField from "../text-field/RuiTextField.vue.js";
-import RuiIcon from "../../icons/RuiIcon.vue.js";
-const _hoisted_1 = { class: "flex items-center" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiRevealableTextField",
-    inheritAttrs: false
-  },
-  __name: "RuiRevealableTextField",
-  props: /* @__PURE__ */ mergeModels({
-    label: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    variant: { default: "default" },
-    color: {},
-    textColor: {},
-    dense: { type: Boolean, default: false },
-    hint: { default: "" },
-    errorMessages: { default: () => [] },
-    successMessages: { default: () => [] },
-    hideDetails: { type: Boolean, default: false },
-    prependIcon: {},
-    appendIcon: {},
-    readonly: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: false },
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { required: true },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
-    const hidden = ref(true);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(RuiTextField, mergeProps({ ..._ctx.$props, ..._ctx.$attrs }, {
-        modelValue: modelValue.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
-        type: unref(hidden) ? "password" : "text"
-      }), createSlots({
-        append: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(RuiButton, {
-              disabled: _ctx.$props.disabled,
-              "aria-label": unref(hidden) ? "Show password" : "Hide password",
-              tabindex: "-1",
-              variant: "text",
-              type: "button",
-              icon: "",
-              "data-id": "toggle-visibility",
-              class: "-mr-1 !p-2",
-              onClick: _cache[0] || (_cache[0] = ($event) => hidden.value = !unref(hidden))
-            }, {
-              default: withCtx(() => [
-                createVNode(RuiIcon, {
-                  class: "text-black/[.54] dark:text-white/[.56]",
-                  size: "20",
-                  name: unref(hidden) ? "lu-eye-off" : "lu-eye"
-                }, null, 8, ["name"])
-              ]),
-              _: 1
-            }, 8, ["disabled", "aria-label"]),
-            renderSlot(_ctx.$slots, "append")
-          ])
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots.prepend ? {
-          name: "prepend",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "prepend")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["modelValue", "type"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiRevealableTextField.vue.js.map

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiRevealableTextField.vue.js","sources":["../../../../src/components/forms/revealable-text-field/RuiRevealableTextField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiTextField, { type TextFieldProps } from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props extends TextFieldProps {}\n\ndefineOptions({\n  name: 'RuiRevealableTextField',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nwithDefaults(defineProps<Props>(), {\n  label: '',\n  placeholder: '',\n  disabled: false,\n  variant: 'default',\n  dense: false,\n  hint: '',\n  errorMessages: () => [],\n  successMessages: () => [],\n  hideDetails: false,\n  readonly: false,\n  clearable: false,\n  required: false,\n});\n\ndefineSlots<{\n  prepend?: () => any;\n  append?: () => any;\n}>();\n\nconst hidden = ref<boolean>(true);\n</script>\n\n<template>\n  <RuiTextField\n    v-bind=\"{ ...$props, ...$attrs }\"\n    v-model=\"modelValue\"\n    :type=\"hidden ? 'password' : 'text'\"\n  >\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template #append>\n      <div class=\"flex items-center\">\n        <RuiButton\n          :disabled=\"$props.disabled\"\n          :aria-label=\"hidden ? 'Show password' : 'Hide password'\"\n          tabindex=\"-1\"\n          variant=\"text\"\n          type=\"button\"\n          icon\n          data-id=\"toggle-visibility\"\n          class=\"-mr-1 !p-2\"\n          @click=\"hidden = !hidden\"\n        >\n          <RuiIcon\n            class=\"text-black/[.54] dark:text-white/[.56]\"\n            size=\"20\"\n            :name=\"hidden ? 'lu-eye-off' : 'lu-eye'\"\n          />\n        </RuiButton>\n\n        <slot name=\"append\" />\n      </div>\n    </template>\n  </RuiTextField>\n</template>\n"],"names":["_useModel","_openBlock","_createBlock","_mergeProps","$props","$attrs","_unref","_createElementVNode","_createVNode","_renderSlot","$slots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,aAAaA,SAAmB,SAAA,YAAmB;AAsBzD,UAAM,SAAS,IAAa,IAAI;;AAI9B,aAAAC,UAAA,GAAAC,YAkCe,cAlCfC,WAkCe,EAAA,GAjCAC,KAAAA,WAAWC,KAAAA,OAAAA,GAAM;AAAA,oBACrB,WAAA;AAAA,qEAAA,WAAU,QAAA;AAAA,QAClB,MAAMC,MAAA,MAAA,IAAM,aAAA;AAAA,MAAA;QAQF,gBACT,MAoBM;AAAA,UApBNC,mBAoBM,OApBN,YAoBM;AAAA,YAnBJC,YAgBY,WAAA;AAAA,cAfT,UAAUJ,KAAAA,OAAO;AAAA,cACjB,cAAYE,MAAA,MAAA,IAAM,kBAAA;AAAA,cACnB,UAAS;AAAA,cACT,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,MAAA;AAAA,cACA,WAAQ;AAAA,cACR,OAAM;AAAA,cACL,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,OAAA,QAAM,CAAIA,MAAA,MAAA;AAAA,YAAA;+BAElB,MAIE;AAAA,gBAJFE,YAIE,SAAA;AAAA,kBAHA,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,MAAMF,MAAA,MAAA,IAAM,eAAA;AAAA,gBAAA;;;;YAIjBG,WAAsB,KAAA,QAAA,QAAA;AAAA,UAAA;;;;QAzBlBC,KAAAA,OAAO;gBACZ;AAAA,sBAED,MAAuB;AAAA,YAAvBD,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue2.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./RuiRevealableTextField.vue.js";
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiRevealableTextField.vue2.js.map

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue2.js.map

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

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

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

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

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

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

@@ -1,310 +0,0 @@
-import { defineComponent, useCssVars, unref, useModel, useTemplateRef, computed, toRef, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, withKeys, withModifiers, createElementVNode, Fragment, renderList, normalizeClass, renderSlot, createTextVNode, toDisplayString, normalizeStyle, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, mergeModels } from "vue";
-import RuiButton from "../../buttons/button/RuiButton.vue.js";
-import RuiIcon from "../../icons/RuiIcon.vue.js";
-import RuiMenu from "../../overlays/menu/RuiMenu.vue.js";
-import RuiProgress from "../../progress/RuiProgress.vue.js";
-import { useDropdownMenu } from "../../../composables/dropdown-menu.js";
-import { useLabelWithQuote } from "../../../composables/forms/use-label-with-quote.js";
-import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
-import { useFocus, isDefined } from "@vueuse/core";
-import { set, get } from "@vueuse/shared";
-const _hoisted_1 = ["disabled", "aria-disabled", "aria-expanded", "aria-readonly", "aria-required", "aria-busy", "tabindex", "data-error", "aria-invalid"];
-const _hoisted_2 = {
-  key: 0,
-  class: "text-rui-error"
-};
-const _hoisted_3 = ["value"];
-const _hoisted_4 = { class: "p-4" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiMenuSelect",
-    inheritAttrs: false
-  },
-  __name: "RuiMenuSelect",
-  props: /* @__PURE__ */ mergeModels({
-    options: {},
-    keyAttr: {},
-    textAttr: {},
-    disabled: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
-    readOnly: { type: Boolean, default: false },
-    dense: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: false },
-    label: { default: "Select" },
-    menuOptions: {},
-    labelClass: {},
-    menuClass: {},
-    optionClass: {},
-    prependWidth: {},
-    appendWidth: {},
-    itemHeight: {},
-    variant: { default: "default" },
-    hint: {},
-    errorMessages: { default: () => [] },
-    successMessages: { default: () => [] },
-    hideDetails: { type: Boolean, default: false },
-    autoSelectFirst: { type: Boolean, default: false },
-    hideNoData: { type: Boolean, default: false },
-    noDataText: { default: "No data available" },
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { required: true },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v3c7b8cf5": unref(labelWithQuote)
-    }));
-    const modelValue = useModel(__props, "modelValue");
-    const menuRef = useTemplateRef("menuRef");
-    const activator = useTemplateRef("activator");
-    const { focused } = useFocus(activator);
-    const value = computed({
-      get: () => {
-        const value2 = get(modelValue);
-        if (__props.keyAttr)
-          return __props.options.find((option) => option[__props.keyAttr] === value2);
-        return value2;
-      },
-      set: (selected) => {
-        const selection = __props.keyAttr && selected ? selected[__props.keyAttr] : selected;
-        set(modelValue, selection);
-      }
-    });
-    const labelWithQuote = useLabelWithQuote(
-      () => __props.label,
-      () => __props.required
-    );
-    const {
-      containerProps,
-      wrapperProps,
-      renderedData,
-      isOpen,
-      menuWidth,
-      getText,
-      getIdentifier,
-      isActiveItem,
-      highlightedIndex,
-      moveHighlight,
-      valueKey
-    } = useDropdownMenu({
-      itemHeight: __props.itemHeight ?? (__props.dense ? 30 : 48),
-      keyAttr: __props.keyAttr,
-      textAttr: __props.textAttr,
-      options: toRef(() => __props.options),
-      autoFocus: true,
-      dense: toRef(() => __props.dense),
-      value,
-      menuRef,
-      disabled: toRef(() => __props.disabled),
-      autoSelectFirst: __props.autoSelectFirst
-    });
-    const outlined = computed(() => __props.variant === "outlined");
-    const float = computed(() => (get(isOpen) || !!get(value)) && get(outlined));
-    const virtualContainerProps = computed(
-      () => ({
-        style: containerProps.style,
-        ref: containerProps.ref
-      })
-    );
-    function setValue(val, index) {
-      if (isDefined(index))
-        set(highlightedIndex, index);
-      set(value, val);
-      set(focused, true);
-    }
-    function clear() {
-      set(modelValue, void 0);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(RuiMenu, mergeProps({
-        modelValue: unref(isOpen),
-        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(isOpen) ? isOpen.value = $event : null),
-        class: _ctx.$style.wrapper,
-        "disable-auto-focus": ""
-      }, {
-        ...unref(getRootAttrs)(_ctx.$attrs),
-        placement: "bottom-start",
-        closeOnContentClick: true,
-        fullWidth: true,
-        ...__props.menuOptions,
-        errorMessages: __props.errorMessages,
-        successMessages: __props.successMessages,
-        hint: __props.hint,
-        dense: __props.dense,
-        showDetails: !__props.hideDetails,
-        disabled: __props.disabled
-      }), {
-        activator: withCtx(({ attrs, open, hasError, hasSuccess }) => [
-          renderSlot(_ctx.$slots, "activator", normalizeProps(guardReactiveProps({ disabled: __props.disabled, value: unref(value), variant: __props.variant, readOnly: __props.readOnly, attrs, open, hasError, hasSuccess })), () => [
-            createElementVNode("button", mergeProps({
-              ref_key: "activator",
-              ref: activator,
-              disabled: __props.disabled,
-              "aria-disabled": __props.disabled,
-              "aria-expanded": unref(isOpen),
-              "aria-readonly": __props.readOnly || void 0,
-              "aria-required": __props.required || void 0,
-              "aria-busy": __props.loading || void 0,
-              type: "button",
-              tabindex: __props.disabled || __props.readOnly ? -1 : 0,
-              class: ["group", [
-                _ctx.$style.activator,
-                __props.labelClass,
-                {
-                  [_ctx.$style.disabled]: __props.disabled,
-                  [_ctx.$style.readonly]: __props.readOnly,
-                  [_ctx.$style.outlined]: unref(outlined),
-                  [_ctx.$style.dense]: __props.dense,
-                  [_ctx.$style.float]: unref(float),
-                  [_ctx.$style.opened]: open,
-                  [_ctx.$style["with-value"]]: !!unref(value),
-                  [_ctx.$style["with-error"]]: hasError,
-                  [_ctx.$style["with-success"]]: hasSuccess && !hasError
-                }
-              ]]
-            }, { ...unref(getNonRootAttrs)(_ctx.$attrs), ...__props.readOnly ? {} : attrs }, {
-              "data-id": "activator",
-              "data-error": hasError ? "" : void 0,
-              "aria-invalid": hasError,
-              onKeydown: [
-                _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => unref(moveHighlight)(true), ["prevent"]), ["up"])),
-                _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => unref(moveHighlight)(false), ["prevent"]), ["down"]))
-              ]
-            }), [
-              unref(outlined) || !unref(value) ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass([
-                  _ctx.$style.label,
-                  {
-                    "absolute": unref(outlined),
-                    "pr-2": !unref(value) && !open && unref(outlined)
-                  }
-                ])
-              }, [
-                renderSlot(_ctx.$slots, "activator.label", normalizeProps(guardReactiveProps({ value: unref(value) })), () => [
-                  createTextVNode(toDisplayString(__props.label), 1)
-                ]),
-                __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " ﹡ ")) : createCommentVNode("", true)
-              ], 2)) : createCommentVNode("", true),
-              unref(value) ? (openBlock(), createElementBlock("span", {
-                key: 1,
-                class: normalizeClass(["w-full", _ctx.$style.value])
-              }, [
-                renderSlot(_ctx.$slots, "selection.prepend", normalizeProps(guardReactiveProps({ item: unref(value) }))),
-                renderSlot(_ctx.$slots, "selection", normalizeProps(guardReactiveProps({ item: unref(value) })), () => [
-                  createTextVNode(toDisplayString(unref(getText)(unref(value))), 1)
-                ])
-              ], 2)) : createCommentVNode("", true),
-              __props.clearable && unref(value) && !__props.disabled ? (openBlock(), createElementBlock("span", {
-                key: 2,
-                "data-id": "clear",
-                class: normalizeClass(["group-hover:!visible", [_ctx.$style.clear, unref(focused) && "!visible"]]),
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => clear(), ["stop", "prevent"]))
-              }, [
-                createVNode(RuiIcon, {
-                  color: "error",
-                  name: "lu-x",
-                  size: "18"
-                })
-              ], 2)) : createCommentVNode("", true),
-              createElementVNode("span", {
-                class: normalizeClass(_ctx.$style.icon__wrapper)
-              }, [
-                createVNode(RuiIcon, {
-                  class: normalizeClass([_ctx.$style.icon, { "rotate-180": open }]),
-                  size: __props.dense ? 16 : 24,
-                  name: "lu-chevron-down"
-                }, null, 8, ["class", "size"])
-              ], 2),
-              __props.loading ? (openBlock(), createBlock(RuiProgress, {
-                key: 3,
-                class: "absolute left-0 bottom-0 w-full",
-                color: "primary",
-                thickness: "3",
-                variant: "indeterminate"
-              })) : createCommentVNode("", true)
-            ], 16, _hoisted_1),
-            unref(outlined) ? (openBlock(), createElementBlock("fieldset", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.fieldset)
-            }, [
-              createElementVNode("legend", {
-                class: normalizeClass({ "px-2": unref(float) })
-              }, null, 2)
-            ], 2)) : createCommentVNode("", true)
-          ]),
-          createElementVNode("input", {
-            value: unref(valueKey),
-            class: "hidden",
-            type: "hidden"
-          }, null, 8, _hoisted_3)
-        ]),
-        default: withCtx(({ width }) => [
-          __props.options.length > 0 ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 0,
-            class: [_ctx.$style.menu, __props.menuClass],
-            style: { width: `${width}px`, minWidth: unref(menuWidth) }
-          }, unref(virtualContainerProps), {
-            onScroll: _cache[3] || (_cache[3] = //@ts-ignore
-            (...args) => unref(containerProps).onScroll && unref(containerProps).onScroll(...args)),
-            onKeydown: [
-              _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => unref(moveHighlight)(true), ["prevent"]), ["up"])),
-              _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => unref(moveHighlight)(false), ["prevent"]), ["down"]))
-            ]
-          }), [
-            createElementVNode("div", mergeProps(unref(wrapperProps), {
-              ref_key: "menuRef",
-              ref: menuRef
-            }), [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(renderedData), ({ item, _index }) => {
-                return openBlock(), createBlock(RuiButton, {
-                  key: unref(getIdentifier)(item),
-                  active: unref(isActiveItem)(item),
-                  "aria-selected": unref(isActiveItem)(item),
-                  size: __props.dense ? "sm" : void 0,
-                  "model-value": unref(getIdentifier)(item),
-                  variant: "list",
-                  class: normalizeClass({
-                    highlighted: unref(highlightedIndex) === _index,
-                    [_ctx.$style.highlighted]: !unref(isActiveItem)(item) && unref(highlightedIndex) === _index
-                  }),
-                  "onUpdate:modelValue": ($event) => setValue(item, _index),
-                  onMousedown: ($event) => highlightedIndex.value = _index
-                }, {
-                  prepend: withCtx(() => [
-                    renderSlot(_ctx.$slots, "item.prepend", mergeProps({ ref_for: true }, { disabled: __props.disabled, item, active: unref(isActiveItem)(item) }))
-                  ]),
-                  append: withCtx(() => [
-                    renderSlot(_ctx.$slots, "item.append", mergeProps({ ref_for: true }, { disabled: __props.disabled, item, active: unref(isActiveItem)(item) }))
-                  ]),
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { disabled: __props.disabled, item, active: unref(isActiveItem)(item) }), () => [
-                      createTextVNode(toDisplayString(unref(getText)(item)), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["active", "aria-selected", "size", "model-value", "class", "onUpdate:modelValue", "onMousedown"]);
-              }), 128))
-            ], 16)
-          ], 16)) : !__props.hideNoData ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            "data-id": "no-data",
-            style: normalizeStyle({ width: `${width}px`, minWidth: unref(menuWidth) }),
-            class: normalizeClass(__props.menuClass)
-          }, [
-            renderSlot(_ctx.$slots, "no-data", {}, () => [
-              createElementVNode("div", _hoisted_4, toDisplayString(__props.noDataText), 1)
-            ])
-          ], 6)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16, ["modelValue", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiMenuSelect.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuiMenuSelect.vue2.js","sources":["../../../../src/components/forms/select/RuiMenuSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue, TItem\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu, { type MenuProps } from '@/components/overlays/menu/RuiMenu.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { type KeyOfType, useDropdownMenu } from '@/composables/dropdown-menu';\nimport { useLabelWithQuote } from '@/composables/forms/use-label-with-quote';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props<TValue, TItem> {\n  options: TItem[];\n  keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;\n  textAttr?: keyof TItem;\n  disabled?: boolean;\n  loading?: boolean;\n  readOnly?: boolean;\n  dense?: boolean;\n  clearable?: boolean;\n  label?: string;\n  menuOptions?: MenuProps;\n  labelClass?: string;\n  menuClass?: string;\n  optionClass?: string;\n  prependWidth?: number; // in rem\n  appendWidth?: number; // in rem\n  itemHeight?: number; // in px\n  variant?: 'default' | 'filled' | 'outlined';\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  autoSelectFirst?: boolean;\n  hideNoData?: boolean;\n  noDataText?: string;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiMenuSelect',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue | undefined>({ required: true });\n\nconst {\n  options,\n  disabled = false,\n  loading = false,\n  readOnly = false,\n  dense = false,\n  clearable = false,\n  hideDetails = false,\n  label = 'Select',\n  menuOptions,\n  labelClass,\n  menuClass,\n  variant = 'default',\n  hint,\n  keyAttr,\n  textAttr,\n  itemHeight,\n  errorMessages = [],\n  successMessages = [],\n  autoSelectFirst = false,\n  hideNoData = false,\n  noDataText = 'No data available',\n  required = false,\n} = defineProps<Props<TValue, TItem>>();\n\ndefineSlots<{\n  'activator'?: (props: {\n    disabled: boolean;\n    value: TItem | undefined;\n    variant: string;\n    readOnly: boolean;\n    attrs: Record<string, unknown>;\n    open: boolean;\n    hasError: boolean;\n    hasSuccess: boolean;\n  }) => any;\n  'activator.label'?: (props: { value: TItem | undefined }) => any;\n  'selection.prepend'?: (props: { item: TItem }) => any;\n  'selection'?: (props: { item: TItem }) => any;\n  'item.prepend'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'item.append'?: (props: { disabled: boolean; item: TItem; active: boolean }) => any;\n  'no-data'?: () => any;\n}>();\n\nconst menuRef = useTemplateRef<HTMLDivElement>('menuRef');\nconst activator = useTemplateRef<HTMLDivElement>('activator');\nconst { focused } = useFocus(activator);\n\nconst value = computed<TItem | undefined>({\n  get: () => {\n    const value = get(modelValue);\n    if (keyAttr)\n      return options.find(option => option[keyAttr] === value);\n    return value as unknown as TItem;\n  },\n  set: (selected?: TItem) => {\n    const selection = keyAttr && selected ? selected[keyAttr] : selected;\n    set(modelValue, selection as TValue);\n  },\n});\n\nconst labelWithQuote = useLabelWithQuote(\n  () => label,\n  () => required,\n);\n\nconst {\n  containerProps,\n  wrapperProps,\n  renderedData,\n  isOpen,\n  menuWidth,\n  getText,\n  getIdentifier,\n  isActiveItem,\n  highlightedIndex,\n  moveHighlight,\n  valueKey,\n} = useDropdownMenu<TValue, TItem>({\n  itemHeight: itemHeight ?? (dense ? 30 : 48),\n  keyAttr,\n  textAttr,\n  options: toRef(() => options),\n  autoFocus: true,\n  dense: toRef(() => dense),\n  value,\n  menuRef,\n  disabled: toRef(() => disabled),\n  autoSelectFirst,\n});\n\nconst outlined = computed<boolean>(() => variant === 'outlined');\n\nconst float = computed<boolean>(() => (get(isOpen) || !!get(value)) && get(outlined));\n\nconst virtualContainerProps = computed<{ style: Record<string, string>; ref: (el: any) => void }>(\n  () => ({\n    style: containerProps.style as any,\n    ref: containerProps.ref as any,\n  }),\n);\n\nfunction setValue(val: TItem, index?: number): void {\n  if (isDefined(index))\n    set(highlightedIndex, index);\n\n  set(value, val);\n  set(focused, true);\n}\n\nfunction clear(): void {\n  set(modelValue, undefined);\n}\n</script>\n\n<template>\n  <RuiMenu\n    v-model=\"isOpen\"\n    :class=\"$style.wrapper\"\n    disable-auto-focus\n    v-bind=\"{\n      ...getRootAttrs($attrs),\n      placement: 'bottom-start',\n      closeOnContentClick: true,\n      fullWidth: true,\n      ...menuOptions,\n      errorMessages,\n      successMessages,\n      hint,\n      dense,\n      showDetails: !hideDetails,\n      disabled,\n    }\"\n  >\n    <template #activator=\"{ attrs, open, hasError, hasSuccess }\">\n      <slot\n        name=\"activator\"\n        v-bind=\"{ disabled, value, variant, readOnly, attrs, open, hasError, hasSuccess }\"\n      >\n        <button\n          ref=\"activator\"\n          :disabled=\"disabled\"\n          :aria-disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-readonly=\"readOnly || undefined\"\n          :aria-required=\"required || undefined\"\n          :aria-busy=\"loading || undefined\"\n          type=\"button\"\n          :tabindex=\"disabled || readOnly ? -1 : 0\"\n          class=\"group\"\n          :class=\"[\n            $style.activator,\n            labelClass,\n            {\n              [$style.disabled]: disabled,\n              [$style.readonly]: readOnly,\n              [$style.outlined]: outlined,\n              [$style.dense]: dense,\n              [$style.float]: float,\n              [$style.opened]: open,\n              [$style['with-value']]: !!value,\n              [$style['with-error']]: hasError,\n              [$style['with-success']]: hasSuccess && !hasError,\n            },\n          ]\"\n          v-bind=\"{ ...getNonRootAttrs($attrs), ...(readOnly ? {} : attrs) }\"\n          data-id=\"activator\"\n          :data-error=\"hasError ? '' : undefined\"\n          :aria-invalid=\"hasError\"\n          @keydown.up.prevent=\"moveHighlight(true)\"\n          @keydown.down.prevent=\"moveHighlight(false)\"\n        >\n          <span\n            v-if=\"outlined || !value\"\n            :class=\"[\n              $style.label,\n              {\n                'absolute': outlined,\n                'pr-2': !value && !open && outlined,\n              },\n            ]\"\n          >\n            <slot\n              name=\"activator.label\"\n              v-bind=\"{ value }\"\n            >\n              {{ label }}\n            </slot>\n            <span\n              v-if=\"required\"\n              class=\"text-rui-error\"\n            >\n              ﹡\n            </span>\n          </span>\n          <span\n            v-if=\"value\"\n            class=\"w-full\"\n            :class=\"$style.value\"\n          >\n            <slot\n              name=\"selection.prepend\"\n              v-bind=\"{ item: value }\"\n            />\n            <slot\n              name=\"selection\"\n              v-bind=\"{ item: value }\"\n            >\n              {{ getText(value) }}\n            </slot>\n          </span>\n\n          <span\n            v-if=\"clearable && value && !disabled\"\n            data-id=\"clear\"\n            class=\"group-hover:!visible\"\n            :class=\"[$style.clear, focused && '!visible']\"\n            @click.stop.prevent=\"clear()\"\n          >\n            <RuiIcon\n              color=\"error\"\n              name=\"lu-x\"\n              size=\"18\"\n            />\n          </span>\n\n          <span :class=\"$style.icon__wrapper\">\n            <RuiIcon\n              :class=\"[$style.icon, { 'rotate-180': open }]\"\n              :size=\"dense ? 16 : 24\"\n              name=\"lu-chevron-down\"\n            />\n          </span>\n\n          <RuiProgress\n            v-if=\"loading\"\n            class=\"absolute left-0 bottom-0 w-full\"\n            color=\"primary\"\n            thickness=\"3\"\n            variant=\"indeterminate\"\n          />\n        </button>\n        <fieldset\n          v-if=\"outlined\"\n          :class=\"$style.fieldset\"\n        >\n          <legend :class=\"{ 'px-2': float }\" />\n        </fieldset>\n      </slot>\n      <input\n        :value=\"valueKey\"\n        class=\"hidden\"\n        type=\"hidden\"\n      />\n    </template>\n    <template #default=\"{ width }\">\n      <div\n        v-if=\"options.length > 0\"\n        :class=\"[$style.menu, menuClass]\"\n        :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n        v-bind=\"virtualContainerProps\"\n        @scroll=\"containerProps.onScroll\"\n        @keydown.up.prevent=\"moveHighlight(true)\"\n        @keydown.down.prevent=\"moveHighlight(false)\"\n      >\n        <div\n          v-bind=\"wrapperProps\"\n          ref=\"menuRef\"\n        >\n          <RuiButton\n            v-for=\"{ item, _index } in renderedData\"\n            :key=\"getIdentifier(item)\"\n            :active=\"isActiveItem(item)\"\n            :aria-selected=\"isActiveItem(item)\"\n            :size=\"dense ? 'sm' : undefined\"\n            :model-value=\"getIdentifier(item)\"\n            variant=\"list\"\n            :class=\"{\n              highlighted: highlightedIndex === _index,\n              [$style.highlighted]: !isActiveItem(item) && highlightedIndex === _index,\n            }\"\n            @update:model-value=\"setValue(item, _index)\"\n            @mousedown=\"highlightedIndex = _index\"\n          >\n            <template #prepend>\n              <slot\n                name=\"item.prepend\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n            <slot\n              name=\"item\"\n              v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n            >\n              {{ getText(item) }}\n            </slot>\n            <template #append>\n              <slot\n                name=\"item.append\"\n                v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n              />\n            </template>\n          </RuiButton>\n        </div>\n      </div>\n\n      <div\n        v-else-if=\"!hideNoData\"\n        data-id=\"no-data\"\n        :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n        :class=\"menuClass\"\n      >\n        <slot name=\"no-data\">\n          <div class=\"p-4\">\n            {{ noDataText }}\n          </div>\n        </slot>\n      </div>\n    </template>\n  </RuiMenu>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n  @apply w-full inline-flex flex-col;\n\n  .activator {\n    @apply relative inline-flex items-center w-full;\n    @apply outline-none focus:outline-none cursor-pointer min-h-14 pl-3 py-2 pr-8 rounded;\n    @apply m-0 bg-white transition-all text-body-1 text-left hover:border-black;\n\n    &:not(.outlined) {\n      @apply hover:bg-gray-100 focus-within:bg-gray-100;\n    }\n\n    &.dense {\n      @apply py-1.5 min-h-10;\n\n      ~ .fieldset {\n        @apply px-2;\n      }\n    }\n\n    &.disabled {\n      @apply opacity-65 text-rui-text-disabled active:text-rui-text-disabled cursor-default pointer-events-none;\n    }\n\n    &.readonly {\n      @apply opacity-80 pointer-events-none cursor-default bg-gray-50;\n    }\n\n    &.outlined {\n      @apply border-none hover:border-none;\n\n      &.opened,\n      &:focus {\n        @apply border-rui-primary;\n\n        ~ .fieldset {\n          @apply border-rui-primary #{!important};\n          @apply border-2 #{!important};\n        }\n      }\n\n      ~ .fieldset {\n        @apply border border-black/[0.23];\n      }\n\n      &:hover {\n        ~ .fieldset {\n          @apply border-black;\n        }\n      }\n\n      &.disabled {\n        ~ .fieldset {\n          @apply border-dotted;\n          @apply border-black/[0.23] #{!important};\n        }\n      }\n\n      &.with-success {\n        .label {\n          @apply text-rui-success #{!important};\n        }\n\n        ~ .fieldset {\n          @apply border-rui-success #{!important};\n        }\n      }\n\n      &.with-error {\n        .label {\n          @apply text-rui-error #{!important};\n        }\n\n        ~ .fieldset {\n          @apply border-rui-error #{!important};\n        }\n      }\n    }\n\n    .label {\n      @apply text-rui-text-secondary;\n      max-width: calc(100% - 2.5rem);\n    }\n\n    .label,\n    .value {\n      @apply block truncate transition-all duration-75;\n    }\n\n    .clear {\n      @apply ml-auto shrink-0 invisible;\n    }\n\n    .icon {\n      @apply text-rui-text transition;\n\n      &__wrapper {\n        @apply flex items-center justify-end;\n        @apply absolute right-3 top-px bottom-0;\n      }\n    }\n\n    &.float {\n      .label {\n        @apply -translate-y-2 top-0 text-xs px-1;\n      }\n\n      ~ .fieldset {\n        legend {\n          &:after {\n            content: v-bind(labelWithQuote);\n          }\n        }\n      }\n\n      &.opened,\n      &.opened.with-value,\n      &:focus,\n      &:focus.with-value {\n        .label {\n          @apply text-rui-primary;\n        }\n\n        ~ .fieldset {\n          @apply border-rui-primary;\n          @apply border-2 #{!important};\n        }\n      }\n    }\n  }\n\n  .fieldset {\n    @apply absolute w-full min-w-0 h-[calc(100%+0.5rem)] top-0 left-0 rounded pointer-events-none px-2 transition-all -mt-2;\n\n    legend {\n      @apply opacity-0 text-xs truncate;\n      max-width: calc(100% - 1rem);\n\n      &:before {\n        content: ' ';\n      }\n\n      &:after {\n        @apply truncate max-w-full leading-[0];\n        content: '\\200B';\n      }\n    }\n  }\n}\n\n.menu {\n  @apply overflow-y-auto max-h-60 min-w-[2.5rem];\n}\n\n.highlighted {\n  @apply bg-rui-grey-200 #{!important};\n\n  &.active {\n    @apply bg-rui-grey-300 #{!important};\n  }\n}\n\n:global(.dark) {\n  .wrapper {\n    .activator {\n      @apply bg-transparent text-rui-text;\n\n      &:not(.outlined) {\n        @apply hover:bg-white/10 focus-within:bg-white/10;\n\n        &.disabled {\n          @apply bg-white/10;\n        }\n      }\n\n      &.readonly {\n        @apply bg-white/10;\n      }\n\n      &.outlined {\n        ~ .fieldset {\n          @apply border-white/[0.23];\n        }\n\n        &.disabled {\n          ~ .fieldset {\n            @apply border-white/[0.23] #{!important};\n          }\n        }\n\n        &:hover {\n          ~ .fieldset {\n            @apply border-white;\n          }\n        }\n      }\n    }\n  }\n\n  .highlighted {\n    @apply bg-rui-grey-800 #{!important};\n\n    &.active {\n      @apply bg-rui-grey-700 #{!important};\n    }\n  }\n}\n</style>\n"],"names":["_useModel","value","_openBlock","_createBlock","_mergeProps","_unref","$style","$attrs","_withCtx","_renderSlot","_createElementVNode","_createElementBlock","_normalizeClass","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","_createVNode","_Fragment","_renderList","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,UAAM,aAAaA,8BAAkD;AA+CrE,UAAM,UAAU,eAA+B,SAAS;AACxD,UAAM,YAAY,eAA+B,WAAW;AAC5D,UAAM,EAAE,QAAA,IAAY,SAAS,SAAS;AAEtC,UAAM,QAAQ,SAA4B;AAAA,MACxC,KAAK,MAAM;AACT,cAAMC,SAAQ,IAAI,UAAU;AAC5B,YAAI,QAAA;AACF,iBAAO,QAAA,QAAQ,KAAK,CAAA,WAAU,OAAO,QAAA,OAAO,MAAMA,MAAK;AACzD,eAAOA;AAAAA,MACT;AAAA,MACA,KAAK,CAAC,aAAqB;AACzB,cAAM,YAAY,QAAA,WAAW,WAAW,SAAS,QAAA,OAAO,IAAI;AAC5D,YAAI,YAAY,SAAmB;AAAA,MACrC;AAAA,IAAA,CACD;AAED,UAAM,iBAAiB;AAAA,MACrB,MAAM,QAAA;AAAA,MACN,MAAM,QAAA;AAAA,IAAA;AAGR,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,gBAA+B;AAAA,MACjC,YAAY,QAAA,eAAe,QAAA,QAAQ,KAAK;AAAA,MACxC,SAAM,QAAA;AAAA,MACN,UAAO,QAAA;AAAA,MACP,SAAS,MAAM,MAAM,QAAA,OAAO;AAAA,MAC5B,WAAW;AAAA,MACX,OAAO,MAAM,MAAM,QAAA,KAAK;AAAA,MACxB;AAAA,MACA;AAAA,MACA,UAAU,MAAM,MAAM,QAAA,QAAQ;AAAA,MAC9B,iBAAc,QAAA;AAAA,IAAA,CACf;AAED,UAAM,WAAW,SAAkB,MAAM,QAAA,YAAY,UAAU;AAE/D,UAAM,QAAQ,SAAkB,OAAO,IAAI,MAAM,KAAK,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,QAAQ,CAAC;AAEpF,UAAM,wBAAwB;AAAA,MAC5B,OAAO;AAAA,QACL,OAAO,eAAe;AAAA,QACtB,KAAK,eAAe;AAAA,MAAA;AAAA,IACtB;AAGF,aAAS,SAAS,KAAY,OAAsB;AAClD,UAAI,UAAU,KAAK;AACjB,YAAI,kBAAkB,KAAK;AAE7B,UAAI,OAAO,GAAG;AACd,UAAI,SAAS,IAAI;AAAA,IACnB;AAEA,aAAS,QAAc;AACrB,UAAI,YAAY,MAAS;AAAA,IAC3B;;AAIE,aAAAC,UAAA,GAAAC,YA2MU,SA3MVC,WA2MU;AAAA,oBA1MCC,MAAA,MAAA;AAAA,qFAAA,OAAM,QAAA,SAAA;AAAA,QACd,OAAOC,KAAAA,OAAO;AAAA,QACf,sBAAA;AAAA,MAAA;QACmB,GAAAD,MAAA,YAAA,EAAaE,KAAAA,MAAM;AAAA;;;WAAqG,QAAA;AAAA,uBAAmB,QAAA;AAAA,yBAAqB,QAAA;AAAA,cAAuB,QAAA;AAAA,eAAY,QAAA;AAAA,sBAA2B,QAAA;AAAA,kBAAmB,QAAA;AAAA,MAAA;QAczP,WAASC,QAClB,CAiHO,EAlHe,OAAO,MAAM,UAAU,iBAAU;AAAA,UACvDC,WAiHO,wEA/GK,QAAA,UAAQ,OAAEJ,MAAA,KAAA,GAAK,SAAE,iBAAO,UAAE,QAAA,UAAU,OAAO,MAAM,UAAU,WAAA,KAFvE,MAiHO;AAAA,YA7GLK,mBAsGS,UAtGTN,WAsGS;AAAA,uBArGH;AAAA,cAAJ,KAAI;AAAA,cACH,UAAU,QAAA;AAAA,cACV,iBAAe,QAAA;AAAA,cACf,iBAAeC,MAAA,MAAA;AAAA,cACf,iBAAe,QAAA,YAAY;AAAA,cAC3B,iBAAe,QAAA,YAAY;AAAA,cAC3B,aAAW,QAAA,WAAW;AAAA,cACvB,MAAK;AAAA,cACJ,UAAU,QAAA,YAAY,QAAA,WAAQ,KAAA;AAAA,cAC/B,QAAM,SAAO;AAAA,gBACSC,KAAAA,OAAO;AAAA,gBAAuB,QAAA;AAAA;mBAAyCA,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,mBAAyBA,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,mBAAyBA,KAAAA,OAAO,QAAQ,GAAGD,MAAA,QAAA;AAAA,mBAAyBC,KAAAA,OAAO,KAAK,GAAG,QAAA;AAAA,mBAAsBA,KAAAA,OAAO,KAAK,GAAGD,MAAA,KAAA;AAAA,mBAAsBC,KAAAA,OAAO,MAAM,GAAG;AAAA,kBAAqBA,CAAAA,KAAAA,yBAAyBD,MAAA,KAAA;AAAA,kBAAsBC,CAAAA,KAAAA,uBAAuB;AAAA,mBAAyBA,KAAAA,OAAM,cAAA,CAAA,GAAmB,cAAU,CAAK;AAAA,gBAAA;AAAA;eAevc,EAAA,GAAAD,MAAA,eAAA,EAAgBE,KAAAA,MAAM,GAAA,GAAO,QAAA,gBAAgB,SAAK;AAAA,cAC/D,WAAQ;AAAA,cACP,cAAY,WAAQ,KAAQ;AAAA,cAC5B,gBAAc;AAAA,cACd,WAAO;AAAA,6EAAaF,MAAA,aAAA,EAAa,IAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,IAAA,CAAA;AAAA,6EACXA,MAAA,aAAA,EAAa,KAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,cAAA;AAAA;cAG5BA,MAAA,QAAA,MAAaA,MAAA,KAAA,kBADrBM,mBAsBO,QAAA;AAAA;gBApBJ,OAAKC,eAAA;AAAA,kBAAkBN,KAAAA,OAAO;AAAA;gCAAmDD,MAAA,QAAA;AAAA,6BAAmCA,MAAA,KAAA,KAAK,CAAK,QAAQA,MAAA,QAAA;AAAA,kBAAA;AAAA;;gBAQvII,WAKO,KAAA,QAAA,mBAAAI,eAAAC,mBAAA,EAAA,OAHKT,MAAA,KAAA,EAAA,CAAK,CAAA,GAFjB,MAKO;AAAA,kDADF,QAAA,KAAK,GAAA,CAAA;AAAA,gBAAA;gBAGF,QAAA,yBADRM,mBAKO,QALP,YAGC,KAED;;cAGMN,MAAA,KAAA,kBADRM,mBAeO,QAAA;AAAA;gBAbL,OAAKC,eAAA,CAAC,UACEN,KAAAA,OAAO,KAAK,CAAA;AAAA,cAAA;gBAEpBG,WAGE,4EADgBJ,MAAA,KAAA,EAAA,CAAK,CAAA,CAAA;AAAA,gBAEvBI,WAKO,KAAA,QAAA,aAAAI,eAAAC,mBAAA,EAAA,MAHWT,MAAA,KAAA,EAAA,CAAK,CAAA,GAFvB,MAKO;AAAA,kBADFU,gBAAAC,gBAAAX,MAAA,OAAA,EAAQA,MAAA,KAAA,CAAK,CAAA,GAAA,CAAA;AAAA,gBAAA;;cAKZ,QAAA,aAAaA,MAAA,KAAA,KAAK,CAAK,QAAA,yBAD/BM,mBAYO,QAAA;AAAA;gBAVL,WAAQ;AAAA,gBACR,uBAAM,wBAAsB,CACnBL,YAAO,OAAOD,MAAA,OAAA,KAAO,UAAA,CAAA,CAAA;AAAA,gBAC7B,6DAAoB,MAAA,GAAK,CAAA,QAAA,SAAA,CAAA;AAAA,cAAA;gBAE1BY,YAIE,SAAA;AAAA,kBAHA,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,gBAAA;;cAITP,mBAMO,QAAA;AAAA,gBANA,OAAKE,eAAEN,KAAAA,OAAO,aAAa;AAAA,cAAA;gBAChCW,YAIE,SAAA;AAAA,kBAHC,OAAKL,eAAA,CAAGN,KAAAA,OAAO,sBAAsB,KAAA,CAAI,CAAA;AAAA,kBACzC,MAAM,QAAA,QAAK,KAAA;AAAA,kBACZ,MAAK;AAAA,gBAAA;;cAKD,QAAA,wBADRH,YAME,aAAA;AAAA;gBAJA,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAQ;AAAA,cAAA;;YAIJE,MAAA,QAAA,kBADRM,mBAKW,YAAA;AAAA;cAHR,OAAKC,eAAEN,KAAAA,OAAO,QAAQ;AAAA,YAAA;cAEvBI,mBAAqC,UAAA;AAAA,gBAA5B,gCAAiBL,MAAA,KAAA,GAAK;AAAA,cAAA;;;UAGnCK,mBAIE,SAAA;AAAA,YAHC,OAAOL,MAAA,QAAA;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,UAAA;;QAGE,SAAOG,QAChB,CAgDM,EAjDc,YAAK;AAAA,UAEjB,QAAA,QAAQ,SAAM,KADtBN,aAAAS,mBAgDM,OAhDNP,WAgDM;AAAA;YA9CH,OAAK,CAAGE,KAAAA,OAAO,MAAM,QAAA,SAAS;AAAA,YAC9B,OAAK,EAAA,OAAA,GAAc,KAAK,MAAA,UAAgBD,MAAA,SAAA,EAAA;AAAA,UAAS,GAC1CA,MAAA,qBAAA,GAAqB;AAAA,YAC5B,UAAM,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,YAAE,IAAA,SAAAA,MAAA,cAAA,EAAe,YAAfA,MAAA,cAAA,EAAe,SAAQ,GAAA,IAAA;AAAA,YAC/B,WAAO;AAAA,2EAAaA,MAAA,aAAA,EAAa,IAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,IAAA,CAAA;AAAA,2EACXA,MAAA,aAAA,EAAa,KAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YAAA;AAAA;YAEpCK,mBAsCM,OAtCNN,WAsCMC,MAAA,YAAA,GArCgB;AAAA,uBAChB;AAAA,cAAJ,KAAI;AAAA,YAAA;eAEJH,UAAA,IAAA,GAAAS,mBAiCYO,UAAA,MAAAC,WAhCiBd,MAAA,YAAA,GAAY,CAAA,EAA9B,MAAM,aAAM;oCADvBF,YAiCY,WAAA;AAAA,kBA/BT,KAAKE,MAAA,aAAA,EAAc,IAAI;AAAA,kBACvB,QAAQA,MAAA,YAAA,EAAa,IAAI;AAAA,kBACzB,iBAAeA,MAAA,YAAA,EAAa,IAAI;AAAA,kBAChC,MAAM,QAAA,QAAK,OAAU;AAAA,kBACrB,eAAaA,MAAA,aAAA,EAAc,IAAI;AAAA,kBAChC,SAAQ;AAAA,kBACP,OAAKO,eAAA;AAAA,oBAA+B,aAAAP,MAAA,gBAAA,MAAqB;AAAA,qBAAuBC,KAAAA,OAAO,WAAW,GAAA,CAAID,MAAA,YAAA,EAAa,IAAI,KAAKA,MAAA,gBAAA,MAAqB;AAAA,kBAAA;kBAIjJ,uBAAkB,CAAA,WAAE,SAAS,MAAM,MAAM;AAAA,kBACzC,aAAS,CAAA,WAAE,iBAAA,QAAmB;AAAA,gBAAA;kBAEpB,iBACT,MAGE;AAAA,oBAHFI,WAGE,KAAA,QAAA,gBAHFL,WAGE,EAAA,SAAA,QAAA,EAAA,UADU,QAAA,UAAU,MAAI,QAAUC,MAAA,YAAA,EAAa,IAAI,GAAA,CAAA;AAAA,kBAAA;kBAS5C,gBACT,MAGE;AAAA,oBAHFI,WAGE,KAAA,QAAA,eAHFL,WAGE,EAAA,SAAA,QAAA,EAAA,UADU,QAAA,UAAU,MAAI,QAAUC,MAAA,YAAA,EAAa,IAAI,GAAA,CAAA;AAAA,kBAAA;mCATvD,MAKO;AAAA,oBALPI,WAKO,KAAA,QAAA,QALPL,WAKO,EAAA,SAAA,KAAA,GAAA,EAAA,UAHK,QAAA,UAAU,MAAI,QAAUC,MAAA,YAAA,EAAa,IAAI,EAAA,CAAA,GAFrD,MAKO;AAAA,sBADFU,gBAAAC,gBAAAX,MAAA,OAAA,EAAQ,IAAI,CAAA,GAAA,CAAA;AAAA,oBAAA;;;;;;qBAaT,QAAA,2BADdM,mBAWM,OAAA;AAAA;YATJ,WAAQ;AAAA,YACP,OAAKS,eAAA,EAAA,OAAA,GAAc,KAAK,MAAA,UAAgBf,MAAA,SAAA,EAAA,CAAS;AAAA,YACjD,sBAAO,QAAA,SAAS;AAAA,UAAA;YAEjBI,WAIO,4BAJP,MAIO;AAAA,cAHLC,mBAEM,OAFN,YAEMM,gBADD,QAAA,UAAU,GAAA,CAAA;AAAA,YAAA;;;;;;;;"}

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

@@ -1,60 +0,0 @@
-const wrapper = "_wrapper_1dvzu_2";
-const activator = "_activator_1dvzu_5";
-const outlined = "_outlined_1dvzu_10";
-const dense = "_dense_1dvzu_13";
-const fieldset = "_fieldset_1dvzu_16";
-const disabled = "_disabled_1dvzu_19";
-const readonly = "_readonly_1dvzu_22";
-const opened = "_opened_1dvzu_28";
-const label = "_label_1dvzu_45";
-const value = "_value_1dvzu_62";
-const clear = "_clear_1dvzu_65";
-const icon = "_icon_1dvzu_68";
-const icon__wrapper = "_icon__wrapper_1dvzu_71";
-const float = "_float_1dvzu_75";
-const menu = "_menu_1dvzu_103";
-const highlighted = "_highlighted_1dvzu_107";
-const active = "_active_1dvzu_110";
-const style0 = {
-  wrapper,
-  activator,
-  outlined,
-  dense,
-  fieldset,
-  disabled,
-  readonly,
-  opened,
-  "with-success": "_with-success_1dvzu_45",
-  label,
-  "with-error": "_with-error_1dvzu_51",
-  value,
-  clear,
-  icon,
-  icon__wrapper,
-  float,
-  "with-value": "_with-value_1dvzu_81",
-  menu,
-  highlighted,
-  active
-};
-export {
-  activator,
-  active,
-  clear,
-  style0 as default,
-  dense,
-  disabled,
-  fieldset,
-  float,
-  highlighted,
-  icon,
-  icon__wrapper,
-  label,
-  menu,
-  opened,
-  outlined,
-  readonly,
-  value,
-  wrapper
-};
-//# sourceMappingURL=RuiMenuSelect.vue3.js.map

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

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