@rotki/ui-library 2.8.1 → 2.8.2

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

@@ -0,0 +1 @@
+{"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 { logicAnd, logicNot } from '@vueuse/math';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { assert } from '@/utils/assert';\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}\n\ndefineOptions({\n  name: 'RuiTextField',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst props = withDefaults(defineProps<TextFieldProps>(), {\n  label: '',\n  placeholder: '',\n  disabled: false,\n  variant: 'default',\n  color: undefined,\n  textColor: undefined,\n  dense: false,\n  hint: '',\n  as: 'input',\n  errorMessages: () => [],\n  successMessages: () => [],\n  hideDetails: false,\n  prependIcon: undefined,\n  appendIcon: undefined,\n  readonly: false,\n  clearable: false,\n});\n\nconst emit = defineEmits<{\n  (e: 'focus-input', event: Event): void;\n  (e: 'blur', event: Event): void;\n  (e: 'remove', value: unknown): void;\n  (e: 'clear'): void;\n}>();\n\nconst {\n  label,\n  clearable,\n  disabled,\n  readonly,\n  errorMessages,\n  successMessages,\n} = toRefs(props);\n\nfunction input(event: Event) {\n  const value = (event.target as HTMLInputElement).value;\n  set(modelValue, value);\n}\n\nconst labelWithQuote = computed(() => {\n  const labelVal = get(label);\n  if (!labelVal)\n    return '\"\\\\200B\"';\n\n  return `'  ${labelVal}  '`;\n});\n\nconst prepend = ref<HTMLDivElement>();\nconst append = ref<HTMLDivElement>();\nconst innerWrapper = ref<HTMLDivElement>();\nconst inputRef = ref<HTMLInputElement>();\n\nconst prependWidth = ref('0px');\nconst appendWidth = ref('0px');\n\nconst { width } = useElementBounding(innerWrapper);\n\nuseResizeObserver(prepend, (entries) => {\n  const [entry] = entries;\n  assert(entry);\n  const { width, left } = entry.contentRect;\n  set(prependWidth, `${width + left}px`);\n});\n\nuseResizeObserver(append, (entries) => {\n  const [entry] = entries;\n  assert(entry);\n  const { width, right } = entry.contentRect;\n  set(appendWidth, `${width + right}px`);\n});\n\nconst { hasError, hasSuccess, hasMessages } = useFormTextDetail(\n  errorMessages,\n  successMessages,\n);\n\nconst { focused } = useFocus(inputRef);\nconst focusedDebounced = refDebounced(focused, 500);\n\nconst showClearIcon = logicAnd(\n  clearable,\n  modelValue,\n  logicNot(disabled),\n  logicNot(readonly),\n);\n\nfunction clearIconClicked() {\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    >\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          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        </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","width","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$style","$slots","_renderSlot","_createVNode","_mergeProps","_createBlock","RuiFormTextDetail"],"mappings":"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"}

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

@@ -0,0 +1,89 @@
+const wrapper = "_wrapper_kdkbx_316";
+const label = "_label_kdkbx_319";
+const icon = "_icon_kdkbx_325";
+const filled = "_filled_kdkbx_331";
+const input = "_input_kdkbx_331";
+const outlined = "_outlined_kdkbx_337";
+const fieldset = "_fieldset_kdkbx_337";
+const disabled = "_disabled_kdkbx_340";
+const prepend = "_prepend_kdkbx_393";
+const append = "_append_kdkbx_396";
+const primary = "_primary_kdkbx_399";
+const text_primary = "_text_primary_kdkbx_408";
+const secondary = "_secondary_kdkbx_418";
+const text_secondary = "_text_secondary_kdkbx_427";
+const error = "_error_kdkbx_437";
+const text_error = "_text_error_kdkbx_446";
+const warning = "_warning_kdkbx_456";
+const text_warning = "_text_warning_kdkbx_465";
+const info = "_info_kdkbx_475";
+const text_info = "_text_info_kdkbx_484";
+const success = "_success_kdkbx_494";
+const text_success = "_text_success_kdkbx_503";
+const dense = "_dense_kdkbx_531";
+const show = "_show_kdkbx_594";
+const style0 = {
+  wrapper,
+  label,
+  icon,
+  filled,
+  input,
+  outlined,
+  fieldset,
+  disabled,
+  prepend,
+  append,
+  primary,
+  text_primary,
+  "with-primary": "_with-primary_kdkbx_410",
+  secondary,
+  text_secondary,
+  "with-secondary": "_with-secondary_kdkbx_429",
+  error,
+  text_error,
+  "with-error": "_with-error_kdkbx_448",
+  warning,
+  text_warning,
+  "with-warning": "_with-warning_kdkbx_467",
+  info,
+  text_info,
+  "with-info": "_with-info_kdkbx_486",
+  success,
+  text_success,
+  "with-success": "_with-success_kdkbx_505",
+  dense,
+  "no-label": "_no-label_kdkbx_576",
+  show,
+  "bg-tint": "_bg-tint_kdkbx_1",
+  "bg-shade": "_bg-shade_kdkbx_1",
+  "text-tint": "_text-tint_kdkbx_1",
+  "text-shade": "_text-shade_kdkbx_1"
+};
+export {
+  append,
+  style0 as default,
+  dense,
+  disabled,
+  error,
+  fieldset,
+  filled,
+  icon,
+  info,
+  input,
+  label,
+  outlined,
+  prepend,
+  primary,
+  secondary,
+  show,
+  success,
+  text_error,
+  text_info,
+  text_primary,
+  text_secondary,
+  text_success,
+  text_warning,
+  warning,
+  wrapper
+};
+//# sourceMappingURL=RuiTextField.vue3.js.map

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

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

