@rotki/ui-library 2.15.0 → 2.16.0

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

@@ -0,0 +1,246 @@
+import { tv } from "../../utils/tv.js";
+import RuiIcon_default from "../icons/RuiIcon.js";
+import RuiButton_default from "../buttons/button/RuiButton.js";
+import { CalendarStateSymbol, getShortMonthNames } from "./state.js";
+import RuiMenu_default from "../overlays/menu/RuiMenu.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeModels, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useModel, watch, withCtx, withModifiers } from "vue";
+import { get, isDefined, set } from "@vueuse/core";
+//#region src/components/calendar/RuiCalendarMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "w-64 shadow-lg overflow-hidden" };
+var _hoisted_2 = { class: "flex items-center justify-center p-1 font-medium text-gray-800 dark:text-gray-200 border-b border-rui-grey-200 dark:border-rui-grey-800 cursor-pointer hover:bg-rui-grey-100 dark:hover:bg-rui-grey-800" };
+var _hoisted_3 = {
+	key: 0,
+	class: "grid grid-cols-3 gap-1 p-2"
+};
+var _hoisted_4 = ["disabled", "onClick"];
+var _hoisted_5 = {
+	key: 1,
+	class: "grid grid-cols-3 gap-1 p-2"
+};
+var _hoisted_6 = ["disabled", "onClick"];
+var navButtonClass = "p-1 rounded-full text-gray-500 hover:text-rui-primary hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-rui-primary";
+var RuiCalendarMenu_vue_vue_type_script_setup_true_lang_default = /* @__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 cellButton = tv({
+			base: "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",
+			variants: {
+				selected: { true: "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" },
+				inRange: {
+					true: "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",
+					false: "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"
+				},
+				selectedOutOfRange: { true: "bg-gray-300 text-gray-500 dark:bg-gray-600 dark:text-gray-400" }
+			}
+		});
+		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;
+			if (get(viewMode) === "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;
+			}
+			set(yearsInRange, range.map((year) => {
+				const date = new Date(year, currentMonth);
+				if (isDefined(maxDate) && date > get(maxDate)) return false;
+				return !isDefined(minDate) || date >= get(minDate);
+			}));
+		}
+		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 set(startYear, get(startYear) + 11 + 1);
+		}
+		function handlePrev() {
+			if (get(viewMode) === "months") {
+				const previousYear = __props.viewYear - 1;
+				emit("select", {
+					month: __props.viewMonth,
+					year: previousYear
+				});
+			} else set(startYear, get(startYear) - 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_default, {
+				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_default, {
+						type: "button",
+						class: normalizeClass(navButtonClass),
+						icon: "",
+						disabled: !unref(get)(canGoToPrev.value),
+						variant: "text",
+						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handlePrev(), ["stop"]))
+					}, {
+						default: withCtx(() => [createVNode(RuiIcon_default, {
+							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_default, {
+						type: "button",
+						class: normalizeClass(navButtonClass),
+						icon: "",
+						disabled: !unref(get)(canGoToNext.value),
+						variant: "text",
+						onClick: _cache[2] || (_cache[2] = withModifiers(($event) => handleNext(), ["stop"]))
+					}, {
+						default: withCtx(() => [createVNode(RuiIcon_default, {
+							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(unref(cellButton)({
+							selected: index === __props.viewMonth && unref(get)(monthsInRange.value)[index],
+							selectedOutOfRange: index === __props.viewMonth && !unref(get)(monthsInRange.value)[index],
+							inRange: index !== __props.viewMonth ? unref(get)(monthsInRange.value)[index] : void 0
+						})),
+						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(unref(cellButton)({
+							selected: year === __props.viewYear && unref(get)(yearsInRange.value)[index],
+							selectedOutOfRange: year === __props.viewYear && !unref(get)(yearsInRange.value)[index],
+							inRange: year !== __props.viewYear ? unref(get)(yearsInRange.value)[index] : void 0
+						})),
+						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"]);
+		};
+	}
+});
+//#endregion
+export { RuiCalendarMenu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiCalendarMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCalendarMenu.vue_vue_type_script_setup_true_lang.js","names":[],"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 { tv } from '@/utils/tv';\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\nconst navButtonClass = 'p-1 rounded-full text-gray-500 hover:text-rui-primary hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-rui-primary';\n\nconst cellButton = tv({\n  base: '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  variants: {\n    selected: {\n      true: '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    },\n    inRange: {\n      true: '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      false: '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    },\n    selectedOutOfRange: {\n      true: 'bg-gray-300 text-gray-500 dark:bg-gray-600 dark:text-gray-400',\n    },\n  },\n});\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=\"w-64 shadow-lg overflow-hidden\">\n      <div class=\"flex items-center justify-center p-1 font-medium text-gray-800 dark:text-gray-200 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        <RuiButton\n          type=\"button\"\n          :class=\"navButtonClass\"\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=\"navButtonClass\"\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=\"grid grid-cols-3 gap-1 p-2\"\n      >\n        <button\n          v-for=\"(month, index) in months\"\n          :key=\"month\"\n          type=\"button\"\n          :class=\"cellButton({\n            selected: index === viewMonth && get(monthsInRange)[index],\n            selectedOutOfRange: index === viewMonth && !get(monthsInRange)[index],\n            inRange: index !== viewMonth ? get(monthsInRange)[index] : undefined,\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=\"grid grid-cols-3 gap-1 p-2\"\n      >\n        <button\n          v-for=\"(year, index) in yearRange\"\n          :key=\"year\"\n          type=\"button\"\n          :class=\"cellButton({\n            selected: year === viewYear && get(yearsInRange)[index],\n            selectedOutOfRange: year === viewYear && !get(yearsInRange)[index],\n            inRange: year !== viewYear ? get(yearsInRange)[index] : undefined,\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"],"mappings":"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"}

package/dist/components/calendar/state.js

@@ -1,25 +1,24 @@
-const CalendarStateSymbol = /* @__PURE__ */ Symbol.for("rui:calendar");
+//#region src/components/calendar/state.ts
+var CalendarStateSymbol = Symbol.for("rui:calendar");
 function getDaysOfWeek(locale = "en-US", format = "narrow") {
-  const daysOfWeek = [];
-  for (let i = 0; i < 7; i++) {
-    const date = new Date(2021, 0, 3 + i);
-    const dayName = new Intl.DateTimeFormat(locale, { weekday: format }).format(date);
-    daysOfWeek.push(format === "narrow" ? dayName : dayName.charAt(0));
-  }
-  return daysOfWeek;
+	const daysOfWeek = [];
+	for (let i = 0; i < 7; i++) {
+		const date = new Date(2021, 0, 3 + i);
+		const dayName = new Intl.DateTimeFormat(locale, { weekday: format }).format(date);
+		daysOfWeek.push(format === "narrow" ? dayName : dayName.charAt(0));
+	}
+	return daysOfWeek;
 }
 function getShortMonthNames(locale = "en-US") {
-  const monthNames = [];
-  for (let month = 0; month < 12; month++) {
-    const date = new Date(2021, month, 1);
-    const monthName = new Intl.DateTimeFormat(locale, { month: "short" }).format(date);
-    monthNames.push(monthName);
-  }
-  return monthNames;
+	const monthNames = [];
+	for (let month = 0; month < 12; month++) {
+		const date = new Date(2021, month, 1);
+		const monthName = new Intl.DateTimeFormat(locale, { month: "short" }).format(date);
+		monthNames.push(monthName);
+	}
+	return monthNames;
 }
