reka-ui 2.8.2 → 2.9.1

package/dist/YearPicker/YearPickerCellTrigger.js

@@ -0,0 +1,191 @@
+import { isSameYear, toDate } from "../date/comparators.js";
+import { useKbd } from "../shared/useKbd.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { injectYearPickerRootContext } from "./YearPickerRoot.js";
+import { computed, createBlock, createTextVNode, defineComponent, nextTick, openBlock, renderSlot, toDisplayString, unref, withCtx, withKeys, withModifiers } from "vue";
+import { endOfYear, getLocalTimeZone, startOfYear, toCalendar, today } from "@internationalized/date";
+
+//#region src/YearPicker/YearPickerCellTrigger.vue?vue&type=script&setup=true&lang.ts
+var YearPickerCellTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "YearPickerCellTrigger",
+	props: {
+		year: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const kbd = useKbd();
+		const rootContext = injectYearPickerRootContext();
+		const { primitiveElement } = usePrimitiveElement();
+		const yearValue = computed(() => {
+			rootContext.locale.value;
+			return rootContext.formatter.fullYear(toDate(props.year));
+		});
+		const labelText = computed(() => {
+			rootContext.locale.value;
+			return rootContext.formatter.custom(toDate(props.year), { year: "numeric" });
+		});
+		const isUnavailable = computed(() => rootContext.isYearUnavailable?.(props.year) ?? false);
+		const isCurrentYear = computed(() => {
+			const todayDate = toCalendar(today(getLocalTimeZone()), props.year.calendar);
+			return isSameYear(props.year, todayDate);
+		});
+		const isDisabled = computed(() => rootContext.isYearDisabled(props.year));
+		const isFocusedYear = computed(() => {
+			return !rootContext.disabled.value && isSameYear(props.year, rootContext.placeholder.value);
+		});
+		const isSelectedYear = computed(() => rootContext.isYearSelected(props.year));
+		function changeYear(date) {
+			if (rootContext.readonly.value) return;
+			if (rootContext.isYearDisabled(date) || rootContext.isYearUnavailable?.(date)) return;
+			rootContext.onYearChange(date);
+		}
+		function handleClick() {
+			if (isDisabled.value) return;
+			changeYear(props.year);
+		}
+		function handleArrowKey(e) {
+			if (isDisabled.value) return;
+			e.preventDefault();
+			e.stopPropagation();
+			const parentElement = rootContext.parentElement.value;
+			const sign = rootContext.dir.value === "rtl" ? -1 : 1;
+			switch (e.code) {
+				case kbd.ARROW_RIGHT:
+					shiftFocus(props.year, sign);
+					break;
+				case kbd.ARROW_LEFT:
+					shiftFocus(props.year, -sign);
+					break;
+				case kbd.ARROW_UP:
+					shiftFocus(props.year, -4);
+					break;
+				case kbd.ARROW_DOWN:
+					shiftFocus(props.year, 4);
+					break;
+				case kbd.PAGE_UP:
+					shiftFocusPage(-1);
+					break;
+				case kbd.PAGE_DOWN:
+					shiftFocusPage(1);
+					break;
+				case kbd.ENTER:
+				case kbd.SPACE_CODE: changeYear(props.year);
+			}
+			function shiftFocus(currentYear, add, depth = 0) {
+				if (depth > 48) return;
+				const candidateYearValue = currentYear.add({ years: add });
+				if (rootContext.minValue.value && endOfYear(candidateYearValue).compare(rootContext.minValue.value) < 0 || rootContext.maxValue.value && startOfYear(candidateYearValue).compare(rootContext.maxValue.value) > 0) return;
+				const candidateYear = parentElement.querySelector(`[data-value='${candidateYearValue.toString()}']`);
+				if (!candidateYear) {
+					if (add > 0) {
+						if (rootContext.isNextButtonDisabled()) return;
+						rootContext.nextPage();
+					} else {
+						if (rootContext.isPrevButtonDisabled()) return;
+						rootContext.prevPage();
+					}
+					nextTick(() => {
+						shiftFocus(currentYear, add, depth + 1);
+					});
+					return;
+				}
+				if (candidateYear && candidateYear.hasAttribute("data-disabled")) return shiftFocus(candidateYearValue, add, depth + 1);
+				rootContext.onPlaceholderChange(candidateYearValue);
+				candidateYear?.focus();
+			}
+			function shiftFocusPage(direction) {
+				const yearsPerPage = rootContext.yearsPerPage.value;
+				const candidateYearValue = props.year.add({ years: direction * yearsPerPage });
+				if (rootContext.minValue.value && endOfYear(candidateYearValue).compare(rootContext.minValue.value) < 0 || rootContext.maxValue.value && startOfYear(candidateYearValue).compare(rootContext.maxValue.value) > 0) return;
+				if (direction > 0) {
+					if (rootContext.isNextButtonDisabled()) return;
+					rootContext.nextPage();
+				} else {
+					if (rootContext.isPrevButtonDisabled()) return;
+					rootContext.prevPage();
+				}
+				nextTick(() => {
+					const candidateYear = parentElement.querySelector(`[data-value='${candidateYearValue.toString()}']`);
+					if (candidateYear && !candidateYear.hasAttribute("data-disabled")) {
+						rootContext.onPlaceholderChange(candidateYearValue);
+						candidateYear?.focus();
+						return;
+					}
+					if (!candidateYear || candidateYear.hasAttribute("data-disabled")) shiftFocus(candidateYearValue, direction > 0 ? 1 : -1, 1);
+				});
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				as: props.as,
+				"as-child": props.asChild,
+				role: "button",
+				"aria-label": labelText.value,
+				"data-reka-year-picker-cell-trigger": "",
+				"aria-disabled": isDisabled.value || isUnavailable.value ? true : void 0,
+				"data-selected": isSelectedYear.value ? "" : void 0,
+				"data-value": _ctx.year.toString(),
+				"data-disabled": isDisabled.value ? "" : void 0,
+				"data-unavailable": isUnavailable.value ? "" : void 0,
+				"data-today": isCurrentYear.value ? "" : void 0,
+				"data-focused": isFocusedYear.value ? "" : void 0,
+				tabindex: isFocusedYear.value ? 0 : isDisabled.value ? void 0 : -1,
+				onClick: handleClick,
+				onKeydown: [withKeys(handleArrowKey, [
+					"up",
+					"down",
+					"left",
+					"right",
+					"space",
+					"enter",
+					"page-up",
+					"page-down"
+				]), _cache[0] || (_cache[0] = withKeys(withModifiers(() => {}, ["prevent"]), ["enter"]))]
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					yearValue: yearValue.value,
+					disabled: isDisabled.value,
+					today: isCurrentYear.value,
+					selected: isSelectedYear.value,
+					unavailable: isUnavailable.value
+				}, () => [createTextVNode(toDisplayString(yearValue.value), 1)])]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-label",
+				"aria-disabled",
+				"data-selected",
+				"data-value",
+				"data-disabled",
+				"data-unavailable",
+				"data-today",
+				"data-focused",
+				"tabindex"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerCellTrigger.vue
+var YearPickerCellTrigger_default = YearPickerCellTrigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { YearPickerCellTrigger_default };
+//# sourceMappingURL=YearPickerCellTrigger.js.map