package/dist/components/helpers/RuiFormTextDetail.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, toRefs, createBlock, openBlock, TransitionGroup, withCtx, createElementBlock, createCommentVNode, unref, toDisplayString } from "vue";
+import { useFormTextDetail } from "../../utils/form-text-detail.js";
+const _hoisted_1 = {
+  key: "error",
+  class: "text-rui-error text-caption"
+};
+const _hoisted_2 = {
+  key: "success",
+  class: "text-rui-success text-caption"
+};
+const _hoisted_3 = {
+  key: "hint",
+  class: "text-rui-text-secondary text-caption"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RuiFormTextDetail",
+  props: {
+    errorMessages: { default: () => [] },
+    successMessages: { default: () => [] },
+    hint: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { errorMessages, successMessages } = toRefs(props);
+    const {
+      formattedErrorMessages,
+      formattedSuccessMessages,
+      hasError,
+      hasSuccess
+    } = useFormTextDetail(errorMessages, successMessages);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TransitionGroup, {
+        tag: "div",
+        class: "details min-h-[1.5rem]",
+        "enter-from-class": "opacity-0 -translate-y-2 h-0",
+        "enter-active-class": "transform transition",
+        "enter-to-class": "opacity-100 translate-y-0",
+        "leave-from-class": "opacity-100 -translate-y-2",
+        "leave-active-class": "transform transition",
+        "leave-to-class": "opacity-0 -translate-y-2 h-0",
+        appear: ""
+      }, {
+        default: withCtx(() => [
+          unref(hasError) ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(formattedErrorMessages)[0]), 1)) : unref(hasSuccess) ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(formattedSuccessMessages)[0]), 1)) : __props.hint ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiFormTextDetail.vue.js.map

package/dist/components/helpers/RuiFormTextDetail.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiFormTextDetail.vue.js","sources":["../../../src/components/helpers/RuiFormTextDetail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(\n  defineProps<{\n    errorMessages?: string | string[];\n    successMessages?: string | string[];\n    hint?: string;\n  }>(),\n  {\n    errorMessages: () => [],\n    successMessages: () => [],\n    hint: '',\n  },\n);\n\nconst { errorMessages, successMessages } = toRefs(props);\n\nconst {\n  formattedErrorMessages,\n  formattedSuccessMessages,\n  hasError,\n  hasSuccess,\n} = useFormTextDetail(errorMessages, successMessages);\n</script>\n\n<template>\n  <TransitionGroup\n    tag=\"div\"\n    class=\"details min-h-[1.5rem]\"\n    enter-from-class=\"opacity-0 -translate-y-2 h-0\"\n    enter-active-class=\"transform transition\"\n    enter-to-class=\"opacity-100 translate-y-0\"\n    leave-from-class=\"opacity-100 -translate-y-2\"\n    leave-active-class=\"transform transition\"\n    leave-to-class=\"opacity-0 -translate-y-2 h-0\"\n    appear\n  >\n    <div\n      v-if=\"hasError\"\n      key=\"error\"\n      class=\"text-rui-error text-caption\"\n    >\n      {{ formattedErrorMessages[0] }}\n    </div>\n    <div\n      v-else-if=\"hasSuccess\"\n      key=\"success\"\n      class=\"text-rui-success text-caption\"\n    >\n      {{ formattedSuccessMessages[0] }}\n    </div>\n    <div\n      v-else-if=\"hint\"\n      key=\"hint\"\n      class=\"text-rui-text-secondary text-caption\"\n    >\n      {{ hint }}\n    </div>\n  </TransitionGroup>\n</template>\n"],"names":["_createBlock","_TransitionGroup","_unref","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,UAAM,QAAQ;AAad,UAAM,EAAE,eAAe,oBAAoB,OAAO,KAAK;AAEvD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,kBAAkB,eAAe,eAAe;;0BAIlDA,YAgCkBC,iBAAA;AAAA,QA/BhB,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,oBAAiB;AAAA,QACjB,sBAAmB;AAAA,QACnB,kBAAe;AAAA,QACf,oBAAiB;AAAA,QACjB,sBAAmB;AAAA,QACnB,kBAAe;AAAA,QACf,QAAA;AAAA,MAAA;yBAEA,MAMM;AAAA,UALEC,MAAA,QAAA,kBADRC,mBAMM,OANN,YAMMC,gBADDF,MAAA,sBAAA,EAAsB,CAAA,CAAA,GAAA,CAAA,KAGdA,MAAA,UAAA,kBADbC,mBAMM,OANN,YAMMC,gBADDF,MAAA,wBAAA,EAAwB,CAAA,CAAA,GAAA,CAAA,KAGhB,QAAA,qBADbC,mBAMM,OANN,YAMMC,gBADD,QAAA,IAAI,GAAA,CAAA;;;;;;;"}

