@rotki/ui-library 2.15.0 → 2.16.0

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

@@ -1,229 +0,0 @@
-import { defineComponent, useCssVars, unref, useModel, useTemplateRef, useCssModule, computed, toRef, watch, onMounted, openBlock, createElementBlock, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, renderSlot, createVNode, createCommentVNode, normalizeStyle, withDirectives, mergeProps, vModelText, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, mergeModels, nextTick } from "vue";
-import RuiButton from "../../buttons/button/RuiButton.vue.js";
-import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
-import RuiIcon from "../../icons/RuiIcon.vue.js";
-import { useLabelWithQuote } from "../../../composables/forms/use-label-with-quote.js";
-import { usePrependAppendWidth } from "../../../composables/forms/use-prepend-append-width.js";
-import { useFormTextDetail } from "../../../utils/form-text-detail.js";
-import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
-import { useFocus, refDebounced } from "@vueuse/core";
-import { get, set } from "@vueuse/shared";
-const _hoisted_1 = ["data-error"];
-const _hoisted_2 = ["value"];
-const _hoisted_3 = ["placeholder", "disabled", "readonly", "aria-invalid"];
-const _hoisted_4 = {
-  key: 0,
-  class: "text-rui-error"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiTextArea",
-    inheritAttrs: false
-  },
-  __name: "RuiTextArea",
-  props: /* @__PURE__ */ mergeModels({
-    label: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    variant: { default: "default" },
-    color: { default: () => void 0 },
-    textColor: { default: () => void 0 },
-    dense: { type: Boolean, default: false },
-    hint: { default: "" },
-    errorMessages: { default: () => [] },
-    successMessages: { default: () => [] },
-    hideDetails: { type: Boolean, default: false },
-    prependIcon: { default: () => void 0 },
-    appendIcon: { default: () => void 0 },
-    readonly: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: false },
-    noResize: { type: Boolean, default: false },
-    minRows: { default: 2 },
-    maxRows: { default: () => void 0 },
-    rowHeight: { default: 1.5 },
-    autoGrow: { type: Boolean, default: false },
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { required: true },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["click:clear"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "bed0c318": unref(appendWidth),
-      "v6e9e5030": unref(prependWidth),
-      "v7862e7cc": unref(labelWithQuote)
-    }));
-    const modelValue = useModel(__props, "modelValue");
-    const emit = __emit;
-    const prepend = useTemplateRef("prepend");
-    const append = useTemplateRef("append");
-    const textarea = useTemplateRef("textarea");
-    const textareaSizer = useTemplateRef("textareaSizer");
-    const { prependWidth, appendWidth } = usePrependAppendWidth(prepend, append, 24);
-    const css = useCssModule();
-    const { focused } = useFocus(textarea);
-    const focusedDebounced = refDebounced(focused, 500);
-    const showClearIcon = computed(() => __props.clearable && !!get(modelValue) && !__props.disabled && !__props.readonly);
-    const { hasError, hasSuccess, hasMessages } = useFormTextDetail(
-      toRef(() => __props.errorMessages),
-      toRef(() => __props.successMessages)
-    );
-    const labelWithQuote = useLabelWithQuote(
-      () => __props.label,
-      () => __props.required
-    );
-    const fieldStyles = computed(() => {
-      const height = Number(__props.rowHeight);
-      const min = Number(__props.minRows);
-      const max = Number(__props.maxRows);
-      const value = {
-        minHeight: `${min * height + 0.75}rem`
-      };
-      if (max)
-        value.maxHeight = `${max * height + 0.75}rem`;
-      return value;
-    });
-    const colorClass = computed(() => __props.color ? css[__props.color] : void 0);
-    function clearIconClicked() {
-      set(modelValue, "");
-      emit("click:clear");
-    }
-    function computeFieldHeight(newVal, oldVal) {
-      if (!__props.autoGrow)
-        return;
-      const field = get(textarea);
-      const fieldValue = newVal ?? get(modelValue);
-      const fieldSizer = get(textareaSizer);
-      if (!(field && fieldSizer))
-        return;
-      nextTick(() => {
-        field.style.minHeight = get(fieldStyles).minHeight;
-        const sizerHeight = fieldSizer.scrollHeight;
-        const fieldHeight = field.scrollHeight;
-        let height = `${Math.max(sizerHeight, fieldHeight) / 16}rem`;
-        if (oldVal && oldVal.length > fieldValue.length)
-          height = `${Math.min(sizerHeight, fieldHeight) / 16}rem`;
-        field.style.height = height;
-      });
-    }
-    watch(modelValue, computeFieldHeight);
-    onMounted(computeFieldHeight);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [
-        createElementVNode("div", {
-          class: normalizeClass([
-            unref(css).wrapper,
-            unref(colorClass),
-            unref(css)[__props.variant ?? ""],
-            {
-              [unref(css).dense]: __props.dense,
-              [unref(css).disabled]: __props.disabled,
-              [unref(css)["no-label"]]: !__props.label,
-              [unref(css)["with-error"] ?? ""]: unref(hasError),
-              [unref(css)["with-success"] ?? ""]: unref(hasSuccess) && !unref(hasError),
-              [unref(css)[`text_${__props.textColor}`] ?? ""]: __props.textColor && !unref(hasMessages)
-            }
-          ]),
-          "data-error": unref(hasError) ? "" : void 0
-        }, [
-          _ctx.$slots.prepend || __props.prependIcon ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            ref_key: "prepend",
-            ref: prepend,
-            class: normalizeClass(["flex items-center gap-1 shrink-0", unref(css).prepend])
-          }, [
-            _ctx.$slots.prepend ? renderSlot(_ctx.$slots, "prepend", { key: 0 }) : __props.prependIcon ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass([unref(css).icon])
-            }, [
-              createVNode(RuiIcon, { name: __props.prependIcon }, null, 8, ["name"])
-            ], 2)) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass(unref(css).inner_wrapper)
-          }, [
-            __props.autoGrow ? (openBlock(), createElementBlock("textarea", {
-              key: 0,
-              ref_key: "textareaSizer",
-              ref: textareaSizer,
-              value: modelValue.value,
-              class: normalizeClass([unref(css).textarea_sizer]),
-              style: normalizeStyle(unref(fieldStyles)),
-              "aria-hidden": "true",
-              disabled: "",
-              readonly: ""
-            }, null, 14, _hoisted_2)) : createCommentVNode("", true),
-            withDirectives(createElementVNode("textarea", mergeProps({
-              ref_key: "textarea",
-              ref: textarea,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-              placeholder: __props.placeholder || " ",
-              class: [unref(css).textarea, __props.noResize ? "resize-none" : "resize-y"],
-              style: unref(fieldStyles),
-              disabled: __props.disabled,
-              readonly: __props.readonly,
-              "aria-invalid": unref(hasError)
-            }, unref(getNonRootAttrs)(_ctx.$attrs)), null, 16, _hoisted_3), [
-              [vModelText, modelValue.value]
-            ]),
-            createElementVNode("label", {
-              class: normalizeClass(unref(css).label)
-            }, [
-              createTextVNode(toDisplayString(__props.label) + " ", 1),
-              __props.required ? (openBlock(), createElementBlock("span", _hoisted_4, " ﹡ ")) : createCommentVNode("", true)
-            ], 2),
-            __props.variant === "outlined" ? (openBlock(), createElementBlock("fieldset", {
-              key: 1,
-              class: normalizeClass(unref(css).fieldset)
-            }, [..._cache[2] || (_cache[2] = [
-              createElementVNode("legend", null, null, -1)
-            ])], 2)) : createCommentVNode("", true)
-          ], 2),
-          _ctx.$slots.append || __props.appendIcon || unref(showClearIcon) ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            ref_key: "append",
-            ref: append,
-            class: normalizeClass(["flex items-center gap-1 shrink-0", unref(css).append])
-          }, [
-            unref(showClearIcon) ? (openBlock(), createBlock(RuiButton, {
-              key: 0,
-              class: normalizeClass([{ hidden: !unref(focusedDebounced) }, "!p-2 clear-btn"]),
-              variant: "text",
-              type: "button",
-              icon: "",
-              color: "error",
-              tabindex: "-1",
-              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => clearIconClicked(), ["stop"]))
-            }, {
-              default: withCtx(() => [
-                createVNode(RuiIcon, {
-                  name: "lu-x",
-                  size: "20"
-                })
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("", true),
-            _ctx.$slots.append ? renderSlot(_ctx.$slots, "append", { key: 1 }) : __props.appendIcon ? (openBlock(), createElementBlock("div", {
-              key: 2,
-              class: normalizeClass([unref(css).icon])
-            }, [
-              createVNode(RuiIcon, { name: __props.appendIcon }, null, 8, ["name"])
-            ], 2)) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true)
-        ], 10, _hoisted_1),
-        !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          class: "pt-1 px-3",
-          "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=RuiTextArea.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTextArea.vue2.js","sources":["../../../../src/components/forms/text-area/RuiTextArea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { useLabelWithQuote } from '@/composables/forms/use-label-with-quote';\nimport { usePrependAppendWidth } from '@/composables/forms/use-prepend-append-width';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props {\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  variant?: 'default' | 'filled' | 'outlined';\n  color?: ContextColorsType;\n  textColor?: ContextColorsType;\n  dense?: boolean;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  prependIcon?: RuiIcons;\n  appendIcon?: RuiIcons;\n  readonly?: boolean;\n  clearable?: boolean;\n  noResize?: boolean;\n  minRows?: number | string;\n  maxRows?: number | string;\n  rowHeight?: number | string;\n  autoGrow?: boolean;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiTextArea',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst {\n  label = '',\n  placeholder = '',\n  disabled = false,\n  variant = 'default',\n  color = undefined,\n  textColor = undefined,\n  dense = false,\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  prependIcon = undefined,\n  appendIcon = undefined,\n  readonly = false,\n  clearable = false,\n  noResize = false,\n  minRows = 2,\n  rowHeight = 1.5, // in rems\n  maxRows = undefined,\n  autoGrow = false,\n  required = false,\n} = defineProps<Props>();\n\nconst emit = defineEmits<{\n  'click:clear': [];\n}>();\n\ndefineSlots<{\n  prepend?: () => any;\n  append?: () => any;\n}>();\n\nconst prepend = useTemplateRef<HTMLDivElement>('prepend');\nconst append = useTemplateRef<HTMLDivElement>('append');\nconst textarea = useTemplateRef<HTMLTextAreaElement>('textarea');\nconst textareaSizer = useTemplateRef<HTMLTextAreaElement>('textareaSizer');\n\nconst { prependWidth, appendWidth } = usePrependAppendWidth(prepend, append, 24);\n\nconst css = useCssModule();\n\nconst { focused } = useFocus(textarea);\nconst focusedDebounced = refDebounced(focused, 500);\n\nconst showClearIcon = computed<boolean>(() => clearable && !!get(modelValue) && !disabled && !readonly);\n\nconst { hasError, hasSuccess, hasMessages } = useFormTextDetail(\n  toRef(() => errorMessages),\n  toRef(() => successMessages),\n);\n\nconst labelWithQuote = useLabelWithQuote(\n  () => label,\n  () => required,\n);\n\nconst fieldStyles = computed<{ minHeight: string; maxHeight?: string }>(() => {\n  const height = Number(rowHeight);\n  const min = Number(minRows);\n  const max = Number(maxRows);\n  const value: { minHeight: string; maxHeight?: string } = {\n    minHeight: `${min * height + 0.75}rem`,\n  };\n  if (max)\n    value.maxHeight = `${max * height + 0.75}rem`;\n\n  return value;\n});\n\nconst colorClass = computed<string | undefined>(() => (color ? css[color] : undefined));\n\nfunction clearIconClicked(): void {\n  set(modelValue, '');\n  emit('click:clear');\n}\n\nfunction computeFieldHeight(newVal?: string, oldVal?: string): void {\n  if (!autoGrow)\n    return;\n\n  const field = get(textarea);\n  const fieldValue = newVal ?? get(modelValue);\n  const fieldSizer = get(textareaSizer);\n  if (!(field && fieldSizer))\n    return;\n\n  nextTick(() => {\n    field.style.minHeight = get(fieldStyles).minHeight;\n    const sizerHeight = fieldSizer.scrollHeight;\n    const fieldHeight = field.scrollHeight;\n    let height = `${Math.max(sizerHeight, fieldHeight) / 16}rem`;\n    if (oldVal && oldVal.length > fieldValue.length)\n      height = `${Math.min(sizerHeight, fieldHeight) / 16}rem`;\n\n    field.style.height = height;\n  });\n}\n\nwatch(modelValue, computeFieldHeight);\nonMounted(computeFieldHeight);\n</script>\n\n<template>\n  <div v-bind=\"getRootAttrs($attrs)\">\n    <div\n      :class=\"[\n        css.wrapper,\n        colorClass,\n        css[variant ?? ''],\n        {\n          [css.dense]: dense,\n          [css.disabled]: disabled,\n          [css['no-label']]: !label,\n          [css['with-error'] ?? '']: hasError,\n          [css['with-success'] ?? '']: hasSuccess && !hasError,\n          [css[`text_${textColor}`] ?? '']: textColor && !hasMessages,\n        },\n      ]\"\n      :data-error=\"hasError ? '' : undefined\"\n    >\n      <div\n        v-if=\"$slots.prepend || prependIcon\"\n        ref=\"prepend\"\n        class=\"flex items-center gap-1 shrink-0\"\n        :class=\"css.prepend\"\n      >\n        <slot\n          v-if=\"$slots.prepend\"\n          name=\"prepend\"\n        />\n        <div\n          v-else-if=\"prependIcon\"\n          :class=\"[css.icon]\"\n        >\n          <RuiIcon :name=\"prependIcon\" />\n        </div>\n      </div>\n      <div :class=\"css.inner_wrapper\">\n        <textarea\n          v-if=\"autoGrow\"\n          ref=\"textareaSizer\"\n          :value=\"modelValue\"\n          :class=\"[css.textarea_sizer]\"\n          :style=\"fieldStyles\"\n          aria-hidden=\"true\"\n          disabled\n          readonly\n        />\n        <textarea\n          ref=\"textarea\"\n          v-model=\"modelValue\"\n          :placeholder=\"placeholder || ' '\"\n          :class=\"[css.textarea, noResize ? 'resize-none' : 'resize-y']\"\n          :style=\"fieldStyles\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-invalid=\"hasError\"\n          v-bind=\"getNonRootAttrs($attrs)\"\n        />\n        <label :class=\"css.label\">\n          {{ label }}\n          <span\n            v-if=\"required\"\n            class=\"text-rui-error\"\n          >\n            ﹡\n          </span>\n        </label>\n        <fieldset\n          v-if=\"variant === 'outlined'\"\n          :class=\"css.fieldset\"\n        >\n          <legend />\n        </fieldset>\n      </div>\n      <div\n        v-if=\"$slots.append || appendIcon || showClearIcon\"\n        ref=\"append\"\n        class=\"flex items-center gap-1 shrink-0\"\n        :class=\"css.append\"\n      >\n        <RuiButton\n          v-if=\"showClearIcon\"\n          :class=\"{ hidden: !focusedDebounced }\"\n          variant=\"text\"\n          type=\"button\"\n          icon\n          class=\"!p-2 clear-btn\"\n          color=\"error\"\n          tabindex=\"-1\"\n          @click.stop=\"clearIconClicked()\"\n        >\n          <RuiIcon\n            name=\"lu-x\"\n            size=\"20\"\n          />\n        </RuiButton>\n        <slot\n          v-if=\"$slots.append\"\n          name=\"append\"\n        />\n        <div\n          v-else-if=\"appendIcon\"\n          :class=\"[css.icon]\"\n        >\n          <RuiIcon :name=\"appendIcon\" />\n        </div>\n      </div>\n    </div>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      class=\"pt-1 px-3\"\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    .label {\n      @apply border-white/[0.42];\n\n      &:after {\n        @apply border-white;\n      }\n    }\n\n    .icon {\n      @apply text-white/[0.56];\n    }\n\n    &:hover {\n      .label {\n        @apply border-white;\n      }\n    }\n\n    &.filled {\n      .textarea {\n        &:focus {\n          + .label {\n            @apply bg-white/[0.13];\n          }\n        }\n      }\n\n      .label {\n        @apply bg-white/[0.09];\n      }\n    }\n\n    &.outlined {\n      .fieldset {\n        @apply border-white/[0.23];\n      }\n\n      &:not(.disabled) {\n        .textarea {\n          &:hover,\n          &:focus {\n            ~ .fieldset {\n              @apply border-white;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.wrapper {\n  @apply relative w-full min-w-[12.5rem] flex items-start;\n\n  .inner_wrapper {\n    @apply flex flex-1 pt-4;\n  }\n\n  .append {\n    @apply absolute right-0;\n  }\n\n  .textarea {\n    @apply leading-6 text-rui-text w-full bg-transparent pb-2 pt-0;\n    @apply outline-0 outline-none placeholder:opacity-0 focus:placeholder:opacity-100;\n\n    --x-padding: 0.75rem;\n    padding-right: calc(var(--x-padding) + v-bind(appendWidth)) !important;\n\n    &_sizer {\n      @apply invisible absolute top-0 left-0 w-full h-0 -z-10 pointer-events-none py-2 px-3 #{!important};\n\n      padding-right: calc(var(--x-padding) + v-bind(appendWidth)) !important;\n    }\n\n    &:focus {\n      @apply outline-0;\n      + .label {\n        @apply after:scale-x-100;\n      }\n    }\n\n    &:not(:placeholder-shown),\n    &:autofill,\n    &:-webkit-autofill,\n    &[data-has-value='true'],\n    &:focus {\n      + .label {\n        @apply text-xs leading-tight;\n        padding-left: var(--x-padding);\n        padding-right: var(--x-padding);\n      }\n    }\n\n    &:disabled {\n      @apply border-dotted;\n\n      &,\n      + .label {\n        @apply text-rui-text-disabled;\n      }\n\n      ~ .fieldset {\n        @apply border-dotted;\n      }\n    }\n  }\n\n  .label {\n    @apply left-0 text-base leading-[3.2] text-rui-text-secondary pointer-events-none absolute top-0 flex h-full w-full select-none transition-all border-b border-black/[0.42];\n\n    --x-padding: 0rem;\n\n    padding-left: calc(var(--x-padding) + v-bind(prependWidth));\n    padding-right: calc(var(--x-padding) + v-bind(appendWidth));\n\n    &:after {\n      content: '';\n      @apply absolute bottom-0 left-0 block w-full scale-x-0 border-b-2 mb-[-1px] transition-transform duration-300 border-black;\n    }\n  }\n\n  &:hover {\n    .label {\n      @apply border-black;\n    }\n  }\n\n  .icon {\n    @apply text-black/[0.54];\n  }\n\n  .prepend,\n  .append {\n    @apply mt-4 mx-3;\n\n    .textarea {\n      --x-padding: 0rem;\n    }\n  }\n\n  @each $color in c.$context-colors {\n    &.#{$color} {\n      .textarea {\n        &:focus {\n          + .label {\n            @apply text-rui-#{$color};\n          }\n        }\n      }\n\n      .label {\n        @apply after:border-rui-#{$color};\n      }\n\n      &.outlined {\n        &:not(.disabled) {\n          .textarea {\n            &:focus {\n              ~ .fieldset {\n                @apply border-rui-#{$color};\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.text_#{$color},\n    &.with-#{$color} {\n      .prepend,\n      .append,\n      .textarea {\n        @apply text-rui-#{$color};\n      }\n\n      &:not(.disabled) .prepend svg,\n      &:not(.disabled) .append svg {\n        @apply text-rui-#{$color};\n      }\n    }\n  }\n\n  @each $color in 'error', 'success' {\n    &.with-#{$color} {\n      .textarea {\n        @apply border-rui-#{$color} #{!important};\n      }\n\n      .label {\n        @apply text-rui-#{$color} after:border-rui-#{$color} #{!important};\n      }\n\n      .fieldset {\n        @apply border-rui-#{$color} #{!important};\n      }\n    }\n  }\n\n  &.dense {\n    .inner_wrapper {\n      @apply pt-2;\n\n      .textarea {\n        @apply py-1;\n        &_sizer {\n          @apply py-1;\n        }\n      }\n    }\n  }\n\n  &.filled,\n  &.outlined {\n    .textarea {\n      @apply px-3;\n    }\n\n    .prepend {\n      @apply mr-0;\n\n      + .inner_wrapper .textarea {\n        &:not(:placeholder-shown),\n        &:autofill,\n        &:-webkit-autofill,\n        &[data-has-value='true'],\n        &:focus {\n          + .label {\n            --x-padding: 0.75rem;\n          }\n        }\n      }\n    }\n\n    .append {\n      @apply ml-0;\n    }\n\n    .prepend,\n    .append {\n      + .inner_wrapper > .label {\n        --x-padding: 0rem;\n      }\n    }\n\n    .label {\n      --x-padding: 0.75rem;\n    }\n  }\n\n  &.filled {\n    .label {\n      @apply rounded-t bg-black/[0.06];\n    }\n\n    &.no-label {\n      .textarea {\n        @apply py-4;\n        &_sizer {\n          @apply py-4;\n        }\n      }\n\n      &.dense {\n        .textarea {\n          @apply py-3;\n        }\n      }\n    }\n  }\n\n  &.outlined {\n    .textarea {\n      &:not(:placeholder-shown),\n      &:autofill,\n      &:-webkit-autofill,\n      &[data-has-value='true'],\n      &:focus {\n        @apply border-t-transparent;\n\n        + .label {\n          @apply leading-[0] pl-4;\n        }\n\n        ~ .fieldset {\n          legend {\n            &:after {\n              content: v-bind(labelWithQuote);\n            }\n          }\n        }\n      }\n    }\n\n    .fieldset {\n      @apply absolute w-full h-[calc(100%+0.5rem)] top-0 left-0 pointer-events-none rounded border border-black/[0.23] px-2 transition-all -mt-2;\n\n      legend {\n        @apply opacity-0 text-xs;\n\n        &:after {\n          @apply whitespace-break-spaces;\n          content: '\\200B';\n        }\n      }\n    }\n\n    &:not(.disabled) {\n      .textarea {\n        &:hover,\n        &:focus {\n          ~ .fieldset {\n            @apply border border-black;\n          }\n        }\n\n        &:focus {\n          ~ .fieldset {\n            @apply border-2;\n          }\n        }\n      }\n    }\n\n    .label {\n      @apply border-0 border-transparent;\n\n      &:after {\n        content: none !important;\n      }\n    }\n\n    &.dense {\n      .label {\n        @apply leading-[2.5];\n      }\n    }\n  }\n}\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$slots","_renderSlot","_createVNode","_withDirectives","_mergeProps","_createTextVNode","_toDisplayString","_createBlock","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,aAAaA,SAAmB,SAAA,YAAmB;AA0BzD,UAAM,OAAO;AASb,UAAM,UAAU,eAA+B,SAAS;AACxD,UAAM,SAAS,eAA+B,QAAQ;AACtD,UAAM,WAAW,eAAoC,UAAU;AAC/D,UAAM,gBAAgB,eAAoC,eAAe;AAEzE,UAAM,EAAE,cAAc,YAAA,IAAgB,sBAAsB,SAAS,QAAQ,EAAE;AAE/E,UAAM,MAAM,aAAA;AAEZ,UAAM,EAAE,QAAA,IAAY,SAAS,QAAQ;AACrC,UAAM,mBAAmB,aAAa,SAAS,GAAG;AAElD,UAAM,gBAAgB,SAAkB,MAAM,QAAA,aAAa,CAAC,CAAC,IAAI,UAAU,KAAK,CAAC,oBAAY,CAAC,gBAAQ;AAEtG,UAAM,EAAE,UAAU,YAAY,YAAA,IAAgB;AAAA,MAC5C,MAAM,MAAM,qBAAa;AAAA,MACzB,MAAM,MAAM,uBAAe;AAAA,IAAA;AAG7B,UAAM,iBAAiB;AAAA,MACrB,MAAM,QAAA;AAAA,MACN,MAAM,QAAA;AAAA,IAAA;AAGR,UAAM,cAAc,SAAoD,MAAM;AAC5E,YAAM,SAAS,OAAO,QAAA,SAAS;AAC/B,YAAM,MAAM,OAAO,QAAA,OAAO;AAC1B,YAAM,MAAM,OAAO,QAAA,OAAO;AAC1B,YAAM,QAAmD;AAAA,QACvD,WAAW,GAAG,MAAM,SAAS,IAAI;AAAA,MAAA;AAEnC,UAAI;AACF,cAAM,YAAY,GAAG,MAAM,SAAS,IAAI;AAE1C,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAA6B,MAAO,QAAA,QAAQ,IAAI,QAAA,KAAK,IAAI,MAAU;AAEtF,aAAS,mBAAyB;AAChC,UAAI,YAAY,EAAE;AAClB,WAAK,aAAa;AAAA,IACpB;AAEA,aAAS,mBAAmB,QAAiB,QAAuB;AAClE,UAAI,CAAC,QAAA;AACH;AAEF,YAAM,QAAQ,IAAI,QAAQ;AAC1B,YAAM,aAAa,UAAU,IAAI,UAAU;AAC3C,YAAM,aAAa,IAAI,aAAa;AACpC,UAAI,EAAE,SAAS;AACb;AAEF,eAAS,MAAM;AACb,cAAM,MAAM,YAAY,IAAI,WAAW,EAAE;AACzC,cAAM,cAAc,WAAW;AAC/B,cAAM,cAAc,MAAM;AAC1B,YAAI,SAAS,GAAG,KAAK,IAAI,aAAa,WAAW,IAAI,EAAE;AACvD,YAAI,UAAU,OAAO,SAAS,WAAW;AACvC,mBAAS,GAAG,KAAK,IAAI,aAAa,WAAW,IAAI,EAAE;AAErD,cAAM,MAAM,SAAS;AAAA,MACvB,CAAC;AAAA,IACH;AAEA,UAAM,YAAY,kBAAkB;AACpC,cAAU,kBAAkB;;0BAI1BC,mBAiHM,OAAAC,eAAAC,mBAjHOC,MAAA,YAAA,EAAaC,KAAAA,MAAM,CAAA,CAAA,GAAA;AAAA,QAC9BC,mBAwGM,OAAA;AAAA,UAvGH,OAAKC,eAAA;AAAA,YAAYH,MAAA,GAAA,EAAI;AAAA,YAAiBA,MAAA,UAAA;AAAA,YAAoBA,MAAA,GAAA,EAAI,QAAA,WAAO,EAAA;AAAA;eAA8BA,MAAA,GAAA,EAAI,KAAK,GAAG,QAAA;AAAA,eAAkBA,MAAA,GAAA,EAAI,QAAQ,GAAG,QAAA;AAAA,cAAqB,CAAAA,MAAA,GAAA,iBAAmB,QAAA;AAAA,cAAkB,CAAAA,MAAA,GAAA,wBAA0BA,MAAA,QAAA;AAAA,eAAqBA,MAAA,GAAA,EAAG,cAAA,KAAA,EAAA,GAAyBA,MAAA,UAAA,KAAU,CAAKA,MAAA,QAAA;AAAA,cAAqB,CAAAA,MAAA,GAAA,EAAG,QAAS,QAAA,SAAS,EAAA,KAAA,EAAA,GAAY,QAAA,cAAcA,MAAA,WAAA;AAAA,YAAA;AAAA;UAaxW,cAAYA,MAAA,QAAA,IAAQ,KAAQ;AAAA,QAAA;UAGrBI,KAAAA,OAAO,WAAW,QAAA,4BAD1BP,mBAgBM,OAAA;AAAA;qBAdA;AAAA,YAAJ,KAAI;AAAA,YACJ,OAAKM,eAAA,CAAC,oCACEH,MAAA,GAAA,EAAI,OAAO,CAAA;AAAA,UAAA;YAGXI,KAAAA,OAAO,UADfC,WAGE,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA,IAEW,QAAA,4BADbR,mBAKM,OAAA;AAAA;cAHH,OAAKM,eAAA,CAAGH,MAAA,GAAA,EAAI,IAAI,CAAA;AAAA,YAAA;cAEjBM,YAA+B,SAAA,EAArB,MAAM,QAAA,YAAA,GAAW,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YAAA;;UAG/BJ,mBAqCM,OAAA;AAAA,YArCA,OAAKC,eAAEH,MAAA,GAAA,EAAI,aAAa;AAAA,UAAA;YAEpB,QAAA,yBADRH,mBASE,YAAA;AAAA;uBAPI;AAAA,cAAJ,KAAI;AAAA,cACH,OAAO,WAAA;AAAA,cACP,OAAKM,eAAA,CAAGH,MAAA,GAAA,EAAI,cAAc,CAAA;AAAA,cAC1B,sBAAOA,MAAA,WAAA,CAAW;AAAA,cACnB,eAAY;AAAA,cACZ,UAAA;AAAA,cACA,UAAA;AAAA,YAAA;YAEFO,eAAAL,mBAUE,YAVFM,WAUE;AAAA,uBATI;AAAA,cAAJ,KAAI;AAAA,2EACK,WAAU,QAAA;AAAA,cAClB,aAAa,QAAA,eAAW;AAAA,cACxB,OAAK,CAAGR,MAAA,GAAA,EAAI,UAAU,QAAA,WAAQ,gBAAA,UAAA;AAAA,cAC9B,OAAOA,MAAA,WAAA;AAAA,cACP,UAAU,QAAA;AAAA,cACV,UAAU,QAAA;AAAA,cACV,gBAAcA,MAAA,QAAA;AAAA,YAAA,GACPA,MAAA,eAAA,EAAgBC,KAAAA,MAAM,CAAA,GAAA,MAAA,IAAA,UAAA,GAAA;AAAA,2BAPrB,WAAA,KAAU;AAAA,YAAA;YASrBC,mBAQQ,SAAA;AAAA,cARA,OAAKC,eAAEH,MAAA,GAAA,EAAI,KAAK;AAAA,YAAA;cACnBS,gBAAAC,gBAAA,QAAA,KAAK,IAAG,KACX,CAAA;AAAA,cACQ,QAAA,yBADRb,mBAKO,QALP,YAGC,KAED;;YAGM,QAAA,YAAO,2BADfA,mBAKW,YAAA;AAAA;cAHR,OAAKM,eAAEH,MAAA,GAAA,EAAI,QAAQ;AAAA,YAAA;cAEpBE,mBAAU,UAAA,MAAA,MAAA,EAAA;AAAA,YAAA;;UAINE,KAAAA,OAAO,UAAU,QAAA,cAAcJ,MAAA,aAAA,kBADvCH,mBAgCM,OAAA;AAAA;qBA9BA;AAAA,YAAJ,KAAI;AAAA,YACJ,OAAKM,eAAA,CAAC,oCACEH,MAAA,GAAA,EAAI,MAAM,CAAA;AAAA,UAAA;YAGVA,MAAA,aAAA,kBADRW,YAeY,WAAA;AAAA;cAbT,OAAKR,eAAA,CAAA,EAAA,QAAA,CAAaH,MAAA,gBAAA,KAIb,gBAAgB,CAAA;AAAA,cAHtB,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,MAAA;AAAA,cAEA,OAAM;AAAA,cACN,UAAS;AAAA,cACR,6DAAY,oBAAgB,CAAA,MAAA,CAAA;AAAA,YAAA;+BAE7B,MAGE;AAAA,gBAHFM,YAGE,SAAA;AAAA,kBAFA,MAAK;AAAA,kBACL,MAAK;AAAA,gBAAA;;;;YAIDF,KAAAA,OAAO,SADfC,WAGE,KAAA,QAAA,UAAA,EAAA,KAAA,EAAA,CAAA,IAEW,QAAA,2BADbR,mBAKM,OAAA;AAAA;cAHH,OAAKM,eAAA,CAAGH,MAAA,GAAA,EAAI,IAAI,CAAA;AAAA,YAAA;cAEjBM,YAA8B,SAAA,EAApB,MAAM,QAAA,WAAA,GAAU,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YAAA;;;SAKvB,QAAA,4BADTK,YAMEC,aAAA;AAAA;UAJA,OAAM;AAAA,UACL,kBAAgB,QAAA;AAAA,UAChB,oBAAkB,QAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}

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

@@ -1,92 +0,0 @@
-const wrapper = "_wrapper_1xhla_316";
-const label = "_label_1xhla_316";
-const icon = "_icon_1xhla_322";
-const filled = "_filled_1xhla_328";
-const textarea = "_textarea_1xhla_328";
-const outlined = "_outlined_1xhla_334";
-const fieldset = "_fieldset_1xhla_334";
-const disabled = "_disabled_1xhla_337";
-const inner_wrapper = "_inner_wrapper_1xhla_344";
-const append = "_append_1xhla_347";
-const textarea_sizer = "_textarea_sizer_1xhla_356";
-const prepend = "_prepend_1xhla_397";
-const primary = "_primary_1xhla_405";
-const text_primary = "_text_primary_1xhla_414";
-const secondary = "_secondary_1xhla_424";
-const text_secondary = "_text_secondary_1xhla_433";
-const error = "_error_1xhla_443";
-const text_error = "_text_error_1xhla_452";
-const warning = "_warning_1xhla_462";
-const text_warning = "_text_warning_1xhla_471";
-const info = "_info_1xhla_481";
-const text_info = "_text_info_1xhla_490";
-const success = "_success_1xhla_500";
-const text_success = "_text_success_1xhla_509";
-const dense = "_dense_1xhla_537";
-const style0 = {
-  wrapper,
-  label,
-  icon,
-  filled,
-  textarea,
-  outlined,
-  fieldset,
-  disabled,
-  inner_wrapper,
-  append,
-  textarea_sizer,
-  prepend,
-  primary,
-  text_primary,
-  "with-primary": "_with-primary_1xhla_416",
-  secondary,
-  text_secondary,
-  "with-secondary": "_with-secondary_1xhla_435",
-  error,
-  text_error,
-  "with-error": "_with-error_1xhla_454",
-  warning,
-  text_warning,
-  "with-warning": "_with-warning_1xhla_473",
-  info,
-  text_info,
-  "with-info": "_with-info_1xhla_492",
-  success,
-  text_success,
-  "with-success": "_with-success_1xhla_511",
-  dense,
-  "no-label": "_no-label_1xhla_569",
-  "bg-tint": "_bg-tint_1xhla_1",
-  "bg-shade": "_bg-shade_1xhla_1",
-  "text-tint": "_text-tint_1xhla_1",
-  "text-shade": "_text-shade_1xhla_1"
-};
-export {
-  append,
-  style0 as default,
-  dense,
-  disabled,
-  error,
-  fieldset,
-  filled,
-  icon,
-  info,
-  inner_wrapper,
-  label,
-  outlined,
-  prepend,
-  primary,
-  secondary,
-  success,
-  text_error,
-  text_info,
-  text_primary,
-  text_secondary,
-  text_success,
-  text_warning,
-  textarea,
-  textarea_sizer,
-  warning,
-  wrapper
-};
-//# sourceMappingURL=RuiTextArea.vue3.js.map

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

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

package/dist/components/forms/text-field/RuiTextField.vue.js

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

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

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

package/dist/components/forms/text-field/RuiTextField.vue2.js

@@ -1,202 +0,0 @@
-import { defineComponent, useCssVars, unref, useModel, useTemplateRef, toRef, computed, openBlock, createElementBlock, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, renderSlot, createVNode, createCommentVNode, mergeProps, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, mergeModels } from "vue";
-import RuiButton from "../../buttons/button/RuiButton.vue.js";
-import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
-import RuiIcon from "../../icons/RuiIcon.vue.js";
-import { useLabelWithQuote } from "../../../composables/forms/use-label-with-quote.js";
-import { usePrependAppendWidth } from "../../../composables/forms/use-prepend-append-width.js";
-import { useFormTextDetail } from "../../../utils/form-text-detail.js";
-import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
-import { useElementBounding, useFocus, refDebounced } from "@vueuse/core";
-import { get, set } from "@vueuse/shared";
-const _hoisted_1 = ["data-error"];
-const _hoisted_2 = ["value", "placeholder", "disabled", "dense", "variant", "readonly", "wrapper-width", "aria-invalid"];
-const _hoisted_3 = {
-  key: 0,
-  class: "text-rui-error"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiTextField",
-    inheritAttrs: false
-  },
-  __name: "RuiTextField",
-  props: /* @__PURE__ */ mergeModels({
-    label: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    variant: { default: "default" },
-    color: { default: () => void 0 },
-    textColor: { default: () => void 0 },
-    dense: { type: Boolean, default: false },
-    hint: { default: "" },
-    errorMessages: { default: () => [] },
-    successMessages: { default: () => [] },
-    hideDetails: { type: Boolean, default: false },
-    prependIcon: { default: () => void 0 },
-    appendIcon: { default: () => void 0 },
-    readonly: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: false },
-    required: { type: Boolean, default: false }
-  }, {
-    "modelValue": { required: true },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["focus-input", "blur", "remove", "clear"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "v69781af0": unref(prependWidth),
-      "v7208511c": unref(appendWidth),
-      "e4d60f1c": unref(labelWithQuote)
-    }));
-    const modelValue = useModel(__props, "modelValue");
-    const emit = __emit;
-    const prepend = useTemplateRef("prepend");
-    const append = useTemplateRef("append");
-    const innerWrapper = useTemplateRef("innerWrapper");
-    const inputRef = useTemplateRef("inputRef");
-    const { prependWidth, appendWidth } = usePrependAppendWidth(prepend, append);
-    const { width } = useElementBounding(innerWrapper);
-    const { hasError, hasSuccess, hasMessages } = useFormTextDetail(
-      toRef(() => __props.errorMessages),
-      toRef(() => __props.successMessages)
-    );
-    const { focused } = useFocus(inputRef);
-    const focusedDebounced = refDebounced(focused, 500);
-    const showClearIcon = computed(() => __props.clearable && !!get(modelValue) && !__props.disabled && !__props.readonly);
-    const labelWithQuote = useLabelWithQuote(
-      () => __props.label,
-      () => __props.required
-    );
-    function input(event) {
-      const value = event.target.value;
-      set(modelValue, value);
-    }
-    function clearIconClicked() {
-      set(modelValue, "");
-      emit("clear");
-    }
-    __expose({
-      setSelectionRange: (start, end) => {
-        get(inputRef)?.setSelectionRange(start, end);
-      },
-      focus: () => get(inputRef)?.focus(),
-      element: inputRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [
-        createElementVNode("div", {
-          class: normalizeClass([
-            _ctx.$style.wrapper,
-            _ctx.$style[__props.color ?? ""],
-            _ctx.$style[__props.variant ?? ""],
-            {
-              [_ctx.$style.dense]: __props.dense,
-              [_ctx.$style.disabled]: __props.disabled,
-              [_ctx.$style["no-label"]]: !__props.label,
-              [_ctx.$style["with-error"] ?? ""]: unref(hasError),
-              [_ctx.$style["with-success"] ?? ""]: unref(hasSuccess) && !unref(hasError),
-              [_ctx.$style[`text_${__props.textColor}`] ?? ""]: __props.textColor && !unref(hasMessages)
-            }
-          ]),
-          "data-error": unref(hasError) ? "" : void 0
-        }, [
-          _ctx.$slots.prepend || __props.prependIcon ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            ref_key: "prepend",
-            ref: prepend,
-            class: normalizeClass(["flex items-center gap-1 shrink-0", _ctx.$style.prepend])
-          }, [
-            _ctx.$slots.prepend ? renderSlot(_ctx.$slots, "prepend", { key: 0 }) : __props.prependIcon ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass([_ctx.$style.icon])
-            }, [
-              createVNode(RuiIcon, { name: __props.prependIcon }, null, 8, ["name"])
-            ], 2)) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            ref_key: "innerWrapper",
-            ref: innerWrapper,
-            class: "flex flex-1 overflow-hidden",
-            onClick: _cache[3] || (_cache[3] = ($event) => emit("focus-input", $event))
-          }, [
-            createElementVNode("input", mergeProps({
-              ref_key: "inputRef",
-              ref: inputRef,
-              value: modelValue.value,
-              placeholder: __props.placeholder || " ",
-              class: _ctx.$style.input,
-              disabled: __props.disabled,
-              dense: __props.dense,
-              variant: __props.variant,
-              readonly: __props.readonly,
-              "wrapper-width": unref(width),
-              "aria-invalid": unref(hasError)
-            }, unref(getNonRootAttrs)(_ctx.$attrs), {
-              onInput: _cache[0] || (_cache[0] = ($event) => input($event)),
-              onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
-              onRemove: _cache[2] || (_cache[2] = ($event) => emit("remove", $event))
-            }), null, 16, _hoisted_2),
-            createElementVNode("label", {
-              class: normalizeClass(_ctx.$style.label)
-            }, [
-              createElementVNode("span", null, [
-                createTextVNode(toDisplayString(__props.label) + " ", 1),
-                __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, " ﹡ ")) : createCommentVNode("", true)
-              ])
-            ], 2),
-            __props.variant === "outlined" ? (openBlock(), createElementBlock("fieldset", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.fieldset)
-            }, [
-              createElementVNode("legend", {
-                class: normalizeClass({ [_ctx.$style.show]: __props.label })
-              }, null, 2)
-            ], 2)) : createCommentVNode("", true)
-          ], 512),
-          _ctx.$slots.append || __props.appendIcon || unref(showClearIcon) ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            ref_key: "append",
-            ref: append,
-            class: normalizeClass(["flex items-center gap-1 shrink-0", _ctx.$style.append])
-          }, [
-            unref(showClearIcon) ? (openBlock(), createBlock(RuiButton, {
-              key: 0,
-              class: normalizeClass([{ hidden: !unref(focusedDebounced) }, "!p-2 clear-btn"]),
-              variant: "text",
-              type: "button",
-              icon: "",
-              color: "error",
-              tabindex: "-1",
-              onClick: _cache[4] || (_cache[4] = withModifiers(($event) => clearIconClicked(), ["stop"]))
-            }, {
-              default: withCtx(() => [
-                createVNode(RuiIcon, {
-                  name: "lu-x",
-                  size: "20"
-                })
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("", true),
-            _ctx.$slots.append ? renderSlot(_ctx.$slots, "append", { key: 1 }) : __props.appendIcon ? (openBlock(), createElementBlock("div", {
-              key: 2,
-              class: normalizeClass([_ctx.$style.icon])
-            }, [
-              createVNode(RuiIcon, { name: __props.appendIcon }, null, 8, ["name"])
-            ], 2)) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true)
-        ], 10, _hoisted_1),
-        !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          class: "pt-1 px-3",
-          "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=RuiTextField.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RuiTextField.vue2.js","sources":["../../../../src/components/forms/text-field/RuiTextField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { useLabelWithQuote } from '@/composables/forms/use-label-with-quote';\nimport { usePrependAppendWidth } from '@/composables/forms/use-prepend-append-width';\nimport { useFormTextDetail } from '@/utils/form-text-detail';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface TextFieldProps {\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  variant?: 'default' | 'filled' | 'outlined';\n  color?: ContextColorsType;\n  textColor?: ContextColorsType;\n  dense?: boolean;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  prependIcon?: RuiIcons;\n  appendIcon?: RuiIcons;\n  readonly?: boolean;\n  clearable?: boolean;\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiTextField',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst {\n  label = '',\n  placeholder = '',\n  disabled = false,\n  variant = 'default',\n  color = undefined,\n  textColor = undefined,\n  dense = false,\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  prependIcon = undefined,\n  appendIcon = undefined,\n  readonly = false,\n  clearable = false,\n  required = false,\n} = defineProps<TextFieldProps>();\n\nconst emit = defineEmits<{\n  'focus-input': [event: Event];\n  'blur': [event: Event];\n  'remove': [value: unknown];\n  'clear': [];\n}>();\n\ndefineSlots<{\n  prepend?: () => any;\n  append?: () => any;\n}>();\n\nconst prepend = useTemplateRef<HTMLDivElement>('prepend');\nconst append = useTemplateRef<HTMLDivElement>('append');\nconst innerWrapper = useTemplateRef<HTMLDivElement>('innerWrapper');\nconst inputRef = useTemplateRef<HTMLInputElement>('inputRef');\n\nconst { prependWidth, appendWidth } = usePrependAppendWidth(prepend, append);\n\nconst { width } = useElementBounding(innerWrapper);\n\nconst { hasError, hasSuccess, hasMessages } = useFormTextDetail(\n  toRef(() => errorMessages),\n  toRef(() => successMessages),\n);\n\nconst { focused } = useFocus(inputRef);\nconst focusedDebounced = refDebounced(focused, 500);\n\nconst showClearIcon = computed<boolean>(() => clearable && !!get(modelValue) && !disabled && !readonly);\n\nconst labelWithQuote = useLabelWithQuote(\n  () => label,\n  () => required,\n);\n\nfunction input(event: Event): void {\n  const value = (event.target as HTMLInputElement).value;\n  set(modelValue, value);\n}\n\nfunction clearIconClicked(): void {\n  set(modelValue, '');\n  emit('clear');\n}\n\ndefineExpose({\n  setSelectionRange: (start: number, end: number) => {\n    get(inputRef)?.setSelectionRange(start, end);\n  },\n  focus: () => get(inputRef)?.focus(),\n  element: inputRef,\n});\n</script>\n\n<template>\n  <div v-bind=\"getRootAttrs($attrs)\">\n    <div\n      :class=\"[\n        $style.wrapper,\n        $style[color ?? ''],\n        $style[variant ?? ''],\n        {\n          [$style.dense]: dense,\n          [$style.disabled]: disabled,\n          [$style['no-label']]: !label,\n          [$style['with-error'] ?? '']: hasError,\n          [$style['with-success'] ?? '']: hasSuccess && !hasError,\n          [$style[`text_${textColor}`] ?? '']: textColor && !hasMessages,\n        },\n      ]\"\n      :data-error=\"hasError ? '' : undefined\"\n    >\n      <div\n        v-if=\"$slots.prepend || prependIcon\"\n        ref=\"prepend\"\n        class=\"flex items-center gap-1 shrink-0\"\n        :class=\"$style.prepend\"\n      >\n        <slot\n          v-if=\"$slots.prepend\"\n          name=\"prepend\"\n        />\n        <div\n          v-else-if=\"prependIcon\"\n          :class=\"[$style.icon]\"\n        >\n          <RuiIcon :name=\"prependIcon\" />\n        </div>\n      </div>\n      <div\n        ref=\"innerWrapper\"\n        class=\"flex flex-1 overflow-hidden\"\n        @click=\"emit('focus-input', $event)\"\n      >\n        <input\n          ref=\"inputRef\"\n          :value=\"modelValue\"\n          :placeholder=\"placeholder || ' '\"\n          :class=\"$style.input\"\n          :disabled=\"disabled\"\n          :dense=\"dense\"\n          :variant=\"variant\"\n          :readonly=\"readonly\"\n          :wrapper-width=\"width\"\n          :aria-invalid=\"hasError\"\n          v-bind=\"getNonRootAttrs($attrs)\"\n          @input=\"input($event)\"\n          @blur=\"emit('blur', $event)\"\n          @remove=\"emit('remove', $event)\"\n        />\n        <label :class=\"$style.label\">\n          <span>\n            {{ label }}\n            <span\n              v-if=\"required\"\n              class=\"text-rui-error\"\n            >\n              ﹡\n            </span>\n          </span>\n        </label>\n        <fieldset\n          v-if=\"variant === 'outlined'\"\n          :class=\"$style.fieldset\"\n        >\n          <legend :class=\"{ [$style.show]: label }\" />\n        </fieldset>\n      </div>\n      <div\n        v-if=\"$slots.append || appendIcon || showClearIcon\"\n        ref=\"append\"\n        class=\"flex items-center gap-1 shrink-0\"\n        :class=\"$style.append\"\n      >\n        <RuiButton\n          v-if=\"showClearIcon\"\n          :class=\"{ hidden: !focusedDebounced }\"\n          variant=\"text\"\n          type=\"button\"\n          icon\n          class=\"!p-2 clear-btn\"\n          color=\"error\"\n          tabindex=\"-1\"\n          @click.stop=\"clearIconClicked()\"\n        >\n          <RuiIcon\n            name=\"lu-x\"\n            size=\"20\"\n          />\n        </RuiButton>\n        <slot\n          v-if=\"$slots.append\"\n          name=\"append\"\n        />\n        <div\n          v-else-if=\"appendIcon\"\n          :class=\"[$style.icon]\"\n        >\n          <RuiIcon :name=\"appendIcon\" />\n        </div>\n      </div>\n    </div>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      class=\"pt-1 px-3\"\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    @apply bg-transparent;\n\n    .label {\n      @apply border-white/[0.42];\n\n      &:after {\n        @apply border-white;\n      }\n    }\n\n    .icon {\n      @apply text-white/[0.56];\n    }\n\n    &:hover {\n      .label {\n        @apply border-white;\n      }\n    }\n\n    &.filled {\n      .input {\n        &:focus {\n          + .label {\n            @apply bg-white/[0.13];\n          }\n        }\n      }\n\n      .label {\n        @apply bg-white/[0.09];\n      }\n    }\n\n    &.outlined {\n      .fieldset {\n        @apply border-white/[0.23];\n      }\n\n      &:not(.disabled) {\n        .input {\n          &:hover,\n          &:focus {\n            ~ .fieldset {\n              @apply border-white;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.wrapper {\n  @apply relative w-full flex items-center pt-3 rounded bg-white;\n\n  .input {\n    @apply leading-6 text-rui-text w-full bg-transparent py-1.5 pr-3 outline-0 outline-none transition-all placeholder:opacity-0 focus:placeholder:opacity-100;\n\n    &:focus {\n      @apply outline-0;\n      + .label {\n        @apply after:scale-x-100;\n      }\n    }\n\n    &:not(:placeholder-shown),\n    &:autofill,\n    &:-webkit-autofill,\n    &[data-has-value='true'],\n    &:focus {\n      + .label {\n        @apply text-xs leading-tight;\n        padding-left: var(--x-padding);\n        padding-right: var(--x-padding);\n      }\n    }\n\n    &:disabled {\n      @apply border-dotted;\n\n      &,\n      + .label {\n        @apply text-rui-text-disabled;\n      }\n\n      ~ .fieldset {\n        @apply border-dotted;\n      }\n    }\n  }\n\n  .label {\n    @apply left-0 text-base leading-[3.75] text-rui-text-secondary pointer-events-none absolute top-0 flex h-full w-full select-none transition-all duration-75 border-b border-black/[0.42];\n\n    --x-padding: 0px;\n    --prepend-width: v-bind(prependWidth);\n    --append-width: v-bind(appendWidth);\n\n    padding-left: calc(var(--x-padding) + var(--prepend-width, 0px));\n    padding-right: calc(var(--x-padding) + var(--append-width, 0px));\n\n    span {\n      @apply truncate transition-all duration-75;\n      content: v-bind(labelWithQuote);\n    }\n\n    &:after {\n      content: '';\n      @apply absolute bottom-0 left-0 block w-full scale-x-0 border-b-2 mb-[-1px] transition-transform duration-300 border-black;\n    }\n  }\n\n  &:hover {\n    .label {\n      @apply border-black;\n    }\n  }\n\n  .icon {\n    @apply text-black/[0.54];\n  }\n\n  .prepend {\n    &:not(:empty) {\n      @apply pr-2;\n    }\n  }\n\n  .append {\n    &:not(:empty) {\n      @apply pl-2;\n    }\n  }\n\n  @each $color in c.$context-colors {\n    &.#{$color} {\n      .input {\n        &:focus {\n          + .label {\n            @apply text-rui-#{$color};\n          }\n        }\n      }\n\n      .label {\n        @apply after:border-rui-#{$color};\n      }\n\n      &.outlined {\n        &:not(.disabled) {\n          .input {\n            &:focus {\n              ~ .fieldset {\n                @apply border-rui-#{$color};\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.text_#{$color},\n    &.with-#{$color} {\n      .prepend,\n      .append,\n      .input {\n        @apply text-rui-#{$color};\n      }\n\n      &:not(.disabled) .prepend svg,\n      &:not(.disabled) .append svg {\n        @apply text-rui-#{$color};\n      }\n    }\n  }\n\n  @each $color in 'error', 'success' {\n    &.with-#{$color} {\n      .input {\n        @apply border-rui-#{$color} #{!important};\n      }\n\n      .label {\n        @apply text-rui-#{$color} after:border-rui-#{$color} #{!important};\n      }\n\n      .fieldset {\n        @apply border-rui-#{$color} #{!important};\n      }\n    }\n  }\n\n  &.dense {\n    .input {\n      @apply py-1;\n    }\n\n    .label {\n      @apply leading-[3.5];\n    }\n  }\n\n  &.filled,\n  &.outlined {\n    @apply pt-0;\n\n    .prepend {\n      &:not(:empty) {\n        @apply pl-3 pr-0;\n      }\n    }\n\n    .append {\n      &:not(:empty) {\n        @apply pr-3 pl-0;\n      }\n    }\n\n    .input {\n      @apply px-3;\n    }\n\n    .label {\n      @apply leading-[3.5];\n      --x-padding: 0.75rem;\n    }\n  }\n\n  &.filled {\n    .input {\n      @apply py-4;\n\n      &:focus {\n        + .label {\n          @apply bg-black/[0.09];\n        }\n      }\n\n      &:not(:placeholder-shown),\n      &:autofill,\n      &:-webkit-autofill,\n      &[data-has-value='true'],\n      &:focus {\n        + .label {\n          @apply leading-[1.5] pl-4;\n\n          padding-left: calc(var(--x-padding));\n          padding-right: calc(var(--x-padding));\n        }\n      }\n    }\n\n    .label {\n      @apply rounded-t bg-black/[0.06];\n    }\n\n    &.dense {\n      .input {\n        @apply pt-5 pb-1;\n      }\n\n      .label {\n        @apply leading-[3];\n      }\n\n      &:not(:placeholder-shown),\n      &:autofill,\n      &:-webkit-autofill,\n      &[data-has-value='true'],\n      &:focus {\n        + .label {\n          @apply leading-[2.25];\n        }\n      }\n    }\n\n    &.no-label {\n      .input {\n        @apply py-4;\n      }\n\n      &.dense {\n        .input {\n          @apply py-3;\n        }\n      }\n    }\n  }\n\n  &.outlined {\n    .input {\n      @apply py-4 border-b-0;\n\n      &:not(:placeholder-shown),\n      &:autofill,\n      &:-webkit-autofill,\n      &[data-has-value='true'],\n      &:focus {\n        @apply border-t-transparent;\n\n        + .label {\n          @apply leading-[0] pl-4 -mt-3;\n\n          span {\n            @apply pt-3;\n          }\n        }\n\n        ~ .fieldset {\n          legend {\n            &.show {\n              @apply px-2;\n            }\n            &:after {\n              content: v-bind(labelWithQuote);\n            }\n          }\n        }\n      }\n    }\n\n    .fieldset {\n      @apply absolute w-full min-w-0 h-[calc(100%+0.5rem)] top-0 left-0 pointer-events-none rounded border border-black/[0.23] px-2 transition-all -mt-2;\n\n      legend {\n        @apply opacity-0 text-xs max-w-full truncate;\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    &:not(.disabled) {\n      .input {\n        &:hover,\n        &:focus {\n          ~ .fieldset {\n            @apply border border-black;\n          }\n        }\n\n        &:focus {\n          ~ .fieldset {\n            @apply border-2;\n          }\n        }\n      }\n    }\n\n    .label {\n      @apply border-0 border-transparent;\n\n      &:after {\n        content: none !important;\n      }\n    }\n\n    &.dense {\n      .input {\n        @apply py-2;\n      }\n\n      .label {\n        @apply leading-[2.5];\n      }\n    }\n  }\n}\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$style","$slots","_renderSlot","_createVNode","_mergeProps","_createTextVNode","_toDisplayString","_createBlock","RuiFormTextDetail"],"mappings":"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"}