package/dist/YearPicker/YearPickerCellTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerCellTrigger.js","names":["year"],"sources":["../../src/YearPicker/YearPickerCellTrigger.vue","../../src/YearPicker/YearPickerCellTrigger.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/YearPicker/YearPickerGrid.cjs

@@ -0,0 +1,59 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_YearPicker_YearPickerRoot = require('./YearPickerRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/YearPicker/YearPickerGrid.vue?vue&type=script&setup=true&lang.ts
+var YearPickerGrid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "YearPickerGrid",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "table"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_YearPicker_YearPickerRoot.injectYearPickerRootContext();
+		const disabled = (0, vue.computed)(() => rootContext.disabled.value ? true : void 0);
+		const readonly = (0, vue.computed)(() => rootContext.readonly.value ? true : void 0);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)("\n    role=\"application\" is intentional: it ensures screen readers like NVDA pass\n    keyboard events (arrow keys) to the web app instead of intercepting them\n    for virtual cursor navigation. This is the same pattern used by React Aria.\n  "), (0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				tabindex: "-1",
+				role: "application",
+				"aria-labelledby": (0, vue.unref)(rootContext).headingId,
+				"aria-readonly": readonly.value,
+				"aria-disabled": disabled.value,
+				"data-readonly": readonly.value && "",
+				"data-disabled": disabled.value && ""
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"aria-labelledby",
+				"aria-readonly",
+				"aria-disabled",
+				"data-readonly",
+				"data-disabled"
+			])], 2112);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerGrid.vue
+var YearPickerGrid_default = YearPickerGrid_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'YearPickerGrid_default', {
+  enumerable: true,
+  get: function () {
+    return YearPickerGrid_default;
+  }
+});
+//# sourceMappingURL=YearPickerGrid.cjs.map

