ensis-ui 0.0.0-stage → 3.0.0

package/dist/components/button/src/button-utils.d.ts

@@ -0,0 +1,43 @@
+/**
+ * RsButton 外观变体（形态，与 tone 正交）
+ * - primary：实心
+ * - default / secondary：轮廓 + 浅底（secondary 等价 default）
+ * - ghost：透明底 + 描边
+ * - text：无底无边
+ * - link：行内链接
+ * - danger：兼容别名，等价 primary + tone="danger" 的历史实心底（保留独立样式）
+ */
+export type RsButtonVariant = 'primary' | 'default' | 'secondary' | 'ghost' | 'danger' | 'link' | 'text';
+/**
+ * RsButton 语义色（色相，与 variant 正交）
+ * 对齐 Ant Design color / Element Plus type / Naive UI type：
+ * `variant="default" tone="warning"` → 描边 + 浅底 + 警告色。
+ */
+export type RsButtonTone = 'neutral' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
+/** 规范化变体：未传为 primary；secondary 视为 default。 */
+export declare function resolveRsButtonVariant(variant?: RsButtonVariant): Exclude<RsButtonVariant, 'secondary'>;
+/**
+ * 解析语义色。未传 tone 时：primary/link 用 primary，danger 变体用 danger，其余 neutral。
+ */
+export declare function resolveRsButtonTone(variant?: RsButtonVariant, tone?: RsButtonTone): RsButtonTone;
+/** 实心/轮廓填充类变体（相对 text / ghost / link）。 */
+export declare function isRsButtonFilledVariant(variant: RsButtonVariant): boolean;
+/** 所有变体都可叠加 tone（形态 × 色相）。 */
+export declare function supportsRsButtonTone(_variant?: RsButtonVariant): boolean;
+export interface RsButtonTipBox {
+    top: number;
+    left: number;
+}
+/** 把内置 tip 贴到按钮：优先下方，贴边时夹进视口。供测试与 SSR 无 window 调用。 */
+export declare function placeRsButtonTip(anchor: {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}, popup: {
+    width: number;
+    height: number;
+}, viewport: {
+    width: number;
+    height: number;
+}, gap?: number): RsButtonTipBox;

package/dist/components/button/src/button-utils.js

@@ -0,0 +1,41 @@
+//#region src/components/button/src/button-utils.ts
+/** 规范化变体：未传为 primary；secondary 视为 default。 */
+function resolveRsButtonVariant(variant) {
+	if (variant === "secondary") return "default";
+	if (!variant) return "primary";
+	return variant;
+}
+/**
+* 解析语义色。未传 tone 时：primary/link 用 primary，danger 变体用 danger，其余 neutral。
+*/
+function resolveRsButtonTone(variant, tone) {
+	if (tone) return tone;
+	const resolved = resolveRsButtonVariant(variant);
+	if (resolved === "danger") return "danger";
+	if (resolved === "primary" || resolved === "link") return "primary";
+	return "neutral";
+}
+/** 实心/轮廓填充类变体（相对 text / ghost / link）。 */
+function isRsButtonFilledVariant(variant) {
+	const resolved = resolveRsButtonVariant(variant);
+	return resolved === "primary" || resolved === "default" || resolved === "danger";
+}
+/** 所有变体都可叠加 tone（形态 × 色相）。 */
+function supportsRsButtonTone(_variant) {
+	return true;
+}
+/** 把内置 tip 贴到按钮：优先下方，贴边时夹进视口。供测试与 SSR 无 window 调用。 */
+function placeRsButtonTip(anchor, popup, viewport, gap = 6) {
+	const below = anchor.top + anchor.height + gap;
+	const above = anchor.top - popup.height - gap;
+	const top = below + popup.height <= viewport.height || above < gap ? below : Math.max(gap, above);
+	const width = Math.min(popup.width, Math.max(0, viewport.width - gap * 2));
+	const preferred = anchor.left + anchor.width / 2 - width / 2;
+	const maxLeft = Math.max(gap, viewport.width - width - gap);
+	return {
+		top: Math.round(top),
+		left: Math.round(Math.min(Math.max(gap, preferred), maxLeft))
+	};
+}
+//#endregion
+export { isRsButtonFilledVariant, placeRsButtonTip, resolveRsButtonTone, resolveRsButtonVariant, supportsRsButtonTone };