package/dist/components/helpers/RuiFormTextDetail.vue2.js

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

package/dist/components/helpers/RuiFormTextDetail.vue2.js.map

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

package/dist/components/icons/RuiIcon.vue.d.ts

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

package/dist/components/icons/RuiIcon.vue.js

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

package/dist/components/icons/RuiIcon.vue.js.map

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

package/dist/components/icons/RuiIcon.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, unref, createBlock, resolveDynamicComponent, mergeProps } from "vue";
+import { isRuiIcon } from "../../icons/index.js";
+import "@vueuse/core";
+import "scule";
+import "@vueuse/shared";
+import { useIcons } from "../../composables/icons.js";
+import "../../composables/theme.js";
+const _hoisted_1 = ["height", "width"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiIcon"
+  },
+  __name: "RuiIcon",
+  props: {
+    name: {},
+    size: { default: 24 },
+    color: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { registeredIcons } = useIcons();
+    const isFill = computed(() => props.name.endsWith("-fill"));
+    const components = computed(() => {
+      const name = props.name;
+      if (!isRuiIcon(name)) {
+        console.warn(`icon ${name} must be a valid RuiIcon`);
+      }
+      const found = registeredIcons[name];
+      if (!found) {
+        console.error(`Icons "${name}" not found. Make sure that you have register the icon when installing the RuiPlugin`);
+      }
+      return found;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        class: normalizeClass([_ctx.$style["rui-icon"], _ctx.$style[__props.color ?? ""]]),
+        height: __props.size,
+        width: __props.size,
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(components), (component, index) => {
+          return openBlock(), createBlock(resolveDynamicComponent(component[0]), mergeProps({ key: index }, { ref_for: true }, component[1], {
+            fill: !unref(isFill) ? "none" : "currentColor",
+            stroke: !unref(isFill) ? "currentColor" : "none",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd"
+          }), null, 16, ["fill", "stroke"]);
+        }), 128))
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiIcon.vue2.js.map

package/dist/components/icons/RuiIcon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiIcon.vue2.js","sources":["../../../src/components/icons/RuiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { isRuiIcon, type RuiIcons } from '@/icons';\n\nexport interface Props {\n  name: RuiIcons;\n  size?: number | string;\n  color?: ContextColorsType;\n}\n\ndefineOptions({\n  name: 'RuiIcon',\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 24,\n  color: undefined,\n});\n\nconst { registeredIcons } = useIcons();\n\nconst isFill = computed(() => props.name.endsWith('-fill'));\n\nconst components: ComputedRef<[string, Record<string, string>][] | undefined> = computed(() => {\n  const name = props.name;\n  if (!isRuiIcon(name)) {\n    console.warn(`icon ${name} must be a valid RuiIcon`);\n  }\n  const found = registeredIcons[name];\n\n  if (!found) {\n    console.error(`Icons \"${name}\" not found. Make sure that you have register the icon when installing the RuiPlugin`);\n  }\n  return found;\n});\n</script>\n\n<template>\n  <svg\n    :class=\"[$style['rui-icon'], $style[color ?? '']]\"\n    :height=\"size\"\n    :width=\"size\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <component\n      :is=\"component[0]\"\n      v-for=\"(component, index) in components\"\n      :key=\"index\"\n      v-bind=\"component[1]\"\n      :fill=\"(!isFill) ? 'none' : 'currentColor'\"\n      :stroke=\"(!isFill) ? 'currentColor' : 'none'\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n    />\n  </svg>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n.rui-icon {\n  @each $color in c.$context-colors {\n    &.#{$color} {\n      @apply text-rui-#{$color};\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_openBlock","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAKd,UAAM,EAAE,gBAAA,IAAoB,SAAA;AAE5B,UAAM,SAAS,SAAS,MAAM,MAAM,KAAK,SAAS,OAAO,CAAC;AAE1D,UAAM,aAA0E,SAAS,MAAM;AAC7F,YAAM,OAAO,MAAM;AACnB,UAAI,CAAC,UAAU,IAAI,GAAG;AACpB,gBAAQ,KAAK,QAAQ,IAAI,0BAA0B;AAAA,MACrD;AACA,YAAM,QAAQ,gBAAgB,IAAI;AAElC,UAAI,CAAC,OAAO;AACV,gBAAQ,MAAM,UAAU,IAAI,sFAAsF;AAAA,MACpH;AACA,aAAO;AAAA,IACT,CAAC;;0BAICA,mBAoBM,OAAA;AAAA,QAnBH,OAAKC,eAAA,CAAGC,KAAAA,OAAM,UAAA,GAAcA,KAAAA,OAAO,QAAA,SAAK,EAAA,CAAA,CAAA;AAAA,QACxC,QAAQ,QAAA;AAAA,QACR,OAAO,QAAA;AAAA,QACR,SAAQ;AAAA,QACR,OAAM;AAAA,MAAA;SAENC,UAAA,IAAA,GAAAH,mBAYEI,UAAA,MAAAC,WAV6BC,MAAA,UAAA,GAAU,CAA/B,WAAW,UAAK;8BAF1BC,YAYEC,wBAXK,UAAS,CAAA,CAAA,GADhBC,WAYE,EATC,KAAK,MAAA,GAAK,EAAA,SAAA,QACH,UAAS,CAAA,GAAA;AAAA,YAChB,OAAQH,MAAA,MAAA,IAAM,SAAA;AAAA,YACd,SAAUA,MAAA,MAAA,IAAM,iBAAA;AAAA,YACjB,gBAAa;AAAA,YACb,kBAAe;AAAA,YACf,mBAAgB;AAAA,YAChB,aAAU;AAAA,YACV,aAAU;AAAA,UAAA;;;;;;"}