package/dist/YearPicker/YearPickerGrid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerGrid.cjs","names":[],"sources":["../../src/YearPicker/YearPickerGrid.vue","../../src/YearPicker/YearPickerGrid.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,cAAc,+DAA4B;EAChD,MAAM,WAAW,kBAAS,MAAM,YAAY,SAAS,QAAQ,cAAgB;EAC7E,MAAM,WAAW,kBAAS,MAAM,YAAY,SAAS,QAAQ,cAAgB;;iFAI3E,4BAAA,yPAIG,EACH,qBAWY,eAAA,sCAAA,EAXZ,oBACU,OAAK;IACb,UAAS;IACT,MAAK;IACJ,mBAAiB,eAAA,YAAW,CAAC;IAC7B,iBAAe,SAAA;IACf,iBAAe,SAAA;IACf,iBAAe,SAAA,SAAQ;IACvB,iBAAe,SAAA,SAAQ;;8BAExB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerGrid.js

@@ -0,0 +1,53 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { injectYearPickerRootContext } from "./YearPickerRoot.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/YearPicker/YearPickerGrid.vue?vue&type=script&setup=true&lang.ts
+var YearPickerGrid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "YearPickerGrid",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "table"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectYearPickerRootContext();
+		const disabled = computed(() => rootContext.disabled.value ? true : void 0);
+		const readonly = computed(() => rootContext.readonly.value ? true : void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode("\n    role=\"application\" is intentional: it ensures screen readers like NVDA pass\n    keyboard events (arrow keys) to the web app instead of intercepting them\n    for virtual cursor navigation. This is the same pattern used by React Aria.\n  "), createVNode(unref(Primitive), mergeProps(props, {
+				tabindex: "-1",
+				role: "application",
+				"aria-labelledby": unref(rootContext).headingId,
+				"aria-readonly": readonly.value,
+				"aria-disabled": disabled.value,
+				"data-readonly": readonly.value && "",
+				"data-disabled": disabled.value && ""
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"aria-labelledby",
+				"aria-readonly",
+				"aria-disabled",
+				"data-readonly",
+				"data-disabled"
+			])], 2112);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerGrid.vue
+var YearPickerGrid_default = YearPickerGrid_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { YearPickerGrid_default };
+//# sourceMappingURL=YearPickerGrid.js.map

package/dist/YearPicker/YearPickerGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerGrid.js","names":[],"sources":["../../src/YearPicker/YearPickerGrid.vue","../../src/YearPicker/YearPickerGrid.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,cAAc,6BAA4B;EAChD,MAAM,WAAW,SAAS,MAAM,YAAY,SAAS,QAAQ,cAAgB;EAC7E,MAAM,WAAW,SAAS,MAAM,YAAY,SAAS,QAAQ,cAAgB;;2DAI3E,mBAAA,yPAIG,EACH,YAWY,MAAA,UAAA,EAXZ,WACU,OAAK;IACb,UAAS;IACT,MAAK;IACJ,mBAAiB,MAAA,YAAW,CAAC;IAC7B,iBAAe,SAAA;IACf,iBAAe,SAAA;IACf,iBAAe,SAAA,SAAQ;IACvB,iBAAe,SAAA,SAAQ;;qBAExB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerGridBody.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/YearPicker/YearPickerGridBody.vue?vue&type=script&setup=true&lang.ts
+var YearPickerGridBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "YearPickerGridBody",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "tbody"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerGridBody.vue
+var YearPickerGridBody_default = YearPickerGridBody_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'YearPickerGridBody_default', {
+  enumerable: true,
+  get: function () {
+    return YearPickerGridBody_default;
+  }
+});
+//# sourceMappingURL=YearPickerGridBody.cjs.map

package/dist/YearPicker/YearPickerGridBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerGridBody.cjs","names":[],"sources":["../../src/YearPicker/YearPickerGridBody.vue","../../src/YearPicker/YearPickerGridBody.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;gCAIZ,qBAEY,eAAA,sCAAA,EAAA,wBAAA,4BAFO,MAAK,CAAA,EAAA;8BACtB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerGridBody.js

@@ -0,0 +1,35 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/YearPicker/YearPickerGridBody.vue?vue&type=script&setup=true&lang.ts
+var YearPickerGridBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "YearPickerGridBody",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "tbody"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerGridBody.vue
+var YearPickerGridBody_default = YearPickerGridBody_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { YearPickerGridBody_default };
+//# sourceMappingURL=YearPickerGridBody.js.map

package/dist/YearPicker/YearPickerGridBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerGridBody.js","names":[],"sources":["../../src/YearPicker/YearPickerGridBody.vue","../../src/YearPicker/YearPickerGridBody.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;uBAIZ,YAEY,MAAA,UAAA,EAAA,eAAA,mBAFO,MAAK,CAAA,EAAA;qBACtB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerGridRow.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/YearPicker/YearPickerGridRow.vue?vue&type=script&setup=true&lang.ts
+var YearPickerGridRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "YearPickerGridRow",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "tr"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, { role: "row" }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerGridRow.vue
+var YearPickerGridRow_default = YearPickerGridRow_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'YearPickerGridRow_default', {
+  enumerable: true,
+  get: function () {
+    return YearPickerGridRow_default;
+  }
+});
+//# sourceMappingURL=YearPickerGridRow.cjs.map

