@rotki/ui-library 2.15.0 → 2.16.0

package/dist/components/calendar/RuiCalendarHeader.vue2.js

@@ -1,111 +0,0 @@
-import { defineComponent, useModel, ref, inject, computed, openBlock, createElementBlock, createVNode, withModifiers, withCtx, createElementVNode, createTextVNode, toDisplayString, mergeModels } from "vue";
-import { isDefined, get, set } from "@vueuse/core";
-import RuiButton from "../buttons/button/RuiButton.vue.js";
-import { CalendarStateSymbol } from "./state.js";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-import RuiCalendarMenu from "./RuiCalendarMenu.vue.js";
-const _hoisted_1 = { class: "calendar-header" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiCalendarHeader",
-    inheritAttrs: false
-  },
-  __name: "RuiCalendarHeader",
-  props: /* @__PURE__ */ mergeModels({
-    title: {},
-    viewMonth: {},
-    viewYear: {}
-  }, {
-    "menu-open": { type: Boolean, ...{ required: true } },
-    "menu-openModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["prev-month", "next-month", "select-month"], ["update:menu-open"]),
-  setup(__props, { emit: __emit }) {
-    const isMenuOpen = useModel(__props, "menu-open");
-    const emit = __emit;
-    const anchorEl = ref();
-    const calendarState = inject(CalendarStateSymbol);
-    const canGoToNext = computed(() => {
-      const { maxDate } = calendarState;
-      if (!isDefined(maxDate)) {
-        return true;
-      }
-      const date = new Date(__props.viewYear, __props.viewMonth);
-      return date.getTime() < get(maxDate).getTime();
-    });
-    const canGoToPrev = computed(() => {
-      const { minDate } = calendarState;
-      if (!isDefined(minDate)) {
-        return true;
-      }
-      const date = new Date(__props.viewYear, __props.viewMonth);
-      return date.getTime() > get(minDate).getTime();
-    });
-    function handleTitleClick(e) {
-      set(anchorEl, e.currentTarget ?? void 0);
-      set(isMenuOpen, true);
-    }
-    function handleDateSelection(selection) {
-      emit("select-month", selection);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(RuiButton, {
-          type: "button",
-          class: "nav-button",
-          icon: "",
-          disabled: !canGoToPrev.value,
-          variant: "text",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("prev-month"), ["stop"]))
-        }, {
-          default: withCtx(() => [
-            createVNode(RuiIcon, {
-              name: "lu-chevron-left",
-              size: "20"
-            })
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        createElementVNode("h3", {
-          class: "header-title",
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => handleTitleClick($event), ["stop"]))
-        }, [
-          createTextVNode(toDisplayString(__props.title) + " ", 1),
-          createVNode(RuiIcon, {
-            name: "lu-chevron-down",
-            size: "16",
-            class: "ml-1"
-          })
-        ]),
-        createVNode(RuiCalendarMenu, {
-          modelValue: isMenuOpen.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isMenuOpen.value = $event),
-          "anchor-el": anchorEl.value,
-          "view-month": __props.viewMonth,
-          "view-year": __props.viewYear,
-          onSelect: _cache[3] || (_cache[3] = ($event) => handleDateSelection($event))
-        }, null, 8, ["modelValue", "anchor-el", "view-month", "view-year"]),
-        createVNode(RuiButton, {
-          type: "button",
-          class: "nav-button",
-          variant: "text",
-          icon: "",
-          disabled: !canGoToNext.value,
-          onClick: _cache[4] || (_cache[4] = withModifiers(($event) => emit("next-month"), ["stop"]))
-        }, {
-          default: withCtx(() => [
-            createVNode(RuiIcon, {
-              name: "lu-chevron-right",
-              size: "20"
-            })
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiCalendarHeader.vue2.js.map

package/dist/components/calendar/RuiCalendarHeader.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiCalendarHeader.vue2.js","sources":["../../../src/components/calendar/RuiCalendarHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { get, isDefined, set } from '@vueuse/core';\nimport { computed, inject, ref } from 'vue';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport {\n  CalendarStateSymbol,\n  type MonthYearSelection,\n  type RuiCalendarState,\n} from '@/components/calendar/state';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiCalendarMenu from './RuiCalendarMenu.vue';\n\ndefineOptions({\n  name: 'RuiCalendarHeader',\n  inheritAttrs: false,\n});\n\nconst isMenuOpen = defineModel<boolean>('menu-open', { required: true });\n\nconst { viewMonth, viewYear } = defineProps<{\n  title: string;\n  viewMonth: number;\n  viewYear: number;\n}>();\n\nconst emit = defineEmits<{\n  'prev-month': [];\n  'next-month': [];\n  'select-month': [MonthYearSelection];\n}>();\n\nconst anchorEl = ref<HTMLElement>();\n\nconst calendarState = inject<RuiCalendarState>(CalendarStateSymbol) as RuiCalendarState;\n\nconst canGoToNext = computed<boolean>(() => {\n  const { maxDate } = calendarState;\n  if (!isDefined(maxDate)) {\n    return true;\n  }\n\n  const date = new Date(viewYear, viewMonth);\n  return date.getTime() < get(maxDate).getTime();\n});\n\nconst canGoToPrev = computed<boolean>(() => {\n  const { minDate } = calendarState;\n  if (!isDefined(minDate)) {\n    return true;\n  }\n\n  const date = new Date(viewYear, viewMonth);\n  return date.getTime() > get(minDate).getTime();\n});\n\nfunction handleTitleClick(e: Event): void {\n  set(anchorEl, (e.currentTarget as HTMLElement) ?? undefined);\n  set(isMenuOpen, true);\n}\n\nfunction handleDateSelection(selection: MonthYearSelection): void {\n  emit('select-month', selection);\n}\n</script>\n\n<template>\n  <div class=\"calendar-header\">\n    <RuiButton\n      type=\"button\"\n      class=\"nav-button\"\n      icon\n      :disabled=\"!canGoToPrev\"\n      variant=\"text\"\n      @click.stop=\"emit('prev-month')\"\n    >\n      <RuiIcon\n        name=\"lu-chevron-left\"\n        size=\"20\"\n      />\n    </RuiButton>\n\n    <h3\n      class=\"header-title\"\n      @click.stop=\"handleTitleClick($event)\"\n    >\n      {{ title }}\n      <RuiIcon\n        name=\"lu-chevron-down\"\n        size=\"16\"\n        class=\"ml-1\"\n      />\n    </h3>\n\n    <RuiCalendarMenu\n      v-model=\"isMenuOpen\"\n      :anchor-el=\"anchorEl\"\n      :view-month=\"viewMonth\"\n      :view-year=\"viewYear\"\n      @select=\"handleDateSelection($event)\"\n    />\n\n    <RuiButton\n      type=\"button\"\n      class=\"nav-button\"\n      variant=\"text\"\n      icon\n      :disabled=\"!canGoToNext\"\n      @click.stop=\"emit('next-month')\"\n    >\n      <RuiIcon\n        name=\"lu-chevron-right\"\n        size=\"20\"\n      />\n    </RuiButton>\n  </div>\n</template>\n\n<style scoped>\n.calendar-header {\n  @apply flex items-center justify-between px-4 py-3;\n}\n\n.header-title {\n  @apply font-medium text-gray-800 dark:text-gray-200 flex items-center cursor-pointer pl-8;\n}\n\n.nav-button {\n  @apply p-1 rounded-full text-gray-500 hover:text-rui-primary hover:bg-gray-100;\n  @apply dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-rui-primary;\n}\n</style>\n"],"names":["_useModel","_openBlock","_createElementBlock","_createVNode","_createElementVNode","_withModifiers","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,aAAaA,kBAAqB,WAA+B;AAQvE,UAAM,OAAO;AAMb,UAAM,WAAW,IAAA;AAEjB,UAAM,gBAAgB,OAAyB,mBAAmB;AAElE,UAAM,cAAc,SAAkB,MAAM;AAC1C,YAAM,EAAE,YAAY;AACpB,UAAI,CAAC,UAAU,OAAO,GAAG;AACvB,eAAO;AAAA,MACT;AAEA,YAAM,OAAO,IAAI,KAAK,QAAA,UAAU,QAAA,SAAS;AACzC,aAAO,KAAK,QAAA,IAAY,IAAI,OAAO,EAAE,QAAA;AAAA,IACvC,CAAC;AAED,UAAM,cAAc,SAAkB,MAAM;AAC1C,YAAM,EAAE,YAAY;AACpB,UAAI,CAAC,UAAU,OAAO,GAAG;AACvB,eAAO;AAAA,MACT;AAEA,YAAM,OAAO,IAAI,KAAK,QAAA,UAAU,QAAA,SAAS;AACzC,aAAO,KAAK,QAAA,IAAY,IAAI,OAAO,EAAE,QAAA;AAAA,IACvC,CAAC;AAED,aAAS,iBAAiB,GAAgB;AACxC,UAAI,UAAW,EAAE,iBAAiC,MAAS;AAC3D,UAAI,YAAY,IAAI;AAAA,IACtB;AAEA,aAAS,oBAAoB,WAAqC;AAChE,WAAK,gBAAgB,SAAS;AAAA,IAChC;;AAIE,aAAAC,UAAA,GAAAC,mBAgDM,OAhDN,YAgDM;AAAA,QA/CJC,YAYY,WAAA;AAAA,UAXV,MAAK;AAAA,UACL,OAAM;AAAA,UACN,MAAA;AAAA,UACC,WAAW,YAAA;AAAA,UACZ,SAAQ;AAAA,UACP,6DAAY,KAAI,YAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA;2BAEjB,MAGE;AAAA,YAHFA,YAGE,SAAA;AAAA,cAFA,MAAK;AAAA,cACL,MAAK;AAAA,YAAA;;;;QAITC,mBAUK,MAAA;AAAA,UATH,OAAM;AAAA,UACL,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,CAAA,WAAO,iBAAiB,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA;UAEjCC,gBAAAC,gBAAA,QAAA,KAAK,IAAG,KACX,CAAA;AAAA,UAAAJ,YAIE,SAAA;AAAA,YAHA,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,UAAA;;QAIVA,YAME,iBAAA;AAAA,sBALS,WAAA;AAAA,uEAAA,WAAU,QAAA;AAAA,UAClB,aAAW,SAAA;AAAA,UACX,cAAY,QAAA;AAAA,UACZ,aAAW,QAAA;AAAA,UACX,UAAM,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,oBAAoB,MAAM;AAAA,QAAA;QAGrCA,YAYY,WAAA;AAAA,UAXV,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,MAAA;AAAA,UACC,WAAW,YAAA;AAAA,UACX,6DAAY,KAAI,YAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA;2BAEjB,MAGE;AAAA,YAHFA,YAGE,SAAA;AAAA,cAFA,MAAK;AAAA,cACL,MAAK;AAAA,YAAA;;;;;;;;"}

package/dist/components/calendar/RuiCalendarMenu.vue.js

@@ -1,8 +0,0 @@
-import _sfc_main from "./RuiCalendarMenu.vue2.js";
-/* empty css                     */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const RuiCalendarMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-764fe061"]]);
-export {
-  RuiCalendarMenu as default
-};
-//# sourceMappingURL=RuiCalendarMenu.vue.js.map

package/dist/components/calendar/RuiCalendarMenu.vue.js.map

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

package/dist/components/calendar/RuiCalendarMenu.vue2.js

@@ -1,269 +0,0 @@
-import { defineComponent, useModel, ref, inject, watch, openBlock, createBlock, withCtx, createElementVNode, createVNode, withModifiers, unref, toDisplayString, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, mergeModels } from "vue";
-import { get, set, isDefined } from "@vueuse/core";
-import { getShortMonthNames, CalendarStateSymbol } from "./state.js";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-import RuiMenu from "../overlays/menu/RuiMenu.vue.js";
-import RuiButton from "../buttons/button/RuiButton.vue.js";
-const _hoisted_1 = { class: "menu-container" };
-const _hoisted_2 = { class: "menu-header" };
-const _hoisted_3 = {
-  key: 0,
-  class: "month-grid"
-};
-const _hoisted_4 = ["disabled", "onClick"];
-const _hoisted_5 = {
-  key: 1,
-  class: "year-grid"
-};
-const _hoisted_6 = ["disabled", "onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiCalendarMenu",
-    inheritAttrs: false
-  },
-  __name: "RuiCalendarMenu",
-  props: /* @__PURE__ */ mergeModels({
-    anchorEl: {},
-    viewMonth: {},
-    viewYear: {}
-  }, {
-    "modelValue": { type: Boolean },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["select"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const modelValue = useModel(__props, "modelValue");
-    const emit = __emit;
-    const viewMode = ref("months");
-    const startYear = ref(__props.viewYear - 6);
-    const months = getShortMonthNames();
-    const calendarState = inject(CalendarStateSymbol);
-    const yearRange = ref([]);
-    const monthsInRange = ref([]);
-    const yearsInRange = ref([]);
-    const title = ref("");
-    const canGoToNext = ref(true);
-    const canGoToPrev = ref(true);
-    function calculateYearRange() {
-      const start = get(startYear);
-      set(
-        yearRange,
-        Array.from({ length: 12 }, (_, i) => start + i)
-      );
-    }
-    function calculateTitle() {
-      if (get(viewMode) === "months") {
-        set(title, __props.viewYear.toString());
-      } else {
-        const range = get(yearRange);
-        set(title, `${range[0]} - ${range.at(-1)}`);
-      }
-    }
-    function calculateNavigation() {
-      const { maxDate, minDate } = calendarState;
-      const mode = get(viewMode);
-      if (mode === "months") {
-        const nextYear = __props.viewYear + 1;
-        const previousYear = __props.viewYear - 1;
-        set(canGoToNext, !isDefined(maxDate) || nextYear <= get(maxDate).getFullYear());
-        set(canGoToPrev, !isDefined(minDate) || previousYear >= get(minDate).getFullYear());
-      } else {
-        const lastYearInRange = get(startYear) + 11;
-        const firstYearInRange = get(startYear);
-        const nextRangeStart = lastYearInRange + 1;
-        set(canGoToNext, !isDefined(maxDate) || nextRangeStart <= get(maxDate).getFullYear());
-        const prevRangeEnd = firstYearInRange - 1;
-        set(canGoToPrev, !isDefined(minDate) || prevRangeEnd >= get(minDate).getFullYear());
-      }
-    }
-    function calculateMonthsInRange() {
-      const { minDate, maxDate } = calendarState;
-      const currentYear = __props.viewYear;
-      const result = new Array(12).fill(true);
-      if (isDefined(minDate) || isDefined(maxDate)) {
-        for (let month = 0; month < 12; month++) {
-          const date = new Date(currentYear, month);
-          if (isDefined(maxDate) && date > get(maxDate)) {
-            result[month] = false;
-          }
-          if (isDefined(minDate) && date < get(minDate)) {
-            result[month] = false;
-          }
-        }
-      }
-      set(monthsInRange, result);
-    }
-    function calculateYearsInRange() {
-      const { minDate, maxDate } = calendarState;
-      const range = get(yearRange);
-      const currentMonth = __props.viewMonth;
-      if (!isDefined(minDate) && !isDefined(maxDate)) {
-        set(yearsInRange, new Array(range.length).fill(true));
-        return;
-      }
-      const result = range.map((year) => {
-        const date = new Date(year, currentMonth);
-        if (isDefined(maxDate) && date > get(maxDate)) {
-          return false;
-        }
-        return !isDefined(minDate) || date >= get(minDate);
-      });
-      set(yearsInRange, result);
-    }
-    function toggleSelection() {
-      set(viewMode, get(viewMode) === "months" ? "years" : "months");
-    }
-    function selectMonth(month) {
-      if (!get(monthsInRange)[month])
-        return;
-      emit("select", { month, year: __props.viewYear });
-      set(modelValue, false);
-    }
-    function selectYear(year) {
-      const yearIndex = get(yearRange).indexOf(year);
-      if (yearIndex === -1 || !get(yearsInRange)[yearIndex])
-        return;
-      emit("select", { month: __props.viewMonth, year });
-      set(viewMode, "months");
-    }
-    function handleNext() {
-      if (get(viewMode) === "months") {
-        const nextYear = __props.viewYear + 1;
-        emit("select", { month: __props.viewMonth, year: nextYear });
-      } else {
-        const lastYearInRange = get(startYear) + 11;
-        set(startYear, lastYearInRange + 1);
-      }
-    }
-    function handlePrev() {
-      if (get(viewMode) === "months") {
-        const previousYear = __props.viewYear - 1;
-        emit("select", { month: __props.viewMonth, year: previousYear });
-      } else {
-        const firstYearInRange = get(startYear);
-        set(startYear, firstYearInRange - 12);
-      }
-    }
-    calculateYearRange();
-    calculateTitle();
-    calculateNavigation();
-    calculateMonthsInRange();
-    calculateYearsInRange();
-    watch(startYear, () => {
-      calculateYearRange();
-      calculateTitle();
-      calculateNavigation();
-      calculateYearsInRange();
-    });
-    watch(viewMode, () => {
-      calculateTitle();
-      calculateNavigation();
-    });
-    watch(
-      () => __props.viewYear,
-      () => {
-        calculateTitle();
-        calculateNavigation();
-        calculateMonthsInRange();
-        calculateYearsInRange();
-      }
-    );
-    watch(
-      () => __props.viewMonth,
-      () => {
-        calculateYearsInRange();
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(RuiMenu, {
-        modelValue: modelValue.value,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
-        "anchor-el": __props.anchorEl,
-        placement: "bottom-start"
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createVNode(RuiButton, {
-                type: "button",
-                class: "nav-button",
-                icon: "",
-                disabled: !unref(get)(canGoToPrev.value),
-                variant: "text",
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handlePrev(), ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createVNode(RuiIcon, {
-                    name: "lu-chevron-left",
-                    size: "20"
-                  })
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              createElementVNode("div", {
-                class: "flex-1 text-center cursor-pointer",
-                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => toggleSelection(), ["stop"]))
-              }, toDisplayString(unref(get)(title.value)), 1),
-              createVNode(RuiButton, {
-                type: "button",
-                class: "nav-button",
-                icon: "",
-                disabled: !unref(get)(canGoToNext.value),
-                variant: "text",
-                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => handleNext(), ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createVNode(RuiIcon, {
-                    name: "lu-chevron-right",
-                    size: "20"
-                  })
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            viewMode.value === "months" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month, index) => {
-                return openBlock(), createElementBlock("button", {
-                  key: month,
-                  type: "button",
-                  class: normalizeClass(["h-9 w-full flex items-center justify-center text-sm font-medium rounded-md transition-colors duration-150 ease-in-out border-none outline-none cursor-pointer focus:ring-2 focus:ring-rui-primary focus:ring-opacity-50", [
-                    {
-                      "bg-rui-primary text-white hover:bg-rui-primary-darker active:bg-rui-primary-darker dark:bg-rui-primary dark:text-white dark:hover:bg-rui-primary-darker": index === __props.viewMonth && unref(get)(monthsInRange.value)[index],
-                      "bg-gray-300 text-gray-500 dark:bg-gray-600 dark:text-gray-400": index === __props.viewMonth && !unref(get)(monthsInRange.value)[index],
-                      "text-gray-700 bg-transparent hover:bg-gray-100 active:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 dark:active:bg-gray-600": index !== __props.viewMonth && unref(get)(monthsInRange.value)[index],
-                      "opacity-50 cursor-not-allowed bg-transparent hover:bg-transparent active:bg-transparent dark:hover:bg-transparent dark:active:bg-transparent pointer-events-none text-gray-400 dark:text-gray-600": !unref(get)(monthsInRange.value)[index]
-                    }
-                  ]]),
-                  disabled: !unref(get)(monthsInRange.value)[index],
-                  onClick: withModifiers(($event) => selectMonth(index), ["stop"])
-                }, toDisplayString(month.substring(0, 3)), 11, _hoisted_4);
-              }), 128))
-            ])) : viewMode.value === "years" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(yearRange.value, (year, index) => {
-                return openBlock(), createElementBlock("button", {
-                  key: year,
-                  type: "button",
-                  class: normalizeClass(["h-9 w-full flex items-center justify-center text-sm font-medium rounded-md transition-colors duration-150 ease-in-out border-none outline-none cursor-pointer focus:ring-2 focus:ring-rui-primary focus:ring-opacity-50", [
-                    {
-                      "bg-rui-primary text-white hover:bg-rui-primary-darker active:bg-rui-primary-darker dark:bg-rui-primary dark:text-white dark:hover:bg-rui-primary-darker": year === __props.viewYear && unref(get)(yearsInRange.value)[index],
-                      "bg-gray-300 text-gray-500 dark:bg-gray-600 dark:text-gray-400": year === __props.viewYear && !unref(get)(yearsInRange.value)[index],
-                      "text-gray-700 bg-transparent hover:bg-gray-100 active:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 dark:active:bg-gray-600": year !== __props.viewYear && unref(get)(yearsInRange.value)[index],
-                      "opacity-50 cursor-not-allowed bg-transparent hover:bg-transparent active:bg-transparent dark:hover:bg-transparent dark:active:bg-transparent pointer-events-none text-gray-400 dark:text-gray-600": !unref(get)(yearsInRange.value)[index]
-                    }
-                  ]]),
-                  disabled: !unref(get)(yearsInRange.value)[index],
-                  onClick: withModifiers(($event) => selectYear(year), ["stop"])
-                }, toDisplayString(year), 11, _hoisted_6);
-              }), 128))
-            ])) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "anchor-el"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiCalendarMenu.vue2.js.map

package/dist/components/calendar/RuiCalendarMenu.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiCalendarMenu.vue2.js","sources":["../../../src/components/calendar/RuiCalendarMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { get, isDefined, set } from '@vueuse/core';\nimport { ref, watch } from 'vue';\nimport {\n  CalendarStateSymbol,\n  getShortMonthNames,\n  type MonthYearSelection,\n  type RuiCalendarState,\n} from '@/components/calendar/state';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu from '@/components/overlays/menu/RuiMenu.vue';\nimport RuiButton from '../buttons/button/RuiButton.vue';\n\ndefineOptions({\n  name: 'RuiCalendarMenu',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<boolean>();\n\nconst { viewMonth, viewYear } = defineProps<{\n  anchorEl: HTMLElement | undefined;\n  viewMonth: number;\n  viewYear: number;\n}>();\n\nconst emit = defineEmits<{\n  select: [MonthYearSelection];\n}>();\n\n// Core reactive state - minimal\nconst viewMode = ref<'months' | 'years'>('months');\nconst startYear = ref<number>(viewYear - 6);\n\n// Pre-calculated constants\nconst months = getShortMonthNames();\nconst calendarState = inject<RuiCalendarState>(CalendarStateSymbol) as RuiCalendarState;\n\n// Pre-calculated arrays for performance - using refs for better control\nconst yearRange = ref<number[]>([]);\nconst monthsInRange = ref<boolean[]>([]);\nconst yearsInRange = ref<boolean[]>([]);\nconst title = ref<string>('');\nconst canGoToNext = ref<boolean>(true);\nconst canGoToPrev = ref<boolean>(true);\n\n// Pre-calculation functions using VueUse get/set\nfunction calculateYearRange(): void {\n  const start = get(startYear);\n  set(\n    yearRange,\n    Array.from({ length: 12 }, (_, i) => start + i),\n  );\n}\n\nfunction calculateTitle(): void {\n  if (get(viewMode) === 'months') {\n    set(title, viewYear.toString());\n  }\n  else {\n    const range = get(yearRange);\n    set(title, `${range[0]} - ${range.at(-1)}`);\n  }\n}\n\nfunction calculateNavigation(): void {\n  const { maxDate, minDate } = calendarState;\n  const mode = get(viewMode);\n\n  if (mode === 'months') {\n    const nextYear = viewYear + 1;\n    const previousYear = viewYear - 1;\n\n    set(canGoToNext, !isDefined(maxDate) || nextYear <= get(maxDate).getFullYear());\n    set(canGoToPrev, !isDefined(minDate) || previousYear >= get(minDate).getFullYear());\n  }\n  else {\n    const lastYearInRange = get(startYear) + 11;\n    const firstYearInRange = get(startYear);\n\n    // Check if we can navigate to the next range of years\n    const nextRangeStart = lastYearInRange + 1;\n    set(canGoToNext, !isDefined(maxDate) || nextRangeStart <= get(maxDate).getFullYear());\n\n    // Check if we can navigate to the previous range of years\n    const prevRangeEnd = firstYearInRange - 1;\n    set(canGoToPrev, !isDefined(minDate) || prevRangeEnd >= get(minDate).getFullYear());\n  }\n}\n\nfunction calculateMonthsInRange(): void {\n  const { minDate, maxDate } = calendarState;\n  const currentYear = viewYear;\n  const result = new Array(12).fill(true);\n\n  if (isDefined(minDate) || isDefined(maxDate)) {\n    for (let month = 0; month < 12; month++) {\n      const date = new Date(currentYear, month);\n      if (isDefined(maxDate) && date > get(maxDate)) {\n        result[month] = false;\n      }\n      if (isDefined(minDate) && date < get(minDate)) {\n        result[month] = false;\n      }\n    }\n  }\n\n  set(monthsInRange, result);\n}\n\nfunction calculateYearsInRange(): void {\n  const { minDate, maxDate } = calendarState;\n  const range = get(yearRange);\n  const currentMonth = viewMonth;\n\n  if (!isDefined(minDate) && !isDefined(maxDate)) {\n    set(yearsInRange, new Array(range.length).fill(true));\n    return;\n  }\n\n  const result = range.map((year) => {\n    const date = new Date(year, currentMonth);\n    if (isDefined(maxDate) && date > get(maxDate)) {\n      return false;\n    }\n    return !isDefined(minDate) || date >= get(minDate);\n  });\n\n  set(yearsInRange, result);\n}\n\nfunction toggleSelection(): void {\n  set(viewMode, get(viewMode) === 'months' ? 'years' : 'months');\n}\n\nfunction selectMonth(month: number): void {\n  if (!get(monthsInRange)[month])\n    return;\n  emit('select', { month, year: viewYear });\n  set(modelValue, false);\n}\n\nfunction selectYear(year: number): void {\n  const yearIndex = get(yearRange).indexOf(year);\n  if (yearIndex === -1 || !get(yearsInRange)[yearIndex])\n    return;\n\n  emit('select', { month: viewMonth, year });\n  set(viewMode, 'months');\n}\n\nfunction handleNext(): void {\n  if (get(viewMode) === 'months') {\n    const nextYear = viewYear + 1;\n    // Emit directly - navigation is already constrained by canGoToNext\n    emit('select', { month: viewMonth, year: nextYear });\n  }\n  else {\n    const lastYearInRange = get(startYear) + 11;\n    set(startYear, lastYearInRange + 1);\n  }\n}\n\nfunction handlePrev(): void {\n  if (get(viewMode) === 'months') {\n    const previousYear = viewYear - 1;\n    // Emit directly - navigation is already constrained by canGoToPrev\n    emit('select', { month: viewMonth, year: previousYear });\n  }\n  else {\n    const firstYearInRange = get(startYear);\n    set(startYear, firstYearInRange - 12);\n  }\n}\n\n// Initial calculations\ncalculateYearRange();\ncalculateTitle();\ncalculateNavigation();\ncalculateMonthsInRange();\ncalculateYearsInRange();\n\n// Watchers for recalculation only when needed\nwatch(startYear, () => {\n  calculateYearRange();\n  calculateTitle();\n  calculateNavigation();\n  calculateYearsInRange();\n});\n\nwatch(viewMode, () => {\n  calculateTitle();\n  calculateNavigation();\n});\n\nwatch(\n  () => viewYear,\n  () => {\n    calculateTitle();\n    calculateNavigation();\n    calculateMonthsInRange();\n    calculateYearsInRange();\n  },\n);\n\nwatch(\n  () => viewMonth,\n  () => {\n    calculateYearsInRange();\n  },\n);\n</script>\n\n<template>\n  <RuiMenu\n    v-model=\"modelValue\"\n    :anchor-el=\"anchorEl\"\n    placement=\"bottom-start\"\n  >\n    <div class=\"menu-container\">\n      <div class=\"menu-header\">\n        <RuiButton\n          type=\"button\"\n          class=\"nav-button\"\n          icon\n          :disabled=\"!get(canGoToPrev)\"\n          variant=\"text\"\n          @click.stop=\"handlePrev()\"\n        >\n          <RuiIcon\n            name=\"lu-chevron-left\"\n            size=\"20\"\n          />\n        </RuiButton>\n\n        <div\n          class=\"flex-1 text-center cursor-pointer\"\n          @click.stop=\"toggleSelection()\"\n        >\n          {{ get(title) }}\n        </div>\n\n        <RuiButton\n          type=\"button\"\n          class=\"nav-button\"\n          icon\n          :disabled=\"!get(canGoToNext)\"\n          variant=\"text\"\n          @click.stop=\"handleNext()\"\n        >\n          <RuiIcon\n            name=\"lu-chevron-right\"\n            size=\"20\"\n          />\n        </RuiButton>\n      </div>\n\n      <div\n        v-if=\"viewMode === 'months'\"\n        class=\"month-grid\"\n      >\n        <button\n          v-for=\"(month, index) in months\"\n          :key=\"month\"\n          type=\"button\"\n          class=\"h-9 w-full flex items-center justify-center text-sm font-medium rounded-md transition-colors duration-150 ease-in-out border-none outline-none cursor-pointer focus:ring-2 focus:ring-rui-primary focus:ring-opacity-50\"\n          :class=\"[\n            {\n              'bg-rui-primary text-white hover:bg-rui-primary-darker active:bg-rui-primary-darker dark:bg-rui-primary dark:text-white dark:hover:bg-rui-primary-darker':\n                index === viewMonth && get(monthsInRange)[index],\n              'bg-gray-300 text-gray-500 dark:bg-gray-600 dark:text-gray-400':\n                index === viewMonth && !get(monthsInRange)[index],\n              'text-gray-700 bg-transparent hover:bg-gray-100 active:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 dark:active:bg-gray-600':\n                index !== viewMonth && get(monthsInRange)[index],\n              'opacity-50 cursor-not-allowed bg-transparent hover:bg-transparent active:bg-transparent dark:hover:bg-transparent dark:active:bg-transparent pointer-events-none text-gray-400 dark:text-gray-600':\n                !get(monthsInRange)[index],\n            },\n          ]\"\n          :disabled=\"!get(monthsInRange)[index]\"\n          @click.stop=\"selectMonth(index)\"\n        >\n          {{ month.substring(0, 3) }}\n        </button>\n      </div>\n\n      <div\n        v-else-if=\"viewMode === 'years'\"\n        class=\"year-grid\"\n      >\n        <button\n          v-for=\"(year, index) in yearRange\"\n          :key=\"year\"\n          type=\"button\"\n          class=\"h-9 w-full flex items-center justify-center text-sm font-medium rounded-md transition-colors duration-150 ease-in-out border-none outline-none cursor-pointer focus:ring-2 focus:ring-rui-primary focus:ring-opacity-50\"\n          :class=\"[\n            {\n              'bg-rui-primary text-white hover:bg-rui-primary-darker active:bg-rui-primary-darker dark:bg-rui-primary dark:text-white dark:hover:bg-rui-primary-darker':\n                year === viewYear && get(yearsInRange)[index],\n              'bg-gray-300 text-gray-500 dark:bg-gray-600 dark:text-gray-400':\n                year === viewYear && !get(yearsInRange)[index],\n              'text-gray-700 bg-transparent hover:bg-gray-100 active:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 dark:active:bg-gray-600':\n                year !== viewYear && get(yearsInRange)[index],\n              'opacity-50 cursor-not-allowed bg-transparent hover:bg-transparent active:bg-transparent dark:hover:bg-transparent dark:active:bg-transparent pointer-events-none text-gray-400 dark:text-gray-600':\n                !get(yearsInRange)[index],\n            },\n          ]\"\n          :disabled=\"!get(yearsInRange)[index]\"\n          @click.stop=\"selectYear(year)\"\n        >\n          {{ year }}\n        </button>\n      </div>\n    </div>\n  </RuiMenu>\n</template>\n\n<style scoped>\n.menu-container {\n  @apply w-64 shadow-lg overflow-hidden;\n}\n\n.menu-header {\n  @apply flex items-center justify-center p-1 font-medium text-gray-800 dark:text-gray-200;\n  @apply border-b border-rui-grey-200 dark:border-rui-grey-800 cursor-pointer hover:bg-rui-grey-100 dark:hover:bg-rui-grey-800;\n}\n\n.month-grid {\n  @apply grid grid-cols-3 gap-1 p-2;\n}\n\n.year-grid {\n  @apply grid grid-cols-3 gap-1 p-2;\n}\n</style>\n"],"names":["_useModel","_createBlock","_createElementVNode","_createVNode","_unref","_toDisplayString","_openBlock","_createElementBlock","_Fragment","_renderList","_withModifiers"],"mappings":"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"}

package/dist/components/cards/RuiCard.vue.js

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

package/dist/components/cards/RuiCard.vue.js.map

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

package/dist/components/cards/RuiCard.vue2.js

@@ -1,88 +0,0 @@
-import { defineComponent, useSlots, computed, openBlock, createElementBlock, mergeProps, normalizeClass, renderSlot, createCommentVNode, createBlock, createSlots, withCtx } from "vue";
-import RuiCardHeader from "./RuiCardHeader.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiCard",
-    inheritAttrs: false
-  },
-  __name: "RuiCard",
-  props: {
-    dense: { type: Boolean, default: false },
-    divide: { type: Boolean, default: false },
-    elevation: { default: 0 },
-    variant: { default: "outlined" },
-    rounded: { default: "md" },
-    noPadding: { type: Boolean, default: false },
-    contentClass: { default: "" }
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const hasHeadContent = computed(() => !!slots.header || !!slots.subheader);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: [
-          _ctx.$style.card,
-          `shadow-${__props.elevation}`,
-          _ctx.$style[`rounded__${__props.rounded}`],
-          {
-            [_ctx.$style.outlined]: __props.variant === "outlined",
-            [_ctx.$style.dense]: __props.dense,
-            [_ctx.$style.divide]: __props.divide,
-            [_ctx.$style["no-padding"]]: __props.noPadding
-          }
-        ]
-      }, _ctx.$attrs), [
-        slots.image ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.image)
-        }, [
-          renderSlot(_ctx.$slots, "image")
-        ], 2)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "custom-header", {}, () => [
-          hasHeadContent.value ? (openBlock(), createBlock(RuiCardHeader, {
-            key: 0,
-            dense: __props.dense
-          }, createSlots({ _: 2 }, [
-            slots.prepend ? {
-              name: "prepend",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "prepend")
-              ]),
-              key: "0"
-            } : void 0,
-            slots.header ? {
-              name: "header",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "header")
-              ]),
-              key: "1"
-            } : void 0,
-            slots.subheader ? {
-              name: "subheader",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "subheader")
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1032, ["dense"])) : createCommentVNode("", true)
-        ]),
-        slots.default ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass([_ctx.$style.content, __props.contentClass])
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("", true),
-        slots.footer ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(_ctx.$style.footer)
-        }, [
-          renderSlot(_ctx.$slots, "footer")
-        ], 2)) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiCard.vue2.js.map