package/dist/components/icons/RuiIcon.vue3.js

@@ -0,0 +1,29 @@
+const primary = "_primary_z22yv_315";
+const secondary = "_secondary_z22yv_318";
+const error = "_error_z22yv_321";
+const warning = "_warning_z22yv_324";
+const info = "_info_z22yv_327";
+const success = "_success_z22yv_330";
+const style0 = {
+  "rui-icon": "_rui-icon_z22yv_315",
+  primary,
+  secondary,
+  error,
+  warning,
+  info,
+  success,
+  "bg-tint": "_bg-tint_z22yv_1",
+  "bg-shade": "_bg-shade_z22yv_1",
+  "text-tint": "_text-tint_z22yv_1",
+  "text-shade": "_text-shade_z22yv_1"
+};
+export {
+  style0 as default,
+  error,
+  info,
+  primary,
+  secondary,
+  success,
+  warning
+};
+//# sourceMappingURL=RuiIcon.vue3.js.map

package/dist/components/icons/RuiIcon.vue3.js.map

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

package/dist/components/index.d.ts

@@ -1,47 +1,47 @@
-import type { TableColumn as DataTableColumn, GroupKeys as DataTableGroupKeys, SortColumn as DataTableSortColumn, TableSortData as DataTableSortData } from '../components/tables/RuiTableHead.vue';
-import RuiAccordion, { type AccordionProps } from '../components/accordions/accordion/RuiAccordion.vue';
-import RuiAccordions, { type Props as AccordionsProps } from '../components/accordions/accordions/RuiAccordions.vue';
-import RuiAlert, { type Props as AlertProps } from '../components/alerts/RuiAlert.vue';
-import RuiButtonGroup, { type Props as ButtonGroupProps } from '../components/buttons/button-group/RuiButtonGroup.vue';
-import RuiButton, { type Props as ButtonProps } from '../components/buttons/button/RuiButton.vue';
-import RuiCalendar, { type CalendarProps } from '../components/calendar/RuiCalendar.vue';
-import RuiCard, { type Props as CardProps } from '../components/cards/RuiCard.vue';
-import RuiCardHeader, { type Props as CardHeaderProps } from '../components/cards/RuiCardHeader.vue';
-import RuiChip, { type Props as ChipProps } from '../components/chips/RuiChip.vue';
-import RuiColorPicker, { type Props as ColorPickerProps } from '../components/color-picker/RuiColorPicker.vue';
-import RuiDateTimePicker, { type RuiDateTimePickerProps } from '../components/date-time-picker/RuiDateTimePicker.vue';
-import RuiDivider, { type Props as DividerProps } from '../components/divider/RuiDivider.vue';
-import RuiAutoComplete, { type AutoCompleteProps } from '../components/forms/auto-complete/RuiAutoComplete.vue';
-import RuiCheckbox, { type Props as CheckboxProps } from '../components/forms/checkbox/RuiCheckbox.vue';
-import RuiRadioGroup, { type Props as RadioGroupProps } from '../components/forms/radio-button/radio-group/RuiRadioGroup.vue';
-import RuiRadio, { type RadioProps } from '../components/forms/radio-button/radio/RuiRadio.vue';
-import RuiRevealableTextField, { type Props as RevealableTextFieldProps } from '../components/forms/revealable-text-field/RuiRevealableTextField.vue';
-import RuiMenuSelect, { type Props as MenuSelectProps } from '../components/forms/select/RuiMenuSelect.vue';
-import RuiSimpleSelect, { type Props as SimpleSelectProps } from '../components/forms/select/RuiSimpleSelect.vue';
-import RuiSlider, { type Props as SliderProps } from '../components/forms/slider/RuiSlider.vue';
-import RuiSwitch, { type Props as SwitchProps } from '../components/forms/switch/RuiSwitch.vue';
-import RuiTextArea, { type Props as TextAreaProps } from '../components/forms/text-area/RuiTextArea.vue';
-import RuiTextField, { type TextFieldProps } from '../components/forms/text-field/RuiTextField.vue';
-import RuiIcon, { type Props as IconProps } from '../components/icons/RuiIcon.vue';
-import RuiSkeletonLoader, { type Props as SkeletonLoaderProps } from '../components/loaders/RuiSkeletonLoader.vue';
-import RuiLogo, { type Props as LogoProps } from '../components/logos/RuiLogo.vue';
-import RuiBadge, { type Props as BadgeProps } from '../components/overlays/badge/RuiBadge.vue';
-import RuiBottomSheet, { type BottomSheetProps } from '../components/overlays/bottom-sheet/RuiBottomSheet.vue';
-import RuiDialog, { type DialogProps } from '../components/overlays/dialog/RuiDialog.vue';
-import RuiMenu, { type MenuProps } from '../components/overlays/menu/RuiMenu.vue';
-import RuiNavigationDrawer, { type NavigationDrawerProps } from '../components/overlays/navigation-drawer/RuiNavigationDrawer.vue';
-import RuiNotification, { type NotificationProps } from '../components/overlays/notification/RuiNotification.vue';
-import RuiTooltip, { type Props as TooltipProps } from '../components/overlays/tooltip/RuiTooltip.vue';
-import RuiProgress, { type Props as ProgressProps } from '../components/progress/RuiProgress.vue';
-import RuiFooterStepper, { type Props as FooterStepperProps } from '../components/steppers/RuiFooterStepper.vue';
-import RuiStepper, { type Props as StepperProps } from '../components/steppers/RuiStepper.vue';
-import RuiDataTable, { type TableOptions as DataTableOptions, type Props as DataTableProps } from '../components/tables/RuiDataTable.vue';
-import RuiTableRowExpander, { type Props as ExpandButtonProps } from '../components/tables/RuiExpandButton.vue';
-import RuiTablePagination, { type TablePaginationData, type Props as TablePaginationProps } from '../components/tables/RuiTablePagination.vue';
-import RuiTabItem, { type Props as TabItemProps } from '../components/tabs/tab-item/RuiTabItem.vue';
-import RuiTabItems, { type Props as TabItemsProps } from '../components/tabs/tab-items/RuiTabItems.vue';
-import RuiTab, { type Props as TabProps } from '../components/tabs/tab/RuiTab.vue';
-import RuiTabs, { type Props as TabsProps } from '../components/tabs/tabs/RuiTabs.vue';
-import RuiTimePicker, { type RuiTimePickerProps } from '../components/time-picker/RuiTimePicker.vue';
+import type { TableColumn as DataTableColumn, GroupKeys as DataTableGroupKeys, SortColumn as DataTableSortColumn, TableSortData as DataTableSortData } from '../components/tables/RuiTableHead.vue.js';
+import RuiAccordion, { type AccordionProps } from '../components/accordions/accordion/RuiAccordion.vue.js';
+import RuiAccordions, { type Props as AccordionsProps } from '../components/accordions/accordions/RuiAccordions.vue.js';
+import RuiAlert, { type Props as AlertProps } from '../components/alerts/RuiAlert.vue.js';
+import RuiButtonGroup, { type Props as ButtonGroupProps } from '../components/buttons/button-group/RuiButtonGroup.vue.js';
+import RuiButton, { type Props as ButtonProps } from '../components/buttons/button/RuiButton.vue.js';
+import RuiCalendar, { type CalendarProps } from '../components/calendar/RuiCalendar.vue.js';
+import RuiCard, { type Props as CardProps } from '../components/cards/RuiCard.vue.js';
+import RuiCardHeader, { type Props as CardHeaderProps } from '../components/cards/RuiCardHeader.vue.js';
+import RuiChip, { type Props as ChipProps } from '../components/chips/RuiChip.vue.js';
+import RuiColorPicker, { type Props as ColorPickerProps } from '../components/color-picker/RuiColorPicker.vue.js';
+import RuiDateTimePicker, { type RuiDateTimePickerProps } from '../components/date-time-picker/RuiDateTimePicker.vue.js';
+import RuiDivider, { type Props as DividerProps } from '../components/divider/RuiDivider.vue.js';
+import RuiAutoComplete, { type AutoCompleteProps } from '../components/forms/auto-complete/RuiAutoComplete.vue.js';
+import RuiCheckbox, { type Props as CheckboxProps } from '../components/forms/checkbox/RuiCheckbox.vue.js';
+import RuiRadioGroup, { type Props as RadioGroupProps } from '../components/forms/radio-button/radio-group/RuiRadioGroup.vue.js';
+import RuiRadio, { type RadioProps } from '../components/forms/radio-button/radio/RuiRadio.vue.js';
+import RuiRevealableTextField, { type Props as RevealableTextFieldProps } from '../components/forms/revealable-text-field/RuiRevealableTextField.vue.js';
+import RuiMenuSelect, { type Props as MenuSelectProps } from '../components/forms/select/RuiMenuSelect.vue.js';
+import RuiSimpleSelect, { type Props as SimpleSelectProps } from '../components/forms/select/RuiSimpleSelect.vue.js';
+import RuiSlider, { type Props as SliderProps } from '../components/forms/slider/RuiSlider.vue.js';
+import RuiSwitch, { type Props as SwitchProps } from '../components/forms/switch/RuiSwitch.vue.js';
+import RuiTextArea, { type Props as TextAreaProps } from '../components/forms/text-area/RuiTextArea.vue.js';
+import RuiTextField, { type TextFieldProps } from '../components/forms/text-field/RuiTextField.vue.js';
+import RuiIcon, { type Props as IconProps } from '../components/icons/RuiIcon.vue.js';
+import RuiSkeletonLoader, { type Props as SkeletonLoaderProps } from '../components/loaders/RuiSkeletonLoader.vue.js';
+import RuiLogo, { type Props as LogoProps } from '../components/logos/RuiLogo.vue.js';
+import RuiBadge, { type Props as BadgeProps } from '../components/overlays/badge/RuiBadge.vue.js';
+import RuiBottomSheet, { type BottomSheetProps } from '../components/overlays/bottom-sheet/RuiBottomSheet.vue.js';
+import RuiDialog, { type DialogProps } from '../components/overlays/dialog/RuiDialog.vue.js';
+import RuiMenu, { type MenuProps } from '../components/overlays/menu/RuiMenu.vue.js';
+import RuiNavigationDrawer, { type NavigationDrawerProps } from '../components/overlays/navigation-drawer/RuiNavigationDrawer.vue.js';
+import RuiNotification, { type NotificationProps } from '../components/overlays/notification/RuiNotification.vue.js';
+import RuiTooltip, { type Props as TooltipProps } from '../components/overlays/tooltip/RuiTooltip.vue.js';
+import RuiProgress, { type Props as ProgressProps } from '../components/progress/RuiProgress.vue.js';
+import RuiFooterStepper, { type Props as FooterStepperProps } from '../components/steppers/RuiFooterStepper.vue.js';
+import RuiStepper, { type Props as StepperProps } from '../components/steppers/RuiStepper.vue.js';
+import RuiDataTable, { type TableOptions as DataTableOptions, type Props as DataTableProps } from '../components/tables/RuiDataTable.vue.js';
+import RuiTableRowExpander, { type Props as ExpandButtonProps } from '../components/tables/RuiExpandButton.vue.js';
+import RuiTablePagination, { type TablePaginationData, type Props as TablePaginationProps } from '../components/tables/RuiTablePagination.vue.js';
+import RuiTabItem, { type Props as TabItemProps } from '../components/tabs/tab-item/RuiTabItem.vue.js';
+import RuiTabItems, { type Props as TabItemsProps } from '../components/tabs/tab-items/RuiTabItems.vue.js';
+import RuiTab, { type Props as TabProps } from '../components/tabs/tab/RuiTab.vue.js';
+import RuiTabs, { type Props as TabsProps } from '../components/tabs/tabs/RuiTabs.vue.js';
+import RuiTimePicker, { type RuiTimePickerProps } from '../components/time-picker/RuiTimePicker.vue.js';
 export type { AccordionProps, AccordionsProps, AlertProps, AutoCompleteProps, BadgeProps, BottomSheetProps, ButtonGroupProps, ButtonProps, CalendarProps, CardHeaderProps, CardProps, CheckboxProps, ChipProps, ColorPickerProps, DataTableColumn, DataTableGroupKeys, DataTableOptions, DataTableProps, DataTableSortColumn, DataTableSortData, DialogProps, DividerProps, ExpandButtonProps, FooterStepperProps, IconProps, LogoProps, MenuProps, MenuSelectProps, NavigationDrawerProps, NotificationProps, ProgressProps, RadioGroupProps, RadioProps, RevealableTextFieldProps, RuiDateTimePickerProps, RuiTimePickerProps, SimpleSelectProps, SkeletonLoaderProps, SliderProps, StepperProps, SwitchProps, TabItemProps, TabItemsProps, TablePaginationData, TablePaginationProps, TabProps, TabsProps, TextAreaProps, TextFieldProps, TooltipProps, };
 export { RuiAccordion, RuiAccordions, RuiAlert, RuiAutoComplete, RuiBadge, RuiBottomSheet, RuiButton, RuiButtonGroup, RuiCalendar, RuiCard, RuiCardHeader, RuiCheckbox, RuiChip, RuiColorPicker, RuiDataTable, RuiDateTimePicker, RuiDialog, RuiDivider, RuiFooterStepper, RuiIcon, RuiLogo, RuiMenu, RuiMenuSelect, RuiNavigationDrawer, RuiNotification, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiSimpleSelect, RuiSkeletonLoader, RuiSlider, RuiStepper, RuiSwitch, RuiTab, RuiTabItem, RuiTabItems, RuiTablePagination, RuiTableRowExpander, RuiTabs, RuiTextArea, RuiTextField, RuiTimePicker, RuiTooltip, };