package/dist/YearPicker/YearPickerGridRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerGridRow.cjs","names":[],"sources":["../../src/YearPicker/YearPickerGridRow.vue","../../src/YearPicker/YearPickerGridRow.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;gCAIZ,qBAKY,eAAA,sCAAA,EALZ,oBACU,OAAK,EACb,MAAK,MAAK,EAAA,EAAA;8BAEV,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerGridRow.js

@@ -0,0 +1,35 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/YearPicker/YearPickerGridRow.vue?vue&type=script&setup=true&lang.ts
+var YearPickerGridRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "YearPickerGridRow",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "tr"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { role: "row" }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerGridRow.vue
+var YearPickerGridRow_default = YearPickerGridRow_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { YearPickerGridRow_default };
+//# sourceMappingURL=YearPickerGridRow.js.map

package/dist/YearPicker/YearPickerGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerGridRow.js","names":[],"sources":["../../src/YearPicker/YearPickerGridRow.vue","../../src/YearPicker/YearPickerGridRow.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;uBAIZ,YAKY,MAAA,UAAA,EALZ,WACU,OAAK,EACb,MAAK,MAAK,EAAA,EAAA;qBAEV,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerHeader.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/YearPicker/YearPickerHeader.vue?vue&type=script&setup=true&lang.ts
+var YearPickerHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "YearPickerHeader",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerHeader.vue
+var YearPickerHeader_default = YearPickerHeader_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'YearPickerHeader_default', {
+  enumerable: true,
+  get: function () {
+    return YearPickerHeader_default;
+  }
+});
+//# sourceMappingURL=YearPickerHeader.cjs.map

package/dist/YearPicker/YearPickerHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerHeader.cjs","names":[],"sources":["../../src/YearPicker/YearPickerHeader.vue","../../src/YearPicker/YearPickerHeader.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;gCAIZ,qBAEY,eAAA,sCAAA,EAAA,wBAAA,4BAFO,MAAK,CAAA,EAAA;8BACtB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerHeader.js

@@ -0,0 +1,35 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/YearPicker/YearPickerHeader.vue?vue&type=script&setup=true&lang.ts
+var YearPickerHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "YearPickerHeader",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerHeader.vue
+var YearPickerHeader_default = YearPickerHeader_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { YearPickerHeader_default };
+//# sourceMappingURL=YearPickerHeader.js.map

package/dist/YearPicker/YearPickerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerHeader.js","names":[],"sources":["../../src/YearPicker/YearPickerHeader.vue","../../src/YearPicker/YearPickerHeader.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;uBAIZ,YAEY,MAAA,UAAA,EAAA,eAAA,mBAFO,MAAK,CAAA,EAAA;qBACtB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/YearPicker/YearPickerHeading.cjs

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_YearPicker_YearPickerRoot = require('./YearPickerRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/YearPicker/YearPickerHeading.vue?vue&type=script&setup=true&lang.ts
+var YearPickerHeading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "YearPickerHeading",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_YearPicker_YearPickerRoot.injectYearPickerRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				id: (0, vue.unref)(rootContext).headingId,
+				role: "heading",
+				"aria-level": "2",
+				"data-disabled": (0, vue.unref)(rootContext).disabled.value ? "" : void 0
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { headingValue: (0, vue.unref)(rootContext).headingValue.value }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(rootContext).headingValue.value), 1)])]),
+				_: 3
+			}, 16, ["id", "data-disabled"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearPicker/YearPickerHeading.vue
+var YearPickerHeading_default = YearPickerHeading_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'YearPickerHeading_default', {
+  enumerable: true,
+  get: function () {
+    return YearPickerHeading_default;
+  }
+});
+//# sourceMappingURL=YearPickerHeading.cjs.map

package/dist/YearPicker/YearPickerHeading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPickerHeading.cjs","names":[],"sources":["../../src/YearPicker/YearPickerHeading.vue","../../src/YearPicker/YearPickerHeading.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EASd,MAAM,cAAc,+DAA4B;;gCAI9C,qBAUY,eAAA,sCAAA,EAVZ,oBACU,OAAK;IACZ,IAAI,eAAA,YAAW,CAAC;IACjB,MAAK;IACL,cAAW;IACV,iBAAe,eAAA,YAAW,CAAC,SAAS,QAAK;;8BAE1C,MAEO,CAFP,oBAEO,KAAA,QAAA,WAAA,EAFA,cAAe,eAAA,YAAW,CAAC,aAAa,SAA/C,MAEO,mDADF,eAAA,YAAW,CAAC,aAAa,MAAK,EAAA,EAAA"}