package/dist/components/cards/RuiCard.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiCard.vue2.js","sources":["../../../src/components/cards/RuiCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport RuiCardHeader from '@/components/cards/RuiCardHeader.vue';\n\nexport interface Props {\n  dense?: boolean;\n  divide?: boolean;\n  elevation?: number;\n  variant?: 'flat' | 'outlined';\n  rounded?: 'sm' | 'md' | 'lg';\n  noPadding?: boolean;\n  contentClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiCard',\n  inheritAttrs: false,\n});\n\nconst {\n  divide = false,\n  dense = false,\n  elevation = 0,\n  variant = 'outlined',\n  rounded = 'md',\n  noPadding = false,\n  contentClass = '',\n} = defineProps<Props>();\n\nconst slots = defineSlots<{\n  'image'?: () => any;\n  'custom-header'?: () => any;\n  'prepend'?: () => any;\n  'header'?: () => any;\n  'subheader'?: () => any;\n  'default'?: () => any;\n  'footer'?: () => any;\n}>();\n\nconst hasHeadContent = computed<boolean>(() => !!slots.header || !!slots.subheader);\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $style.card,\n      `shadow-${elevation}`,\n      $style[`rounded__${rounded}`],\n      {\n        [$style.outlined]: variant === 'outlined',\n        [$style.dense]: dense,\n        [$style.divide]: divide,\n        [$style['no-padding']]: noPadding,\n      },\n    ]\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"slots.image\"\n      :class=\"$style.image\"\n    >\n      <slot name=\"image\" />\n    </div>\n    <slot name=\"custom-header\">\n      <RuiCardHeader\n        v-if=\"hasHeadContent\"\n        :dense=\"dense\"\n      >\n        <template\n          v-if=\"slots.prepend\"\n          #prepend\n        >\n          <slot name=\"prepend\" />\n        </template>\n        <template\n          v-if=\"slots.header\"\n          #header\n        >\n          <slot name=\"header\" />\n        </template>\n        <template\n          v-if=\"slots.subheader\"\n          #subheader\n        >\n          <slot name=\"subheader\" />\n        </template>\n      </RuiCardHeader>\n    </slot>\n    <div\n      v-if=\"slots.default\"\n      :class=\"[$style.content, contentClass]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-if=\"slots.footer\"\n      :class=\"$style.footer\"\n    >\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.card {\n  @apply flex flex-col h-full w-full bg-white;\n  &.rounded__sm {\n    @apply rounded-[.25rem];\n\n    .image {\n      @apply rounded-t-[.25rem];\n    }\n  }\n\n  &.rounded__md {\n    @apply rounded-[.5rem];\n\n    .image {\n      @apply rounded-t-[.5rem];\n    }\n  }\n\n  &.rounded__lg {\n    @apply rounded-[1rem];\n\n    .image {\n      @apply rounded-t-[1rem];\n    }\n  }\n\n  .image {\n    @apply overflow-hidden;\n  }\n\n  .content {\n    @apply p-4 text-body-1 text-rui-light-text overflow-y-auto;\n  }\n\n  .footer {\n    @apply p-4 pt-2 flex space-x-2 items-center justify-start mt-auto;\n  }\n\n  &.flat {\n    @apply border-none;\n  }\n\n  &.outlined {\n    @apply border border-black/[0.12];\n  }\n\n  &.divide {\n    @apply divide-y divide-black/[0.12];\n  }\n\n  &.dense {\n    > .content {\n      @apply p-3;\n    }\n\n    > .footer {\n      @apply py-1 flex space-x-2;\n    }\n  }\n\n  &.no-padding {\n    > .content {\n      @apply p-0;\n    }\n  }\n}\n\n:global(.dark) {\n  .card {\n    @apply bg-[#1E1E1E];\n\n    .content {\n      @apply text-rui-dark-text;\n    }\n\n    &.outlined {\n      @apply border-white/[0.12];\n    }\n\n    &.divide {\n      @apply divide-white/[0.12];\n    }\n  }\n}\n</style>\n"],"names":["_useSlots","_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_normalizeClass","_renderSlot","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,UAAM,QAAQA,SAAA;AAUd,UAAM,iBAAiB,SAAkB,MAAM,CAAC,CAAC,MAAM,UAAU,CAAC,CAAC,MAAM,SAAS;;AAIhF,aAAAC,UAAA,GAAAC,mBAyDM,OAzDNC,WAyDM;AAAA,QAxDH,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA,oBAAsB,QAAA,SAAS;AAAA,UAAUA,KAAAA,mBAAmB,QAAA,OAAO,EAAA;AAAA;aAAsBA,KAAAA,OAAO,QAAQ,GAAG,QAAA,YAAO;AAAA,aAA0BA,KAAAA,OAAO,KAAK,GAAG,QAAA;AAAA,aAAgBA,KAAAA,OAAO,MAAM,GAAG,QAAA;AAAA,YAAiBA,CAAAA,KAAAA,uBAAuB,QAAA;AAAA,UAAA;AAAA;SAWlPC,KAAAA,MAAM,GAAA;AAAA,QAGN,MAAM,sBADdH,mBAKM,OAAA;AAAA;UAHH,OAAKI,eAAEF,KAAAA,OAAO,KAAK;AAAA,QAAA;UAEpBG,WAAqB,KAAA,QAAA,OAAA;AAAA,QAAA;QAEvBA,WAwBO,kCAxBP,MAwBO;AAAA,UAtBG,eAAA,sBADRC,YAsBgB,eAAA;AAAA;YApBb,OAAO,QAAA;AAAA,UAAA;YAGA,MAAM;oBACX;AAAA,0BAED,MAAuB;AAAA,gBAAvBD,WAAuB,KAAA,QAAA,SAAA;AAAA,cAAA;;;YAGjB,MAAM;oBACX;AAAA,0BAED,MAAsB;AAAA,gBAAtBA,WAAsB,KAAA,QAAA,QAAA;AAAA,cAAA;;;YAGhB,MAAM;oBACX;AAAA,0BAED,MAAyB;AAAA,gBAAzBA,WAAyB,KAAA,QAAA,WAAA;AAAA,cAAA;;;;;QAKvB,MAAM,wBADdL,mBAKM,OAAA;AAAA;UAHH,OAAKI,eAAA,CAAGF,KAAAA,OAAO,SAAS,QAAA,YAAY,CAAA;AAAA,QAAA;UAErCG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;QAGF,MAAM,uBADdL,mBAKM,OAAA;AAAA;UAHH,OAAKI,eAAEF,KAAAA,OAAO,MAAM;AAAA,QAAA;UAErBG,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA;;;;;"}

package/dist/components/cards/RuiCard.vue3.js

@@ -1,40 +0,0 @@
-const card = "_card_17ccq_1";
-const rounded__sm = "_rounded__sm_17ccq_4";
-const image = "_image_17ccq_7";
-const rounded__md = "_rounded__md_17ccq_10";
-const rounded__lg = "_rounded__lg_17ccq_16";
-const content = "_content_17ccq_25";
-const footer = "_footer_17ccq_28";
-const flat = "_flat_17ccq_31";
-const outlined = "_outlined_17ccq_34";
-const divide = "_divide_17ccq_37";
-const dense = "_dense_17ccq_40";
-const style0 = {
-  card,
-  rounded__sm,
-  image,
-  rounded__md,
-  rounded__lg,
-  content,
-  footer,
-  flat,
-  outlined,
-  divide,
-  dense,
-  "no-padding": "_no-padding_17ccq_46"
-};
-export {
-  card,
-  content,
-  style0 as default,
-  dense,
-  divide,
-  flat,
-  footer,
-  image,
-  outlined,
-  rounded__lg,
-  rounded__md,
-  rounded__sm
-};
-//# sourceMappingURL=RuiCard.vue3.js.map

package/dist/components/cards/RuiCard.vue3.js.map

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

package/dist/components/cards/RuiCardHeader.vue.js

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

package/dist/components/cards/RuiCardHeader.vue.js.map

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