-export {
-  CalendarStateSymbol,
-  getDaysOfWeek,
-  getShortMonthNames
-};
-//# sourceMappingURL=state.js.map
+//#endregion
+export { CalendarStateSymbol, getDaysOfWeek, getShortMonthNames };
+
+//# sourceMappingURL=state.js.map

package/dist/components/calendar/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sources":["../../../src/components/calendar/state.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue';\n\nexport const CalendarStateSymbol: InjectionKey<RuiCalendarState> = Symbol.for('rui:calendar');\n\nexport interface RuiCalendarState {\n  viewMonth: Ref<number>;\n  viewYear: Ref<number>;\n  selectedDate: Ref<Date | undefined>;\n  maxDate: ComputedRef<Date | undefined>;\n  minDate: ComputedRef<Date | undefined>;\n  isDark: ComputedRef<boolean>;\n  allowEmpty: boolean;\n}\n\nexport interface MonthYearSelection {\n  month: number;\n  year: number;\n}\n\nexport function getDaysOfWeek(locale: Intl.LocalesArgument = 'en-US', format: 'narrow' | 'short' = 'narrow'): string[] {\n  const daysOfWeek: string[] = [];\n  for (let i = 0; i < 7; i++) {\n    const date = new Date(2021, 0, 3 + i); // Jan 3, 2021 was a Sunday\n    const dayName = new Intl.DateTimeFormat(locale, { weekday: format }).format(date);\n    daysOfWeek.push(format === 'narrow' ? dayName : dayName.charAt(0));\n  }\n  return daysOfWeek;\n}\n\nexport function getShortMonthNames(locale: Intl.LocalesArgument = 'en-US'): string[] {\n  const monthNames: string[] = [];\n  for (let month = 0; month < 12; month++) {\n    const date = new Date(2021, month, 1);\n    const monthName = new Intl.DateTimeFormat(locale, { month: 'short' }).format(date);\n    monthNames.push(monthName);\n  }\n  return monthNames;\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsD,uBAAO,IAAI,cAAc;AAiBrF,SAAS,cAAc,SAA+B,SAAS,SAA6B,UAAoB;AACrH,QAAM,aAAuB,CAAA;AAC7B,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,UAAM,OAAO,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC;AACpC,UAAM,UAAU,IAAI,KAAK,eAAe,QAAQ,EAAE,SAAS,OAAA,CAAQ,EAAE,OAAO,IAAI;AAChF,eAAW,KAAK,WAAW,WAAW,UAAU,QAAQ,OAAO,CAAC,CAAC;AAAA,EACnE;AACA,SAAO;AACT;AAEO,SAAS,mBAAmB,SAA+B,SAAmB;AACnF,QAAM,aAAuB,CAAA;AAC7B,WAAS,QAAQ,GAAG,QAAQ,IAAI,SAAS;AACvC,UAAM,OAAO,IAAI,KAAK,MAAM,OAAO,CAAC;AACpC,UAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,EAAE,OAAO,QAAA,CAAS,EAAE,OAAO,IAAI;AACjF,eAAW,KAAK,SAAS;AAAA,EAC3B;AACA,SAAO;AACT;"}
+{"version":3,"file":"state.js","names":[],"sources":["../../../src/components/calendar/state.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue';\n\nexport const CalendarStateSymbol: InjectionKey<RuiCalendarState> = Symbol.for('rui:calendar');\n\nexport interface RuiCalendarState {\n  viewMonth: Ref<number>;\n  viewYear: Ref<number>;\n  selectedDate: Ref<Date | undefined>;\n  maxDate: ComputedRef<Date | undefined>;\n  minDate: ComputedRef<Date | undefined>;\n  isDark: ComputedRef<boolean>;\n  allowEmpty: boolean;\n}\n\nexport interface MonthYearSelection {\n  month: number;\n  year: number;\n}\n\nexport function getDaysOfWeek(locale: Intl.LocalesArgument = 'en-US', format: 'narrow' | 'short' = 'narrow'): string[] {\n  const daysOfWeek: string[] = [];\n  for (let i = 0; i < 7; i++) {\n    const date = new Date(2021, 0, 3 + i); // Jan 3, 2021 was a Sunday\n    const dayName = new Intl.DateTimeFormat(locale, { weekday: format }).format(date);\n    daysOfWeek.push(format === 'narrow' ? dayName : dayName.charAt(0));\n  }\n  return daysOfWeek;\n}\n\nexport function getShortMonthNames(locale: Intl.LocalesArgument = 'en-US'): string[] {\n  const monthNames: string[] = [];\n  for (let month = 0; month < 12; month++) {\n    const date = new Date(2021, month, 1);\n    const monthName = new Intl.DateTimeFormat(locale, { month: 'short' }).format(date);\n    monthNames.push(monthName);\n  }\n  return monthNames;\n}\n"],"mappings":";AAEA,IAAa,sBAAsD,OAAO,IAAI,eAAe;AAiB7F,SAAgB,cAAc,SAA+B,SAAS,SAA6B,UAAoB;CACrH,MAAM,aAAuB,EAAE;AAC/B,MAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;EAC1B,MAAM,OAAO,IAAI,KAAK,MAAM,GAAG,IAAI,EAAE;EACrC,MAAM,UAAU,IAAI,KAAK,eAAe,QAAQ,EAAE,SAAS,QAAQ,CAAC,CAAC,OAAO,KAAK;AACjF,aAAW,KAAK,WAAW,WAAW,UAAU,QAAQ,OAAO,EAAE,CAAC;;AAEpE,QAAO;;AAGT,SAAgB,mBAAmB,SAA+B,SAAmB;CACnF,MAAM,aAAuB,EAAE;AAC/B,MAAK,IAAI,QAAQ,GAAG,QAAQ,IAAI,SAAS;EACvC,MAAM,OAAO,IAAI,KAAK,MAAM,OAAO,EAAE;EACrC,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,EAAE,OAAO,SAAS,CAAC,CAAC,OAAO,KAAK;AAClF,aAAW,KAAK,UAAU;;AAE5B,QAAO"}