package/dist/components/index.js

@@ -0,0 +1,92 @@
+import { default as default2 } from "./accordions/accordion/RuiAccordion.vue.js";
+import { default as default3 } from "./accordions/accordions/RuiAccordions.vue.js";
+import { default as default4 } from "./alerts/RuiAlert.vue.js";
+import { default as default5 } from "./buttons/button-group/RuiButtonGroup.vue.js";
+import { default as default6 } from "./buttons/button/RuiButton.vue.js";
+import { default as default7 } from "./calendar/RuiCalendar.vue.js";
+/* empty css                          */
+import { default as default8 } from "./cards/RuiCard.vue.js";
+import { default as default9 } from "./cards/RuiCardHeader.vue.js";
+import { default as default10 } from "./chips/RuiChip.vue.js";
+import { default as default11 } from "./color-picker/RuiColorPicker.vue.js";
+import { default as default12 } from "./date-time-picker/RuiDateTimePicker.vue.js";
+import { default as default13 } from "./divider/RuiDivider.vue.js";
+import { default as default14 } from "./forms/auto-complete/RuiAutoComplete.vue.js";
+import { default as default15 } from "./forms/checkbox/RuiCheckbox.vue.js";
+import { default as default16 } from "./forms/radio-button/radio-group/RuiRadioGroup.vue.js";
+import { default as default17 } from "./forms/radio-button/radio/RuiRadio.vue.js";
+import { default as default18 } from "./forms/revealable-text-field/RuiRevealableTextField.vue.js";
+import { default as default19 } from "./forms/select/RuiMenuSelect.vue.js";
+import { default as default20 } from "./forms/select/RuiSimpleSelect.vue.js";
+import { default as default21 } from "./forms/slider/RuiSlider.vue.js";
+import { default as default22 } from "./forms/switch/RuiSwitch.vue.js";
+import { default as default23 } from "./forms/text-area/RuiTextArea.vue.js";
+import { default as default24 } from "./forms/text-field/RuiTextField.vue.js";
+import { default as default25 } from "./icons/RuiIcon.vue.js";
+import { default as default26 } from "./loaders/RuiSkeletonLoader.vue.js";
+import { default as default27 } from "./logos/RuiLogo.vue.js";
+import { default as default28 } from "./overlays/badge/RuiBadge.vue.js";
+import { default as default29 } from "./overlays/bottom-sheet/RuiBottomSheet.vue.js";
+import { default as default30 } from "./overlays/dialog/RuiDialog.vue.js";
+import { default as default31 } from "./overlays/menu/RuiMenu.vue.js";
+import { default as default32 } from "./overlays/navigation-drawer/RuiNavigationDrawer.vue.js";
+import { default as default33 } from "./overlays/notification/RuiNotification.vue.js";
+import { default as default34 } from "./overlays/tooltip/RuiTooltip.vue.js";
+import { default as default35 } from "./progress/RuiProgress.vue.js";
+import { default as default36 } from "./steppers/RuiFooterStepper.vue.js";
+import { default as default37 } from "./steppers/RuiStepper.vue.js";
+import { default as default38 } from "./tables/RuiDataTable.vue.js";
+import { default as default39 } from "./tables/RuiExpandButton.vue.js";
+import { default as default40 } from "./tables/RuiTablePagination.vue.js";
+import { default as default41 } from "./tabs/tab-item/RuiTabItem.vue.js";
+import { default as default42 } from "./tabs/tab-items/RuiTabItems.vue.js";
+import { default as default43 } from "./tabs/tab/RuiTab.vue.js";
+import { default as default44 } from "./tabs/tabs/RuiTabs.vue.js";
+import { default as default45 } from "./time-picker/RuiTimePicker.vue.js";
+export {
+  default2 as RuiAccordion,
+  default3 as RuiAccordions,
+  default4 as RuiAlert,
+  default14 as RuiAutoComplete,
+  default28 as RuiBadge,
+  default29 as RuiBottomSheet,
+  default6 as RuiButton,
+  default5 as RuiButtonGroup,
+  default7 as RuiCalendar,
+  default8 as RuiCard,
+  default9 as RuiCardHeader,
+  default15 as RuiCheckbox,
+  default10 as RuiChip,
+  default11 as RuiColorPicker,
+  default38 as RuiDataTable,
+  default12 as RuiDateTimePicker,
+  default30 as RuiDialog,
+  default13 as RuiDivider,
+  default36 as RuiFooterStepper,
+  default25 as RuiIcon,
+  default27 as RuiLogo,
+  default31 as RuiMenu,
+  default19 as RuiMenuSelect,
+  default32 as RuiNavigationDrawer,
+  default33 as RuiNotification,
+  default35 as RuiProgress,
+  default17 as RuiRadio,
+  default16 as RuiRadioGroup,
+  default18 as RuiRevealableTextField,
+  default20 as RuiSimpleSelect,
+  default26 as RuiSkeletonLoader,
+  default21 as RuiSlider,
+  default37 as RuiStepper,
+  default22 as RuiSwitch,
+  default43 as RuiTab,
+  default41 as RuiTabItem,
+  default42 as RuiTabItems,
+  default40 as RuiTablePagination,
+  default39 as RuiTableRowExpander,
+  default44 as RuiTabs,
+  default23 as RuiTextArea,
+  default24 as RuiTextField,
+  default45 as RuiTimePicker,
+  default34 as RuiTooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/loaders/RuiSkeletonBase.vue.js

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

package/dist/components/loaders/RuiSkeletonBase.vue.js.map

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

package/dist/components/loaders/RuiSkeletonBase.vue2.js

@@ -0,0 +1,22 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiSkeletonLoaderBase"
+  },
+  __name: "RuiSkeletonBase",
+  props: {
+    rounded: { default: void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.skeleton, { [`rounded-${__props.rounded}`]: !!__props.rounded }]),
+        role: "alert"
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiSkeletonBase.vue2.js.map