package/dist/components/calendar-grid/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RsCalendarGrid } from './src/RsCalendarGrid.js';
+export type { RsCalendarGridExpose, RsCalendarGridInstance, } from './src/RsCalendarGrid.js';
+export type { RsCalendarCell, RsCalendarGridCellSlot, } from './src/calendar-grid-utils';

package/dist/components/calendar-grid/src/RsCalendarGrid.css

@@ -0,0 +1,159 @@
+
+.rs-calendar-grid[data-v-e9d29258] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-calendar-grid-gap);
+  --rs-calendar-grid-cell-size: var(--rs-control-height-md);
+  --rs-calendar-grid-nav-size: var(--rs-control-height-sm);
+  --rs-calendar-grid-font: var(--rs-font-size-sm);
+}
+.rs-calendar-grid--ssm[data-v-e9d29258] {
+  --rs-calendar-grid-cell-size: var(--rs-control-height-ssm);
+  --rs-calendar-grid-nav-size: var(--rs-control-height-ssm);
+  --rs-calendar-grid-font: var(--rs-font-size-xs);
+}
+.rs-calendar-grid--sm[data-v-e9d29258] {
+  --rs-calendar-grid-cell-size: var(--rs-control-height-sm);
+  --rs-calendar-grid-nav-size: var(--rs-control-height-ssm);
+  --rs-calendar-grid-font: var(--rs-font-size-xs);
+}
+.rs-calendar-grid--lg[data-v-e9d29258] {
+  --rs-calendar-grid-cell-size: var(--rs-control-height-lg);
+  --rs-calendar-grid-nav-size: var(--rs-control-height-md);
+  --rs-calendar-grid-font: var(--rs-font-size-base);
+}
+.rs-calendar-grid__header[data-v-e9d29258] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rs-space-sm);
+}
+.rs-calendar-grid__nav-group[data-v-e9d29258] {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+}
+.rs-calendar-grid__title[data-v-e9d29258] {
+  flex: 1;
+  min-width: 0;
+  text-align: center;
+  font-size: var(--rs-calendar-grid-font);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-calendar-grid-title);
+}
+.rs-calendar-grid__nav[data-v-e9d29258] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--rs-calendar-grid-nav-size);
+  height: var(--rs-calendar-grid-nav-size);
+  border: 0;
+  border-radius: var(--rs-calendar-grid-radius);
+  background: transparent;
+  color: var(--rs-calendar-grid-nav);
+  cursor: pointer;
+  transition: background var(--rs-transition-fast), color var(--rs-transition-fast);
+}
+.rs-calendar-grid__nav[data-v-e9d29258]:hover:not(:disabled) {
+  background: var(--rs-calendar-grid-nav-hover);
+  color: var(--rs-calendar-grid-title);
+}
+.rs-calendar-grid__nav[data-v-e9d29258]:focus {
+  outline: none;
+}
+.rs-calendar-grid__nav[data-v-e9d29258]:focus-visible {
+  box-shadow: 0 0 0 var(--rs-focus-ring-width) var(--rs-focus-ring);
+}
+.rs-calendar-grid__nav[data-v-e9d29258]:disabled {
+  opacity: var(--rs-calendar-grid-disabled-opacity);
+  cursor: not-allowed;
+}
+.rs-calendar-grid__table[data-v-e9d29258] {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: var(--rs-calendar-grid-cell-gap);
+  table-layout: fixed;
+}
+.rs-calendar-grid__weekday[data-v-e9d29258] {
+  padding-block: var(--rs-space-xs);
+  padding-inline: 0;
+  text-align: center;
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-medium);
+  color: var(--rs-calendar-grid-weekday);
+}
+.rs-calendar-grid__weekday--week[data-v-e9d29258],
+.rs-calendar-grid__week-num[data-v-e9d29258] {
+  width: var(--rs-calendar-grid-week-col);
+  color: var(--rs-calendar-grid-week);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-medium);
+  text-align: center;
+}
+.rs-calendar-grid__day[data-v-e9d29258] {
+  padding: 0;
+  text-align: center;
+  vertical-align: middle;
+}
+.rs-calendar-grid__cell[data-v-e9d29258] {
+  width: 100%;
+  min-width: var(--rs-calendar-grid-cell-size);
+  height: var(--rs-calendar-grid-cell-size);
+  border: 0;
+  border-radius: var(--rs-calendar-grid-radius);
+  background: transparent;
+  color: var(--rs-calendar-grid-day);
+  font-size: var(--rs-calendar-grid-font);
+  cursor: pointer;
+  transition:
+    background var(--rs-transition-fast),
+    color var(--rs-transition-fast);
+}
+.rs-calendar-grid__cell[data-v-e9d29258]:hover:not(:disabled) {
+  background: var(--rs-calendar-grid-day-hover);
+}
+.rs-calendar-grid__cell[data-v-e9d29258]:focus {
+  outline: none;
+}
+.rs-calendar-grid__cell[data-v-e9d29258]:focus-visible {
+  box-shadow: 0 0 0 var(--rs-focus-ring-width) var(--rs-focus-ring);
+}
+.rs-calendar-grid__cell--outside[data-v-e9d29258] {
+  color: var(--rs-calendar-grid-day-outside);
+}
+.rs-calendar-grid__cell--today[data-v-e9d29258]:not(.rs-calendar-grid__cell--endpoint) {
+  box-shadow: inset 0 0 0 1px var(--rs-calendar-grid-today);
+  color: var(--rs-calendar-grid-today);
+}
+.rs-calendar-grid__cell--endpoint[data-v-e9d29258],
+.rs-calendar-grid__cell--selected[data-v-e9d29258] {
+  background: var(--rs-calendar-grid-selected);
+  color: var(--rs-calendar-grid-selected-fg);
+}
+.rs-calendar-grid__cell--in-range[data-v-e9d29258] {
+  border-radius: 0;
+  background: var(--rs-calendar-grid-in-range);
+  color: var(--rs-calendar-grid-today);
+}
+.rs-calendar-grid__cell--range-start[data-v-e9d29258]:not(.rs-calendar-grid__cell--range-end) {
+  border-start-start-radius: var(--rs-calendar-grid-radius);
+  border-end-start-radius: var(--rs-calendar-grid-radius);
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+.rs-calendar-grid__cell--range-end[data-v-e9d29258]:not(.rs-calendar-grid__cell--range-start) {
+  border-start-end-radius: var(--rs-calendar-grid-radius);
+  border-end-end-radius: var(--rs-calendar-grid-radius);
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+.rs-calendar-grid__cell[data-v-e9d29258]:disabled {
+  opacity: var(--rs-calendar-grid-disabled-opacity);
+  cursor: not-allowed;
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-calendar-grid__nav[data-v-e9d29258],
+  .rs-calendar-grid__cell[data-v-e9d29258] {
+    transition: none;
+}
+}

package/dist/components/calendar-grid/src/RsCalendarGrid.d.ts

@@ -0,0 +1,90 @@
+import { type RsComponentSize, type RsRadius } from '../../../theme/types';
+import { type RsDatePickerDisabledDate, type RsParsedDate, type RsWeekStartsOn } from '../../date-picker/src/date-picker-utils';
+export interface RsCalendarGridExpose {
+    focus: () => void;
+    goToToday: () => void;
+}
+export type RsCalendarGridInstance = RsCalendarGridExpose & {
+    $el: HTMLElement;
+};
+type __VLS_Props = {
+    selected?: RsParsedDate | null;
+    rangeStart?: RsParsedDate | null;
+    rangeEnd?: RsParsedDate | null;
+    minDate?: string;
+    maxDate?: string;
+    disabledDates?: string[];
+    /** 禁用某一天；与 disabledDates / minDate / maxDate 同时生效 */
+    disabledDate?: RsDatePickerDisabledDate;
+    /** 一周起始。未传跟 locale（en-US 周日，zh-CN 周一） */
+    weekStartsOn?: RsWeekStartsOn;
+    /** 控件密度。跟 Input / DatePicker 同一套 --rs-control-height-* */
+    size?: RsComponentSize;
+    radius?: RsRadius;
+    /** 禁用整张月历（含翻页）。也会继承 Form.disabled */
+    disabled?: boolean;
+    /** 今天描边。默认开 */
+    highlightToday?: boolean;
+    /** 画出邻月日期。默认开，关了仍占 6 行以免把 DatePicker 撑跳 */
+    showOutside?: boolean;
+    /** 点邻月日期是否发出 select。默认开，与原行为一致 */
+    selectOutside?: boolean;
+    /** 行首 ISO 周序号。欧洲排班常用 */
+    showWeekNumbers?: boolean;
+    /** 月历可访问名称 */
+    ariaLabel?: string;
+    id?: string;
+};
+type __VLS_ModelProps = {
+    'viewYear': number;
+    'viewMonth': number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_11: {
+    year: number;
+    month: number;
+    label: string;
+}, __VLS_23: {
+    date: RsParsedDate;
+    iso: string;
+    inCurrentMonth: boolean;
+    selected: boolean;
+    disabled: boolean;
+    today: boolean;
+    inRange: boolean;
+    rangeStart: boolean;
+    rangeEnd: boolean;
+    weekNumber: number;
+};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    cell?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsCalendarGridExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (date: RsParsedDate) => any;
+    "update:viewYear": (value: number) => any;
+    "update:viewMonth": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((date: RsParsedDate) => any) | undefined;
+    "onUpdate:viewYear"?: ((value: number) => any) | undefined;
+    "onUpdate:viewMonth"?: ((value: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    selected: RsParsedDate | null;
+    rangeStart: RsParsedDate | null;
+    rangeEnd: RsParsedDate | null;
+    disabledDates: string[];
+    highlightToday: boolean;
+    showOutside: boolean;
+    selectOutside: boolean;
+    showWeekNumbers: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/calendar-grid/src/RsCalendarGrid.impl.js

@@ -0,0 +1,353 @@
+import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
+import { useRsConfigOptional } from "../../../composables/useRsConfig.js";
+import { resolveDirMode } from "../../../locale/apply.js";
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { useRsFormContext } from "../../form/src/form-utils.js";
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
+import { buildCalendarGrid, getTodayDate, isSameDate, resolveWeekStartsOn } from "../../date-picker/src/date-picker-utils.js";
+import { addCalendarMonths, calendarCellClass, chunkCalendarWeeks, resolveCalendarCellState, resolveFocusedDate, resolveKeyboardMove, sameYearMonth, toDisabledDateSet, weekNumberOfRow } from "./calendar-grid-utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, watch } from "vue";
+//#region src/components/calendar-grid/src/RsCalendarGrid.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var _hoisted_2 = { class: "rs-calendar-grid__header" };
+var _hoisted_3 = { class: "rs-calendar-grid__nav-group" };
+var _hoisted_4 = ["aria-label", "disabled"];
+var _hoisted_5 = ["aria-label", "disabled"];
+var _hoisted_6 = {
+	class: "rs-calendar-grid__title",
+	"aria-live": "polite"
+};
+var _hoisted_7 = { class: "rs-calendar-grid__nav-group" };
+var _hoisted_8 = ["aria-label", "disabled"];
+var _hoisted_9 = ["aria-label", "disabled"];
+var _hoisted_10 = ["aria-label"];
+var _hoisted_11 = {
+	key: 0,
+	scope: "col",
+	class: "rs-calendar-grid__weekday rs-calendar-grid__weekday--week"
+};
+var _hoisted_12 = {
+	key: 0,
+	class: "rs-calendar-grid__week-num"
+};
+var _hoisted_13 = [
+	"data-iso",
+	"disabled",
+	"tabindex",
+	"aria-selected",
+	"aria-current",
+	"aria-label",
+	"onClick"
+];
+var RsCalendarGrid_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsCalendarGrid",
+	__name: "RsCalendarGrid",
+	props: /*@__PURE__*/ mergeModels({
+		selected: { default: null },
+		rangeStart: { default: null },
+		rangeEnd: { default: null },
+		minDate: {},
+		maxDate: {},
+		disabledDates: { default: () => [] },
+		disabledDate: {},
+		weekStartsOn: {},
+		size: {},
+		radius: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		highlightToday: {
+			type: Boolean,
+			default: true
+		},
+		showOutside: {
+			type: Boolean,
+			default: true
+		},
+		selectOutside: {
+			type: Boolean,
+			default: true
+		},
+		showWeekNumbers: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: {},
+		id: {}
+	}, {
+		"viewYear": { required: true },
+		"viewYearModifiers": {},
+		"viewMonth": { required: true },
+		"viewMonthModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:viewYear", "update:viewMonth"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const viewYear = useModel(__props, "viewYear");
+		const viewMonth = useModel(__props, "viewMonth");
+		const props = __props;
+		const emit = __emit;
+		const { t, locale } = useRsI18n();
+		const config = useRsConfigOptional();
+		const form = useRsFormContext();
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "sm");
+		const rootRef = ref(null);
+		const focused = ref(resolveFocusedDate(viewYear.value, viewMonth.value, props.selected));
+		const resolvedDisabled = computed(() => props.disabled || form?.disabled.value === true);
+		const writingDir = computed(() => resolveDirMode(config?.dir.value ?? "auto", locale.value));
+		const resolvedWeekStartsOn = computed(() => resolveWeekStartsOn(locale.value, props.weekStartsOn));
+		const navIconSize = computed(() => RS_COMPONENT_SIZE_ICON_PX[resolvedSize.value]);
+		const disabledDateSet = computed(() => toDisabledDateSet(props.disabledDates));
+		const todayDate = computed(() => props.highlightToday ? getTodayDate() : null);
+		const weekdayLabels = computed(() => {
+			const formatter = new Intl.DateTimeFormat(locale.value, { weekday: "short" });
+			const sunday = new Date(2024, 0, 7);
+			return Array.from({ length: 7 }, (_, index) => {
+				const date = new Date(sunday);
+				date.setDate(sunday.getDate() + (resolvedWeekStartsOn.value + index) % 7);
+				return formatter.format(date);
+			});
+		});
+		const monthFormatter = computed(() => new Intl.DateTimeFormat(locale.value, {
+			year: "numeric",
+			month: "long"
+		}));
+		const monthLabel = computed(() => monthFormatter.value.format(new Date(viewYear.value, viewMonth.value - 1, 1)));
+		const cellAriaFormatter = computed(() => new Intl.DateTimeFormat(locale.value, { dateStyle: "full" }));
+		const cellViews = computed(() => {
+			return buildCalendarGrid(viewYear.value, viewMonth.value, resolvedWeekStartsOn.value).map((cell) => ({
+				cell,
+				state: resolveCalendarCellState(cell, {
+					selected: props.selected,
+					rangeStart: props.rangeStart,
+					rangeEnd: props.rangeEnd,
+					today: todayDate.value,
+					disabledDates: disabledDateSet.value,
+					disabledDate: props.disabledDate,
+					minDate: props.minDate,
+					maxDate: props.maxDate,
+					gridDisabled: resolvedDisabled.value
+				})
+			}));
+		});
+		const weeks = computed(() => chunkCalendarWeeks(cellViews.value).map((days) => ({
+			days,
+			weekNumber: weekNumberOfRow(days, resolvedWeekStartsOn.value)
+		})));
+		const gridLabel = computed(() => props.ariaLabel || t("calendarGrid.label"));
+		const rootStyle = computed(() => ({ "--rs-calendar-grid-radius": rsRadiusCss(resolvedRadius.value) }));
+		function cellAriaLabel(date) {
+			return cellAriaFormatter.value.format(new Date(date.year, date.month - 1, date.day));
+		}
+		function cellSlotProps(view, weekNumber) {
+			return {
+				date: {
+					year: view.cell.year,
+					month: view.cell.month,
+					day: view.cell.day
+				},
+				iso: view.state.iso,
+				inCurrentMonth: view.cell.inCurrentMonth,
+				selected: view.state.selected,
+				disabled: view.state.disabled,
+				today: view.state.today,
+				inRange: view.state.inRange,
+				rangeStart: view.state.rangeStart,
+				rangeEnd: view.state.rangeEnd,
+				weekNumber
+			};
+		}
+		function isCellInteractive(inCurrentMonth, disabled) {
+			if (disabled) return false;
+			if (!inCurrentMonth && !props.showOutside) return false;
+			if (!inCurrentMonth && !props.selectOutside) return false;
+			return true;
+		}
+		function isCellTabbable(date, inCurrentMonth) {
+			if (!props.showOutside && !inCurrentMonth) return false;
+			return isSameDate(focused.value, date);
+		}
+		function applyView(next) {
+			if (next.year !== viewYear.value) viewYear.value = next.year;
+			if (next.month !== viewMonth.value) viewMonth.value = next.month;
+			focused.value = next;
+		}
+		function focusCell(date) {
+			const iso = `${String(date.year).padStart(4, "0")}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+			(rootRef.value?.querySelector(`[data-iso="${iso}"]`))?.focus();
+		}
+		function goPrevYear() {
+			if (resolvedDisabled.value) return;
+			applyView(addCalendarMonths({
+				year: viewYear.value,
+				month: viewMonth.value,
+				day: focused.value.day
+			}, -12));
+		}
+		function goNextYear() {
+			if (resolvedDisabled.value) return;
+			applyView(addCalendarMonths({
+				year: viewYear.value,
+				month: viewMonth.value,
+				day: focused.value.day
+			}, 12));
+		}
+		function goPrevMonth() {
+			if (resolvedDisabled.value) return;
+			applyView(addCalendarMonths({
+				year: viewYear.value,
+				month: viewMonth.value,
+				day: focused.value.day
+			}, -1));
+		}
+		function goNextMonth() {
+			if (resolvedDisabled.value) return;
+			applyView(addCalendarMonths({
+				year: viewYear.value,
+				month: viewMonth.value,
+				day: focused.value.day
+			}, 1));
+		}
+		function selectDate(date, inCurrentMonth, disabled) {
+			if (!isCellInteractive(inCurrentMonth, disabled)) return;
+			focused.value = date;
+			emit("select", {
+				year: date.year,
+				month: date.month,
+				day: date.day
+			});
+		}
+		function moveFocus(next) {
+			applyView(next);
+			nextTick(() => focusCell(next));
+		}
+		function selectFocusedDate() {
+			const view = cellViews.value.find((item) => isSameDate(item.cell, focused.value));
+			if (view) selectDate(view.cell, view.cell.inCurrentMonth, view.state.disabled);
+		}
+		function onGridKeydown(event) {
+			if (resolvedDisabled.value) return;
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				selectFocusedDate();
+				return;
+			}
+			const next = resolveKeyboardMove(focused.value, event.key, {
+				weekStartsOn: resolvedWeekStartsOn.value,
+				rtl: writingDir.value === "rtl",
+				shiftKey: event.shiftKey
+			});
+			if (!next) return;
+			event.preventDefault();
+			moveFocus(next);
+		}
+		function focus() {
+			if (resolvedDisabled.value) return;
+			if (!sameYearMonth(focused.value, viewYear.value, viewMonth.value)) focused.value = resolveFocusedDate(viewYear.value, viewMonth.value, props.selected);
+			nextTick(() => focusCell(focused.value));
+		}
+		function goToToday() {
+			if (resolvedDisabled.value) return;
+			const today = getTodayDate();
+			applyView(today);
+			nextTick(() => focusCell(today));
+		}
+		watch(() => [
+			viewYear.value,
+			viewMonth.value,
+			props.selected
+		], () => {
+			if (!sameYearMonth(focused.value, viewYear.value, viewMonth.value)) focused.value = resolveFocusedDate(viewYear.value, viewMonth.value, props.selected);
+		});
+		__expose({
+			focus,
+			goToToday
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: __props.id,
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["rs-calendar-grid", [`rs-calendar-grid--${unref(resolvedSize)}`, { "rs-calendar-grid--disabled": resolvedDisabled.value }]]),
+				style: normalizeStyle(rootStyle.value)
+			}, [createElementVNode("div", _hoisted_2, [
+				createElementVNode("div", _hoisted_3, [createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--prev-year",
+					"aria-label": unref(t)("calendarGrid.prevYear"),
+					disabled: resolvedDisabled.value,
+					onClick: goPrevYear
+				}, [createVNode(RsIcon_default, {
+					name: "chevrons-left",
+					size: navIconSize.value
+				}, null, 8, ["size"])], 8, _hoisted_4), createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--prev-month",
+					"aria-label": unref(t)("calendarGrid.prevMonth"),
+					disabled: resolvedDisabled.value,
+					onClick: goPrevMonth
+				}, [createVNode(RsIcon_default, {
+					name: "chevron-left",
+					size: navIconSize.value
+				}, null, 8, ["size"])], 8, _hoisted_5)]),
+				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "title", {
+					year: viewYear.value,
+					month: viewMonth.value,
+					label: monthLabel.value
+				}, () => [createTextVNode(toDisplayString(monthLabel.value), 1)], true)]),
+				createElementVNode("div", _hoisted_7, [createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--next-month",
+					"aria-label": unref(t)("calendarGrid.nextMonth"),
+					disabled: resolvedDisabled.value,
+					onClick: goNextMonth
+				}, [createVNode(RsIcon_default, {
+					name: "chevron-right",
+					size: navIconSize.value
+				}, null, 8, ["size"])], 8, _hoisted_8), createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--next-year",
+					"aria-label": unref(t)("calendarGrid.nextYear"),
+					disabled: resolvedDisabled.value,
+					onClick: goNextYear
+				}, [createVNode(RsIcon_default, {
+					name: "chevrons-right",
+					size: navIconSize.value
+				}, null, 8, ["size"])], 8, _hoisted_9)])
+			]), createElementVNode("table", {
+				class: "rs-calendar-grid__table",
+				"aria-label": gridLabel.value,
+				onKeydown: onGridKeydown
+			}, [createElementVNode("thead", null, [createElementVNode("tr", null, [__props.showWeekNumbers ? (openBlock(), createElementBlock("th", _hoisted_11, toDisplayString(unref(t)("calendarGrid.week")), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(weekdayLabels.value, (label, index) => {
+				return openBlock(), createElementBlock("th", {
+					key: index,
+					scope: "col",
+					class: "rs-calendar-grid__weekday"
+				}, toDisplayString(label), 1);
+			}), 128))])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(weeks.value, (week, weekIndex) => {
+				return openBlock(), createElementBlock("tr", { key: weekIndex }, [__props.showWeekNumbers ? (openBlock(), createElementBlock("td", _hoisted_12, toDisplayString(week.weekNumber), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(week.days, (view) => {
+					return openBlock(), createElementBlock("td", {
+						key: view.state.iso,
+						class: "rs-calendar-grid__day"
+					}, [view.cell.inCurrentMonth || __props.showOutside ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: normalizeClass(["rs-calendar-grid__cell", unref(calendarCellClass)(view.state, view.cell.inCurrentMonth)]),
+						"data-iso": view.state.iso,
+						disabled: view.state.disabled || !view.cell.inCurrentMonth && !__props.selectOutside,
+						tabindex: isCellTabbable(view.cell, view.cell.inCurrentMonth) ? 0 : -1,
+						"aria-selected": view.state.selected || view.state.rangeStart || view.state.rangeEnd,
+						"aria-current": view.state.today ? "date" : void 0,
+						"aria-label": cellAriaLabel(view.cell),
+						onClick: ($event) => selectDate(view.cell, view.cell.inCurrentMonth, view.state.disabled)
+					}, [renderSlot(_ctx.$slots, "cell", mergeProps({ ref_for: true }, cellSlotProps(view, week.weekNumber)), () => [createTextVNode(toDisplayString(view.cell.day), 1)], true)], 10, _hoisted_13)) : createCommentVNode("", true)]);
+				}), 128))]);
+			}), 128))])], 40, _hoisted_10)], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsCalendarGrid_vue_vue_type_script_setup_true_lang_default as default };