package/dist/components/cards/RuiCard.js

@@ -0,0 +1,7 @@
+import RuiCard_vue_vue_type_script_setup_true_lang_default from "./RuiCard.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/cards/RuiCard.vue
+var RuiCard_default = RuiCard_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiCard_default as default };
+
+//# sourceMappingURL=RuiCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCard.js","names":[],"sources":["../../../src/components/cards/RuiCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { VueClassValue } from '@/types/class-value';\nimport { computed } from 'vue';\nimport RuiCardHeader from '@/components/cards/RuiCardHeader.vue';\nimport { cn, tv } from '@/utils/tv';\n\nexport interface RuiCardClassNames {\n  root?: VueClassValue;\n  content?: VueClassValue;\n  footer?: VueClassValue;\n  image?: VueClassValue;\n}\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  classNames?: RuiCardClassNames;\n  /** @deprecated Use `classNames.content` instead */\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: cardVariant = 'outlined',\n  rounded = 'md',\n  noPadding = false,\n  classNames,\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 card = tv({\n  slots: {\n    root: 'flex flex-col h-full w-full bg-white dark:bg-[#1E1E1E]',\n    image: 'overflow-hidden',\n    content: 'text-body-1 text-rui-light-text dark:text-rui-dark-text overflow-y-auto',\n    footer: 'flex space-x-2 items-center justify-start mt-auto',\n  },\n  variants: {\n    variant: {\n      flat: { root: '' },\n      outlined: { root: 'border border-black/[0.12] dark:border-white/[0.12]' },\n    },\n    rounded: {\n      sm: { root: 'rounded-[.25rem]', image: 'rounded-t-[.25rem]' },\n      md: { root: 'rounded-[.5rem]', image: 'rounded-t-[.5rem]' },\n      lg: { root: 'rounded-[1rem]', image: 'rounded-t-[1rem]' },\n    },\n    divide: {\n      true: { root: 'divide-y divide-black/[0.12] dark:divide-white/[0.12]' },\n    },\n    padding: {\n      none: { content: 'p-0' },\n      dense: { content: 'p-3' },\n      normal: { content: 'p-4' },\n    },\n    dense: {\n      true: { footer: 'py-1' },\n      false: { footer: 'p-4 pt-2' },\n    },\n  },\n  defaultVariants: { variant: 'outlined', rounded: 'md', padding: 'normal', dense: false },\n});\n\nconst hasHeadContent = computed<boolean>(() => !!slots.header || !!slots.subheader);\n\nconst contentPadding = computed<'none' | 'dense' | 'normal'>(() => {\n  if (noPadding)\n    return 'none';\n  return dense ? 'dense' : 'normal';\n});\n\nconst ui = computed<ReturnType<typeof card>>(() => card({ variant: cardVariant, rounded, divide, dense, padding: contentPadding.value }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root({ class: [`shadow-${elevation}`, cn(classNames?.root)] })\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"slots.image\"\n      data-id=\"card-image\"\n      :class=\"ui.image({ class: cn(classNames?.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      data-id=\"card-content\"\n      :class=\"ui.content({ class: cn(classNames?.content) ?? contentClass })\"\n    >\n      <slot />\n    </div>\n    <div\n      v-if=\"slots.footer\"\n      data-id=\"card-footer\"\n      :class=\"ui.footer({ class: cn(classNames?.footer) })\"\n    >\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/cards/RuiCard.vue.d.ts