package/dist/components/loaders/RuiSkeletonBase.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiSkeletonBase.vue2.js","sources":["../../../src/components/loaders/RuiSkeletonBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nexport interface Props {\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n}\n\ndefineOptions({\n  name: 'RuiSkeletonLoaderBase',\n});\n\nwithDefaults(defineProps<Props>(), {\n  rounded: undefined,\n});\n</script>\n\n<template>\n  <div\n    :class=\"[$style.skeleton, { [`rounded-${rounded}`]: !!rounded }]\"\n    role=\"alert\"\n  />\n</template>\n\n<style lang=\"scss\" module>\n.skeleton {\n  @apply animate-pulse bg-black/[.12];\n}\n\n:global(.dark) {\n  .skeleton {\n    @apply bg-white/[.16];\n  }\n}\n</style>\n"],"names":["_createElementBlock","$style"],"mappings":";;;;;;;;;;;0BAeEA,mBAGE,OAAA;AAAA,QAFC,uBAAQC,KAAAA,OAAO,UAAQ,EAAA,CAAA,WAAgB,QAAA,OAAO,OAAO,QAAA,QAAA,CAAO,CAAA;AAAA,QAC7D,MAAK;AAAA,MAAA;;;;"}

package/dist/components/loaders/RuiSkeletonBase.vue3.js

@@ -0,0 +1,12 @@
+const skeleton = "_skeleton_1exkt_1";
+const pulse = "_pulse_1exkt_1";
+const style0 = {
+  skeleton,
+  pulse
+};
+export {
+  style0 as default,
+  pulse,
+  skeleton
+};
+//# sourceMappingURL=RuiSkeletonBase.vue3.js.map

package/dist/components/loaders/RuiSkeletonBase.vue3.js.map

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

package/dist/components/loaders/RuiSkeletonLoader.vue.d.ts

@@ -1,4 +1,4 @@
-import { type Props as SkeletonBaseProps } from '../../components/loaders/RuiSkeletonBase.vue';
+import { type Props as SkeletonBaseProps } from '../../components/loaders/RuiSkeletonBase.vue.js';
 export interface Props extends SkeletonBaseProps {
     type?: 'text' | 'paragraph' | 'heading' | 'article' | 'button' | 'icon' | 'avatar' | 'thumbnail' | 'custom';
 }

package/dist/components/loaders/RuiSkeletonLoader.vue.js

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

package/dist/components/loaders/RuiSkeletonLoader.vue.js.map

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