@@ -1,3 +1,10 @@
+import type { VueClassValue } from '../../types/class-value';
+export interface RuiCardClassNames {
+    root?: VueClassValue;
+    content?: VueClassValue;
+    footer?: VueClassValue;
+    image?: VueClassValue;
+}
 export interface Props {
     dense?: boolean;
     divide?: boolean;
@@ -5,6 +12,8 @@ export interface Props {
     variant?: 'flat' | 'outlined';
     rounded?: 'sm' | 'md' | 'lg';
     noPadding?: boolean;
+    classNames?: RuiCardClassNames;
+    /** @deprecated Use `classNames.content` instead */
     contentClass?: string;
 }
 type __VLS_Slots = {

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

@@ -0,0 +1,130 @@
+import { cn, tv } from "../../utils/tv.js";
+import RuiCardHeader_default from "./RuiCardHeader.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
+//#region src/components/cards/RuiCard.vue?vue&type=script&setup=true&lang.ts
+var RuiCard_vue_vue_type_script_setup_true_lang_default = /* @__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
+		},
+		classNames: {},
+		contentClass: { default: "" }
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const card = tv({
+			slots: {
+				root: "flex flex-col h-full w-full bg-white dark:bg-[#1E1E1E]",
+				image: "overflow-hidden",
+				content: "text-body-1 text-rui-light-text dark:text-rui-dark-text overflow-y-auto",
+				footer: "flex space-x-2 items-center justify-start mt-auto"
+			},
+			variants: {
+				variant: {
+					flat: { root: "" },
+					outlined: { root: "border border-black/[0.12] dark:border-white/[0.12]" }
+				},
+				rounded: {
+					sm: {
+						root: "rounded-[.25rem]",
+						image: "rounded-t-[.25rem]"
+					},
+					md: {
+						root: "rounded-[.5rem]",
+						image: "rounded-t-[.5rem]"
+					},
+					lg: {
+						root: "rounded-[1rem]",
+						image: "rounded-t-[1rem]"
+					}
+				},
+				divide: { true: { root: "divide-y divide-black/[0.12] dark:divide-white/[0.12]" } },
+				padding: {
+					none: { content: "p-0" },
+					dense: { content: "p-3" },
+					normal: { content: "p-4" }
+				},
+				dense: {
+					true: { footer: "py-1" },
+					false: { footer: "p-4 pt-2" }
+				}
+			},
+			defaultVariants: {
+				variant: "outlined",
+				rounded: "md",
+				padding: "normal",
+				dense: false
+			}
+		});
+		const hasHeadContent = computed(() => !!slots.header || !!slots.subheader);
+		const contentPadding = computed(() => {
+			if (__props.noPadding) return "none";
+			return __props.dense ? "dense" : "normal";
+		});
+		const ui = computed(() => card({
+			variant: __props.variant,
+			rounded: __props.rounded,
+			divide: __props.divide,
+			dense: __props.dense,
+			padding: contentPadding.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ class: ui.value.root({ class: [`shadow-${__props.elevation}`, unref(cn)(__props.classNames?.root)] }) }, _ctx.$attrs), [
+				slots.image ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-id": "card-image",
+					class: normalizeClass(ui.value.image({ class: unref(cn)(__props.classNames?.image) }))
+				}, [renderSlot(_ctx.$slots, "image")], 2)) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "custom-header", {}, () => [hasHeadContent.value ? (openBlock(), createBlock(RuiCardHeader_default, {
+					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,
+					"data-id": "card-content",
+					class: normalizeClass(ui.value.content({ class: unref(cn)(__props.classNames?.content) ?? __props.contentClass }))
+				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true),
+				slots.footer ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					"data-id": "card-footer",
+					class: normalizeClass(ui.value.footer({ class: unref(cn)(__props.classNames?.footer) }))
+				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+			], 16);
+		};
+	}
+});
+//#endregion
+export { RuiCard_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiCard.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCard.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/cards/RuiCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { VueClassValue } from '@/types/class-value';\nimport { computed } from 'vue';\nimport RuiCardHeader from '@/components/cards/RuiCardHeader.vue';\nimport { cn, tv } from '@/utils/tv';\n\nexport interface RuiCardClassNames {\n  root?: VueClassValue;\n  content?: VueClassValue;\n  footer?: VueClassValue;\n  image?: VueClassValue;\n}\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  classNames?: RuiCardClassNames;\n  /** @deprecated Use `classNames.content` instead */\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: cardVariant = 'outlined',\n  rounded = 'md',\n  noPadding = false,\n  classNames,\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 card = tv({\n  slots: {\n    root: 'flex flex-col h-full w-full bg-white dark:bg-[#1E1E1E]',\n    image: 'overflow-hidden',\n    content: 'text-body-1 text-rui-light-text dark:text-rui-dark-text overflow-y-auto',\n    footer: 'flex space-x-2 items-center justify-start mt-auto',\n  },\n  variants: {\n    variant: {\n      flat: { root: '' },\n      outlined: { root: 'border border-black/[0.12] dark:border-white/[0.12]' },\n    },\n    rounded: {\n      sm: { root: 'rounded-[.25rem]', image: 'rounded-t-[.25rem]' },\n      md: { root: 'rounded-[.5rem]', image: 'rounded-t-[.5rem]' },\n      lg: { root: 'rounded-[1rem]', image: 'rounded-t-[1rem]' },\n    },\n    divide: {\n      true: { root: 'divide-y divide-black/[0.12] dark:divide-white/[0.12]' },\n    },\n    padding: {\n      none: { content: 'p-0' },\n      dense: { content: 'p-3' },\n      normal: { content: 'p-4' },\n    },\n    dense: {\n      true: { footer: 'py-1' },\n      false: { footer: 'p-4 pt-2' },\n    },\n  },\n  defaultVariants: { variant: 'outlined', rounded: 'md', padding: 'normal', dense: false },\n});\n\nconst hasHeadContent = computed<boolean>(() => !!slots.header || !!slots.subheader);\n\nconst contentPadding = computed<'none' | 'dense' | 'normal'>(() => {\n  if (noPadding)\n    return 'none';\n  return dense ? 'dense' : 'normal';\n});\n\nconst ui = computed<ReturnType<typeof card>>(() => card({ variant: cardVariant, rounded, divide, dense, padding: contentPadding.value }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root({ class: [`shadow-${elevation}`, cn(classNames?.root)] })\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"slots.image\"\n      data-id=\"card-image\"\n      :class=\"ui.image({ class: cn(classNames?.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      data-id=\"card-content\"\n      :class=\"ui.content({ class: cn(classNames?.content) ?? contentClass })\"\n    >\n      <slot />\n    </div>\n    <div\n      v-if=\"slots.footer\"\n      data-id=\"card-footer\"\n      :class=\"ui.footer({ class: cn(classNames?.footer) })\"\n    >\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,QAAQ,UAQV;EAEJ,MAAM,OAAO,GAAG;GACd,OAAO;IACL,MAAM;IACN,OAAO;IACP,SAAS;IACT,QAAQ;IACT;GACD,UAAU;IACR,SAAS;KACP,MAAM,EAAE,MAAM,IAAI;KAClB,UAAU,EAAE,MAAM,uDAAuD;KAC1E;IACD,SAAS;KACP,IAAI;MAAE,MAAM;MAAoB,OAAO;MAAsB;KAC7D,IAAI;MAAE,MAAM;MAAmB,OAAO;MAAqB;KAC3D,IAAI;MAAE,MAAM;MAAkB,OAAO;MAAoB;KAC1D;IACD,QAAQ,EACN,MAAM,EAAE,MAAM,yDAAyD,EACxE;IACD,SAAS;KACP,MAAM,EAAE,SAAS,OAAO;KACxB,OAAO,EAAE,SAAS,OAAO;KACzB,QAAQ,EAAE,SAAS,OAAO;KAC3B;IACD,OAAO;KACL,MAAM,EAAE,QAAQ,QAAQ;KACxB,OAAO,EAAE,QAAQ,YAAY;KAC9B;IACF;GACD,iBAAiB;IAAE,SAAS;IAAY,SAAS;IAAM,SAAS;IAAU,OAAO;IAAO;GACzF,CAAC;EAEF,MAAM,iBAAiB,eAAwB,CAAC,CAAC,MAAM,UAAU,CAAC,CAAC,MAAM,UAAU;EAEnF,MAAM,iBAAiB,eAA4C;AACjE,OAAI,QAAA,UACF,QAAO;AACT,UAAO,QAAA,QAAQ,UAAU;IACzB;EAEF,MAAM,KAAK,eAAwC,KAAK;GAAE,SAAS,QAAA;GAAa,SAAM,QAAA;GAAG,QAAK,QAAA;GAAG,OAAI,QAAA;GAAG,SAAS,eAAe;GAAO,CAAC,CAAC;;uBAIvI,mBAkDM,OAlDN,WAkDM,EAjDH,OAAO,GAAA,MAAG,KAAI,EAAA,OAAA,CAAA,UAAqB,QAAA,aAAa,MAAA,GAAE,CAAC,QAAA,YAAY,KAAI,CAAA,EAAA,CAAA,EAAA,EAC5DA,KAAAA,OAAM,EAAA;IAGN,MAAM,SAAA,WAAA,EADd,mBAMM,OAAA;;KAJJ,WAAQ;KACP,OAAK,eAAE,GAAA,MAAG,MAAK,EAAA,OAAU,MAAA,GAAE,CAAC,QAAA,YAAY,MAAK,EAAA,CAAA,CAAA;QAE9C,WAAqB,KAAA,QAAA,QAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAEvB,WAwBO,KAAA,QAAA,iBAAA,EAAA,QAAA,CAtBG,eAAA,SAAA,WAAA,EADR,YAsBgB,uBAAA;;KApBb,OAAO,QAAA;;KAGA,MAAM,UAAA;YACX;wBAEsB,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;;;KAGjB,MAAM,SAAA;YACX;wBAEqB,CAAtB,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA;;;KAGhB,MAAM,YAAA;YACX;wBAEwB,CAAzB,WAAyB,KAAA,QAAA,YAAA,CAAA,CAAA;;;;IAKvB,MAAM,WAAA,WAAA,EADd,mBAMM,OAAA;;KAJJ,WAAQ;KACP,OAAK,eAAE,GAAA,MAAG,QAAO,EAAA,OAAU,MAAA,GAAE,CAAC,QAAA,YAAY,QAAO,IAAK,QAAA,cAAY,CAAA,CAAA;QAEnE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAGF,MAAM,UAAA,WAAA,EADd,mBAMM,OAAA;;KAJJ,WAAQ;KACP,OAAK,eAAE,GAAA,MAAG,OAAM,EAAA,OAAU,MAAA,GAAE,CAAC,QAAA,YAAY,OAAM,EAAA,CAAA,CAAA;QAEhD,WAAsB,KAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/cards/RuiCardHeader.js

@@ -0,0 +1,7 @@
+import RuiCardHeader_vue_vue_type_script_setup_true_lang_default from "./RuiCardHeader.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/cards/RuiCardHeader.vue
+var RuiCardHeader_default = RuiCardHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiCardHeader_default as default };
+
+//# sourceMappingURL=RuiCardHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCardHeader.js","names":[],"sources":["../../../src/components/cards/RuiCardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  dense?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiCardHeader',\n  inheritAttrs: false,\n});\n\nconst { dense = false } = defineProps<Props>();\n\nconst slots = defineSlots<{\n  prepend?: () => any;\n  header?: () => any;\n  subheader?: () => any;\n}>();\n\nconst cardHeader = tv({\n  slots: {\n    root: 'flex',\n    prepend: 'rounded-full flex items-center justify-center text-white bg-rui-grey-400 dark:bg-rui-grey-700 dark:text-black/90 overflow-hidden',\n    header: 'text-rui-text dark:text-rui-dark-text',\n  },\n  variants: {\n    dense: {\n      true: {\n        root: 'p-3 space-x-2',\n        prepend: 'text-base p-[0.08rem] w-9 h-9',\n      },\n      false: {\n        root: 'p-4 space-x-4',\n        prepend: 'text-[1.25rem] w-10 h-10',\n      },\n    },\n    hasPrepend: {\n      true: { header: 'text-body-1' },\n      false: { header: 'text-h6' },\n    },\n  },\n  defaultVariants: { dense: false, hasPrepend: false },\n});\n\nconst ui = computed<ReturnType<typeof cardHeader>>(() => cardHeader({ dense, hasPrepend: !!slots.prepend }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"slots.prepend\"\n      data-id=\"prepend\"\n      :class=\"ui.prepend()\"\n    >\n      <slot name=\"prepend\" />\n    </div>\n    <div class=\"flex flex-col justify-center\">\n      <h5\n        v-if=\"slots.header\"\n        data-id=\"header\"\n        :class=\"ui.header()\"\n      >\n        <slot name=\"header\" />\n      </h5>\n      <p\n        v-if=\"slots.subheader\"\n        data-id=\"subheader\"\n        class=\"text-rui-text-secondary dark:text-rui-dark-text-secondary text-body-2 mb-0\"\n      >\n        <slot name=\"subheader\" />\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,67 @@
+import { tv } from "../../utils/tv.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, useSlots } from "vue";
+//#region src/components/cards/RuiCardHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col justify-center" };
+var _hoisted_2 = {
+	key: 1,
+	"data-id": "subheader",
+	class: "text-rui-text-secondary dark:text-rui-dark-text-secondary text-body-2 mb-0"
+};
+var RuiCardHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiCardHeader",
+	inheritAttrs: false,
+	__name: "RuiCardHeader",
+	props: { dense: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		const slots = useSlots();
+		const cardHeader = tv({
+			slots: {
+				root: "flex",
+				prepend: "rounded-full flex items-center justify-center text-white bg-rui-grey-400 dark:bg-rui-grey-700 dark:text-black/90 overflow-hidden",
+				header: "text-rui-text dark:text-rui-dark-text"
+			},
+			variants: {
+				dense: {
+					true: {
+						root: "p-3 space-x-2",
+						prepend: "text-base p-[0.08rem] w-9 h-9"
+					},
+					false: {
+						root: "p-4 space-x-4",
+						prepend: "text-[1.25rem] w-10 h-10"
+					}
+				},
+				hasPrepend: {
+					true: { header: "text-body-1" },
+					false: { header: "text-h6" }
+				}
+			},
+			defaultVariants: {
+				dense: false,
+				hasPrepend: false
+			}
+		});
+		const ui = computed(() => cardHeader({
+			dense: __props.dense,
+			hasPrepend: !!slots.prepend
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ class: unref(ui).root() }, _ctx.$attrs), [slots.prepend ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-id": "prepend",
+				class: normalizeClass(unref(ui).prepend())
+			}, [renderSlot(_ctx.$slots, "prepend")], 2)) : createCommentVNode("", true), createElementVNode("div", _hoisted_1, [slots.header ? (openBlock(), createElementBlock("h5", {
+				key: 0,
+				"data-id": "header",
+				class: normalizeClass(unref(ui).header())
+			}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true), slots.subheader ? (openBlock(), createElementBlock("p", _hoisted_2, [renderSlot(_ctx.$slots, "subheader")])) : createCommentVNode("", true)])], 16);
+		};
+	}
+});
+//#endregion
+export { RuiCardHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiCardHeader.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCardHeader.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/cards/RuiCardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { tv } from '@/utils/tv';\n\nexport interface Props {\n  dense?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiCardHeader',\n  inheritAttrs: false,\n});\n\nconst { dense = false } = defineProps<Props>();\n\nconst slots = defineSlots<{\n  prepend?: () => any;\n  header?: () => any;\n  subheader?: () => any;\n}>();\n\nconst cardHeader = tv({\n  slots: {\n    root: 'flex',\n    prepend: 'rounded-full flex items-center justify-center text-white bg-rui-grey-400 dark:bg-rui-grey-700 dark:text-black/90 overflow-hidden',\n    header: 'text-rui-text dark:text-rui-dark-text',\n  },\n  variants: {\n    dense: {\n      true: {\n        root: 'p-3 space-x-2',\n        prepend: 'text-base p-[0.08rem] w-9 h-9',\n      },\n      false: {\n        root: 'p-4 space-x-4',\n        prepend: 'text-[1.25rem] w-10 h-10',\n      },\n    },\n    hasPrepend: {\n      true: { header: 'text-body-1' },\n      false: { header: 'text-h6' },\n    },\n  },\n  defaultVariants: { dense: false, hasPrepend: false },\n});\n\nconst ui = computed<ReturnType<typeof cardHeader>>(() => cardHeader({ dense, hasPrepend: !!slots.prepend }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"slots.prepend\"\n      data-id=\"prepend\"\n      :class=\"ui.prepend()\"\n    >\n      <slot name=\"prepend\" />\n    </div>\n    <div class=\"flex flex-col justify-center\">\n      <h5\n        v-if=\"slots.header\"\n        data-id=\"header\"\n        :class=\"ui.header()\"\n      >\n        <slot name=\"header\" />\n      </h5>\n      <p\n        v-if=\"slots.subheader\"\n        data-id=\"subheader\"\n        class=\"text-rui-text-secondary dark:text-rui-dark-text-secondary text-body-2 mb-0\"\n      >\n        <slot name=\"subheader\" />\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ,UAIV;EAEJ,MAAM,aAAa,GAAG;GACpB,OAAO;IACL,MAAM;IACN,SAAS;IACT,QAAQ;IACT;GACD,UAAU;IACR,OAAO;KACL,MAAM;MACJ,MAAM;MACN,SAAS;MACV;KACD,OAAO;MACL,MAAM;MACN,SAAS;;KAEZ;IACD,YAAY;KACV,MAAM,EAAE,QAAQ,eAAe;KAC/B,OAAO,EAAE,QAAQ,WAAA;;IAEpB;GACD,iBAAiB;IAAE,OAAO;IAAO,YAAY;;GAC9C,CAAC;EAEF,MAAM,KAAK,eAA8C,WAAW;GAAE,OAAI,QAAA;GAAG,YAAY,CAAC,CAAC,MAAM;GAAS,CAAC,CAAC;;uBAI1G,mBA2BM,OA3BN,WA2BM,EA1BH,OAAO,MAAA,GAAE,CAAC,MAAI,EAAA,EACPA,KAAAA,OAAM,EAAA,CAGN,MAAM,WAAA,WAAA,EADd,mBAMM,OAAA;;IAJJ,WAAQ;IACP,OAAK,eAAE,MAAA,GAAE,CAAC,SAAO,CAAA;OAElB,WAAuB,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAEzB,mBAeM,OAfN,YAeM,CAbI,MAAM,UAAA,WAAA,EADd,mBAMK,MAAA;;IAJH,WAAQ;IACP,OAAK,eAAE,MAAA,GAAE,CAAC,QAAM,CAAA;OAEjB,WAAsB,KAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAGhB,MAAM,aAAA,WAAA,EADd,mBAMI,KANJ,YAMI,CADF,WAAyB,KAAA,QAAA,YAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}

package/dist/components/chips/RuiChip.js

@@ -0,0 +1,7 @@
+import RuiChip_vue_vue_type_script_setup_true_lang_default from "./RuiChip.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/chips/RuiChip.vue
+var RuiChip_default = RuiChip_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiChip_default as default };
+
+//# sourceMappingURL=RuiChip.js.map