@skdx/vue 0.27.0 → 0.29.0

package/dist/calendar/CalendarCell.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CALENDAR_CONTEXT as a,CALENDAR_GRID_CONTEXT as e}from"./context.js";import{isDateDisabled as t,isDateRange as d,isDateSelected as l,isSameDay as s,isSameMonth as i,rangePositionOf as n,toISODateString as o}from"./dateMath.js";import{computed as u,createElementBlock as r,createTextVNode as v,defineComponent as c,inject as m,openBlock as D,renderSlot as b,toDisplayString as g}from"vue";var p=["aria-selected","aria-disabled","data-skdx-calendar-cell","data-state","data-today","data-outside-month","data-disabled","data-unavailable","data-range-start","data-range-middle","data-range-end","tabindex","disabled"],f=/* @__PURE__ */c({__name:"CalendarCell",props:{date:{}},setup(c){const f=c,C=m(a);if(!C)throw new Error("SkdxCalendarCell must be used within SkdxCalendar");const x=C,h=m(e,null),S=u(()=>h?.gridMonth.value??x.month.value),k=u(()=>o(f.date)),_=u(()=>!i(f.date,S.value)),E=u(()=>_.value||t(f.date,x.minDate,x.maxDate,x.disabled)),y=u(()=>!E.value&&(x.isDateUnavailable?.(k.value)??!1)),N=u(()=>l(x.value.value,f.date)),T=u(()=>d(x.value.value)?n(x.value.value,f.date):void 0),w=u(()=>s(f.date,/* @__PURE__ */new Date)),A=u(()=>s(f.date,x.focusedDate.value));function O(){if(!E.value){if(y.value)return void x.setFocusedDate(f.date);x.onValueChange(f.date),x.setFocusedDate(f.date)}}return(a,e)=>(D(),r("button",{class:"skdx-calendar__cell","data-part":"cell",type:"button",role:"gridcell","aria-selected":N.value,"aria-disabled":y.value?"true":void 0,"data-skdx-calendar-cell":k.value,"data-state":N.value?"selected":void 0,"data-today":w.value?"":void 0,"data-outside-month":_.value?"":void 0,"data-disabled":E.value?"":void 0,"data-unavailable":y.value?"":void 0,"data-range-start":"start"===T.value?"":void 0,"data-range-middle":"middle"===T.value?"":void 0,"data-range-end":"end"===T.value?"":void 0,tabindex:A.value?0:-1,disabled:E.value,onClick:O},[b(a.$slots,"default",{},()=>[v(g(c.date.getDate()),1)])],8,p))}});export{f as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{formatDateLabel as e}from"../utils/calendar-locale.js";import{toDate as t}from"../utils/date-value.js";import{CALENDAR_CONTEXT as l,CALENDAR_GRID_CONTEXT as d}from"./context.js";import{isDateDisabled as u,isDateRange as s,isDateSelected as i,isSameDay as o,isSameMonth as v,rangePositionOf as r,toISODateString as n}from"./dateMath.js";import{computed as c,createElementBlock as m,createTextVNode as D,defineComponent as b,inject as p,openBlock as f,renderSlot as g,toDisplayString as C}from"vue";var h=["aria-selected","aria-disabled","aria-current","aria-label","data-skdx-calendar-cell","data-state","data-today","data-outside-month","data-disabled","data-unavailable","data-range-start","data-range-middle","data-range-end","tabindex","disabled"],x=/* @__PURE__ */b({__name:"CalendarCell",props:{date:{}},setup(b){const x=b,S=a(l,"SkdxCalendarCell must be used within SkdxCalendar"),j=p(d,null),k=c(()=>j?.gridMonth.value??S.month.value),y=c(()=>t(x.date,"date")??k.value),_=c(()=>n(y.value)),R=c(()=>!v(y.value,k.value)),E=c(()=>S.disabled||R.value&&!S.outsideDaySelectable||u(y.value,S.minDate,S.maxDate,S.isDateDisabled)),N=c(()=>!E.value&&(S.isDateUnavailable?.(y.value)??!1)),T=c(()=>i(S.value.value,y.value)),A=c(()=>s(S.value.value)?r(S.value.value,y.value):void 0),M=c(()=>o(y.value,S.today.value)),O=c(()=>e(y.value,S.locale)),L=c(()=>o(y.value,S.focusedDate.value));function q(){if(!E.value){if(N.value)return void S.setFocusedDate(y.value);S.onValueChange(y.value),S.setFocusedDate(y.value),R.value&&!S.months.value.some(a=>v(y.value,a))&&S.onMonthChange(y.value)}}return(a,e)=>(f(),m("button",{class:"skdx-calendar__cell","data-part":"cell",type:"button",role:"gridcell","aria-selected":T.value,"aria-disabled":N.value?"true":void 0,"aria-current":M.value?"date":void 0,"aria-label":O.value,"data-skdx-calendar-cell":_.value,"data-state":T.value?"selected":void 0,"data-today":M.value?"":void 0,"data-outside-month":R.value?"":void 0,"data-disabled":E.value?"":void 0,"data-unavailable":N.value?"":void 0,"data-range-start":"start"===A.value?"":void 0,"data-range-middle":"middle"===A.value?"":void 0,"data-range-end":"end"===A.value?"":void 0,tabindex:L.value?0:-1,disabled:E.value,onClick:q},[g(a.$slots,"default",{},()=>[D(C(y.value.getDate()),1)])],8,h))}});export{x as default};

package/dist/calendar/CalendarGrid.vue.d.cts

@@ -1,16 +1,6 @@
-/**
- * `role="grid"` container for a `SkdxCalendar`'s date cells, owning
- * arrow-key navigation of the roving-focus date: Arrow Left/Right/Up/Down
- * move by day/week, Home/End jump to the start/end of the focused week,
- * PageUp/PageDown move by month (Shift+PageUp/PageDown move by year).
- * Navigating out of every displayed month calls `onMonthChange` automatically.
- *
- * With a multi-month `SkdxCalendar` (`numberOfMonths`), render one grid per
- * month and give each its `monthOffset` — that is what tells the grid's cells
- * which month counts as "outside".
- */
+/** Date grid with arrow-key navigation (day/week/month/year steps); renders at view='day'. */
 type __VLS_Props = {
-    /** Which of the displayed months this grid renders, `0` being the first — only meaningful when the `SkdxCalendar` sets `numberOfMonths` above 1. */
+    /** Which displayed month this grid renders; `0` = first. */
     monthOffset?: number;
 };
 declare var __VLS_1: {};

package/dist/calendar/CalendarGrid.vue.d.ts

@@ -1,16 +1,6 @@
-/**
- * `role="grid"` container for a `SkdxCalendar`'s date cells, owning
- * arrow-key navigation of the roving-focus date: Arrow Left/Right/Up/Down
- * move by day/week, Home/End jump to the start/end of the focused week,
- * PageUp/PageDown move by month (Shift+PageUp/PageDown move by year).
- * Navigating out of every displayed month calls `onMonthChange` automatically.
- *
- * With a multi-month `SkdxCalendar` (`numberOfMonths`), render one grid per
- * month and give each its `monthOffset` — that is what tells the grid's cells
- * which month counts as "outside".
- */
+/** Date grid with arrow-key navigation (day/week/month/year steps); renders at view='day'. */
 type __VLS_Props = {
-    /** Which of the displayed months this grid renders, `0` being the first — only meaningful when the `SkdxCalendar` sets `numberOfMonths` above 1. */
+    /** Which displayed month this grid renders; `0` = first. */
     monthOffset?: number;
 };
 declare var __VLS_1: {};

package/dist/calendar/CalendarGrid.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("../utils/direction.cjs"),u=require("./context.cjs"),a=require("./dateMath.cjs");let o=require("vue");var h=["aria-multiselectable"],_=(0,o.defineComponent)({__name:"CalendarGrid",props:{monthOffset:{default:0}},setup(c){const i=c,d=(0,o.inject)(u.CALENDAR_CONTEXT);if(!d)throw new Error("SkdxCalendarGrid must be used within SkdxCalendar");const e=d;(0,o.provide)(u.CALENDAR_GRID_CONTEXT,{gridMonth:(0,o.computed)(()=>e.months.value[i.monthOffset]??e.month.value)});const l=n.useDirection();function f(t){e.months.value.some(s=>a.isSameMonth(t,s))||e.onMonthChange(a.startOfMonth(t)),e.setFocusedDate(t),requestAnimationFrame(()=>{const s=a.toISODateString(t);document.querySelector(`[data-skdx-calendar-cell="${s}"]`)?.focus()})}function D(t){const s=n.directionalKey(t.key,t.currentTarget,l());let r;switch(s){case"ArrowLeft":r=a.addDays(e.focusedDate.value,-1);break;case"ArrowRight":r=a.addDays(e.focusedDate.value,1);break;case"ArrowUp":r=a.addDays(e.focusedDate.value,-7);break;case"ArrowDown":r=a.addDays(e.focusedDate.value,7);break;case"Home":r=a.startOfWeek(e.focusedDate.value,e.weekStartsOn);break;case"End":r=a.endOfWeek(e.focusedDate.value,e.weekStartsOn);break;case"PageUp":r=t.shiftKey?a.addYears(e.focusedDate.value,-1):a.addMonths(e.focusedDate.value,-1);break;case"PageDown":r=t.shiftKey?a.addYears(e.focusedDate.value,1):a.addMonths(e.focusedDate.value,1);break;default:return}t.preventDefault(),f(r)}return(t,s)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{class:"skdx-calendar__grid","data-part":"grid",role:"grid","aria-multiselectable":(0,o.unref)(e).selectionMode!=="single"?"true":"false",onKeydown:D},[(0,o.renderSlot)(t.$slots,"default")],40,h))}});exports.default=_;
+const v=require("../utils/injectRequired.cjs"),s=require("../utils/direction.cjs"),_=require("../utils/calendar-locale.cjs"),u=require("./context.cjs"),a=require("./dateMath.cjs");let r=require("vue");var h=["aria-label","aria-multiselectable","aria-readonly","aria-disabled"],k=(0,r.defineComponent)({__name:"CalendarGrid",props:{monthOffset:{default:0}},setup(l){const i=l,e=v.injectRequired(u.CALENDAR_CONTEXT,"SkdxCalendarGrid must be used within SkdxCalendar"),n=(0,r.computed)(()=>e.months.value[i.monthOffset]??e.month.value);(0,r.provide)(u.CALENDAR_GRID_CONTEXT,{gridMonth:n});const c=(0,r.computed)(()=>_.formatMonthLabel(n.value,e.locale)),f=s.useDirection();function m(o){const d=a.clampToDateRange(o,e.minDate,e.maxDate);e.months.value.some(t=>a.isSameMonth(d,t))||e.onMonthChange(a.startOfMonth(d)),e.setFocusedDate(d),requestAnimationFrame(()=>{const t=a.toISODateString(d);(e.rootRef.value??document).querySelector(`[data-skdx-calendar-cell="${t}"]:not([disabled])`)?.focus()})}function D(o){const d=s.directionalKey(o.key,o.currentTarget,f());let t;switch(d){case"ArrowLeft":t=a.addDays(e.focusedDate.value,-1);break;case"ArrowRight":t=a.addDays(e.focusedDate.value,1);break;case"ArrowUp":t=a.addDays(e.focusedDate.value,-7);break;case"ArrowDown":t=a.addDays(e.focusedDate.value,7);break;case"Home":t=a.startOfWeek(e.focusedDate.value,e.weekStartsOn);break;case"End":t=a.endOfWeek(e.focusedDate.value,e.weekStartsOn);break;case"PageUp":t=o.shiftKey?a.addYears(e.focusedDate.value,-1):a.addMonths(e.focusedDate.value,-1);break;case"PageDown":t=o.shiftKey?a.addYears(e.focusedDate.value,1):a.addMonths(e.focusedDate.value,1);break;default:return}o.preventDefault(),m(t)}return(o,d)=>(0,r.unref)(e).view==="day"?((0,r.openBlock)(),(0,r.createElementBlock)("div",{key:0,class:"skdx-calendar__grid","data-part":"grid",role:"grid","aria-label":c.value,"aria-multiselectable":(0,r.unref)(e).selectionMode!=="single"?"true":"false","aria-readonly":(0,r.unref)(e).readOnly?"true":void 0,"aria-disabled":(0,r.unref)(e).disabled?"true":void 0,onKeydown:D},[(0,r.renderSlot)(o.$slots,"default")],40,h)):(0,r.createCommentVNode)("",!0)}});exports.default=k;

package/dist/calendar/CalendarGrid.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{CALENDAR_CONTEXT as t,CALENDAR_GRID_CONTEXT as s}from"./context.js";import{addDays as r,addMonths as o,addYears as n,endOfWeek as d,isSameMonth as u,startOfMonth as c,startOfWeek as l,toISODateString as i}from"./dateMath.js";import{computed as f,createElementBlock as m,defineComponent as D,inject as k,openBlock as h,provide as v,renderSlot as p,unref as w}from"vue";var b=["aria-multiselectable"],g=/* @__PURE__ */D({__name:"CalendarGrid",props:{monthOffset:{default:0}},setup(D){const g=D,O=k(t);if(!O)throw new Error("SkdxCalendarGrid must be used within SkdxCalendar");const A=O;v(s,{gridMonth:f(()=>A.months.value[g.monthOffset]??A.month.value)});const C=a();function S(a){let t;switch(e(a.key,a.currentTarget,C())){case"ArrowLeft":t=r(A.focusedDate.value,-1);break;case"ArrowRight":t=r(A.focusedDate.value,1);break;case"ArrowUp":t=r(A.focusedDate.value,-7);break;case"ArrowDown":t=r(A.focusedDate.value,7);break;case"Home":t=l(A.focusedDate.value,A.weekStartsOn);break;case"End":t=d(A.focusedDate.value,A.weekStartsOn);break;case"PageUp":t=a.shiftKey?n(A.focusedDate.value,-1):o(A.focusedDate.value,-1);break;case"PageDown":t=a.shiftKey?n(A.focusedDate.value,1):o(A.focusedDate.value,1);break;default:return}a.preventDefault(),function(e){A.months.value.some(a=>u(e,a))||A.onMonthChange(c(e)),A.setFocusedDate(e),requestAnimationFrame(()=>{const a=i(e);document.querySelector(`[data-skdx-calendar-cell="${a}"]`)?.focus()})}(t)}return(e,a)=>(h(),m("div",{class:"skdx-calendar__grid","data-part":"grid",role:"grid","aria-multiselectable":"single"!==w(A).selectionMode?"true":"false",onKeydown:S},[p(e.$slots,"default")],40,b))}});export{g as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{directionalKey as a,useDirection as t}from"../utils/direction.js";import{formatMonthLabel as s}from"../utils/calendar-locale.js";import{CALENDAR_CONTEXT as r,CALENDAR_GRID_CONTEXT as o}from"./context.js";import{addDays as d,addMonths as l,addYears as n,clampToDateRange as i,endOfWeek as u,isSameMonth as c,startOfMonth as f,startOfWeek as m,toISODateString as v}from"./dateMath.js";import{computed as D,createCommentVNode as k,createElementBlock as p,defineComponent as b,openBlock as h,provide as g,renderSlot as w,unref as y}from"vue";var O=["aria-label","aria-multiselectable","aria-readonly","aria-disabled"],C=/* @__PURE__ */b({__name:"CalendarGrid",props:{monthOffset:{default:0}},setup(b){const C=b,A=e(r,"SkdxCalendarGrid must be used within SkdxCalendar"),S=D(()=>A.months.value[C.monthOffset]??A.month.value);g(o,{gridMonth:S});const M=D(()=>s(S.value,A.locale)),R=t();function j(e){let t;switch(a(e.key,e.currentTarget,R())){case"ArrowLeft":t=d(A.focusedDate.value,-1);break;case"ArrowRight":t=d(A.focusedDate.value,1);break;case"ArrowUp":t=d(A.focusedDate.value,-7);break;case"ArrowDown":t=d(A.focusedDate.value,7);break;case"Home":t=m(A.focusedDate.value,A.weekStartsOn);break;case"End":t=u(A.focusedDate.value,A.weekStartsOn);break;case"PageUp":t=e.shiftKey?n(A.focusedDate.value,-1):l(A.focusedDate.value,-1);break;case"PageDown":t=e.shiftKey?n(A.focusedDate.value,1):l(A.focusedDate.value,1);break;default:return}e.preventDefault(),function(e){const a=i(e,A.minDate,A.maxDate);A.months.value.some(e=>c(a,e))||A.onMonthChange(f(a)),A.setFocusedDate(a),requestAnimationFrame(()=>{const e=v(a);(A.rootRef.value??document).querySelector(`[data-skdx-calendar-cell="${e}"]:not([disabled])`)?.focus()})}(t)}return(e,a)=>"day"===y(A).view?(h(),p("div",{key:0,class:"skdx-calendar__grid","data-part":"grid",role:"grid","aria-label":M.value,"aria-multiselectable":"single"!==y(A).selectionMode?"true":"false","aria-readonly":y(A).readOnly?"true":void 0,"aria-disabled":y(A).disabled?"true":void 0,onKeydown:j},[w(e.$slots,"default")],40,O)):k("",!0)}});export{C as default};

package/dist/calendar/CalendarGridBody.vue.d.cts

@@ -1,26 +1,5 @@
 /**
- * `role="rowgroup"` wrapper for a `SkdxCalendar`'s week rows.
- *
- * **Given no children it renders the displayed month itself** — one
- * `SkdxCalendarRow` per visible week, one `SkdxCalendarCell` per day, taken from
- * the live `month` in context. That is the composition a consumer writes first,
- * and it is the correct one.
- *
- * It was not, here. Written self-closing this rendered an empty rowgroup, so
- * every Calendar and every DatePicker in the library showed a heading and
- * weekday names above no days at all — and the workaround, mapping
- * `getVisibleWeeks(someDate)` over a constant captured once, draws days that
- * never move when Previous/Next changes the month. Both roads end at "the days
- * do not change". React fixed exactly this; see
- * `packages/react/src/calendar/CalendarGridBody.tsx`.
- *
- * Pass children to take over completely — to decorate a day, group by week
- * number, or render anything other than a plain cell. Children always win; this
- * only fills an empty body.
- *
- * `rowgroup` rather than a bare `<div>` so `role="grid"` sees only
- * `row`/`rowgroup` children — a plain `div` between the grid and its rows is
- * what axe reports as `aria-required-children`.
+ * role="rowgroup" wrapper for calendar's week rows; renders the displayed month when given no children.
  *
  * @example
  * ```vue

package/dist/calendar/CalendarGridBody.vue.d.ts

@@ -1,26 +1,5 @@
 /**
- * `role="rowgroup"` wrapper for a `SkdxCalendar`'s week rows.
- *
- * **Given no children it renders the displayed month itself** — one
- * `SkdxCalendarRow` per visible week, one `SkdxCalendarCell` per day, taken from
- * the live `month` in context. That is the composition a consumer writes first,
- * and it is the correct one.
- *
- * It was not, here. Written self-closing this rendered an empty rowgroup, so
- * every Calendar and every DatePicker in the library showed a heading and
- * weekday names above no days at all — and the workaround, mapping
- * `getVisibleWeeks(someDate)` over a constant captured once, draws days that
- * never move when Previous/Next changes the month. Both roads end at "the days
- * do not change". React fixed exactly this; see
- * `packages/react/src/calendar/CalendarGridBody.tsx`.
- *
- * Pass children to take over completely — to decorate a day, group by week
- * number, or render anything other than a plain cell. Children always win; this
- * only fills an empty body.
- *
- * `rowgroup` rather than a bare `<div>` so `role="grid"` sees only
- * `row`/`rowgroup` children — a plain `div` between the grid and its rows is
- * what axe reports as `aria-required-children`.
+ * role="rowgroup" wrapper for calendar's week rows; renders the displayed month when given no children.
  *
  * @example
  * ```vue

package/dist/calendar/CalendarGridBody.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs"),i=require("./dateMath.cjs"),s=require("./CalendarRow.vue.cjs"),_=require("./CalendarCell.vue.cjs");let e=require("vue");var k={class:"skdx-calendar__grid-body","data-part":"grid-body",role:"rowgroup"},p=(0,e.defineComponent)({__name:"CalendarGridBody",setup(C){const t=(0,e.inject)(o.CALENDAR_CONTEXT);if(!t)throw new Error("<SkdxCalendarGridBody> must be used inside <SkdxCalendar>.");const a=(0,e.inject)(o.CALENDAR_GRID_CONTEXT,void 0),d=(0,e.computed)(()=>a?.gridMonth.value??t.month.value),l=(0,e.computed)(()=>i.getVisibleWeeks(d.value,t.weekStartsOn)),u=(0,e.useSlots)();return(c,B)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",k,[(0,e.unref)(u).default?(0,e.renderSlot)(c.$slots,"default",{key:0}):((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(l.value,r=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:r[0].date.toISOString()},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r,n=>((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:n.date.toISOString(),date:n.date},null,8,["date"]))),128))]),_:2},1024))),128))]))}});exports.default=p;
+const i=require("../utils/injectRequired.cjs"),o=require("./context.cjs"),s=require("./dateMath.cjs"),_=require("./CalendarCell.vue.cjs"),k=require("./CalendarRow.vue.cjs"),p=require("./CalendarWeekNumber.vue.cjs");let e=require("vue");var m={class:"skdx-calendar__grid-body","data-part":"grid-body",role:"rowgroup"},C=(0,e.defineComponent)({__name:"CalendarGridBody",setup(q){const t=i.injectRequired(o.CALENDAR_CONTEXT,"<SkdxCalendarGridBody> must be used inside <SkdxCalendar>."),a=(0,e.inject)(o.CALENDAR_GRID_CONTEXT,void 0),d=(0,e.computed)(()=>a?.gridMonth.value??t.month.value),u=(0,e.computed)(()=>s.getVisibleWeeks(d.value,t.weekStartsOn)),l=(0,e.useSlots)();return(c,B)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",m,[(0,e.unref)(l).default?(0,e.renderSlot)(c.$slots,"default",{key:0}):((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(u.value,r=>((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:r[0].date.toISOString()},{default:(0,e.withCtx)(()=>[(0,e.unref)(t).weekNumbers?((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:0,date:r[0].date},null,8,["date"])):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r,n=>((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:n.date.toISOString(),date:n.date},null,8,["date"]))),128))]),_:2},1024))),128))]))}});exports.default=C;

package/dist/calendar/CalendarGridBody.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CALENDAR_CONTEXT as e,CALENDAR_GRID_CONTEXT as a}from"./context.js";import{getVisibleWeeks as t}from"./dateMath.js";import r from"./CalendarRow.vue.js";import o from"./CalendarCell.vue.js";import{Fragment as d,computed as s,createBlock as l,createElementBlock as n,defineComponent as i,inject as u,openBlock as m,renderList as c,renderSlot as f,unref as k,useSlots as p,withCtx as C}from"vue";var v={class:"skdx-calendar__grid-body","data-part":"grid-body",role:"rowgroup"},S=/* @__PURE__ */i({__name:"CalendarGridBody",setup(i){const S=u(e);if(!S)throw new Error("<SkdxCalendarGridBody> must be used inside <SkdxCalendar>.");const g=u(a,void 0),y=s(()=>g?.gridMonth.value??S.month.value),_=s(()=>t(y.value,S.weekStartsOn)),w=p();return(e,a)=>(m(),n("div",v,[k(w).default?f(e.$slots,"default",{key:0}):(m(!0),n(d,{key:1},c(_.value,e=>(m(),l(r,{key:e[0].date.toISOString()},{default:C(()=>[(m(!0),n(d,null,c(e,e=>(m(),l(o,{key:e.date.toISOString(),date:e.date},null,8,["date"]))),128))]),_:2},1024))),128))]))}});export{S as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{CALENDAR_CONTEXT as a,CALENDAR_GRID_CONTEXT as t}from"./context.js";import{getVisibleWeeks as r}from"./dateMath.js";import d from"./CalendarCell.vue.js";import o from"./CalendarRow.vue.js";import s from"./CalendarWeekNumber.vue.js";import{Fragment as l,computed as n,createBlock as i,createCommentVNode as u,createElementBlock as m,defineComponent as k,inject as c,openBlock as p,renderList as C,renderSlot as f,unref as v,useSlots as j,withCtx as y}from"vue";var S={class:"skdx-calendar__grid-body","data-part":"grid-body",role:"rowgroup"},g=/* @__PURE__ */k({__name:"CalendarGridBody",setup(k){const g=e(a,"<SkdxCalendarGridBody> must be used inside <SkdxCalendar>."),_=c(t,void 0),N=n(()=>_?.gridMonth.value??g.month.value),b=n(()=>r(N.value,g.weekStartsOn)),x=j();return(e,a)=>(p(),m("div",S,[v(x).default?f(e.$slots,"default",{key:0}):(p(!0),m(l,{key:1},C(b.value,e=>(p(),i(o,{key:e[0].date.toISOString()},{default:y(()=>[v(g).weekNumbers?(p(),i(s,{key:0,date:e[0].date},null,8,["date"])):u("",!0),(p(!0),m(l,null,C(e,e=>(p(),i(d,{key:e.date.toISOString(),date:e.date},null,8,["date"]))),128))]),_:2},1024))),128))]))}});export{g as default};

package/dist/calendar/CalendarGridHead.vue.d.cts

@@ -1,16 +1,4 @@
-/**
- * `role="rowgroup"` wrapper for a `SkdxCalendar`'s weekday header.
- *
- * Left childless it renders the weekday row itself, from the `SkdxCalendar`'s
- * `locale` and `weekStartsOn` — the visible label is the short name, with the
- * full name as `aria-label` so screen readers say "Monday", not "Mon". That is
- * why no framework ships a hardcoded `['Su', 'Mo', …]` table any more.
- *
- * `rowgroup`, not `row`: `role="grid"` requires `row`/`rowgroup` children and
- * `role="columnheader"` requires a `row` parent, so the old `row`-inside-`row`
- * nesting is exactly what axe flagged as
- * `aria-required-children`/`aria-required-parent`.
- */
+/** role="rowgroup" wrapper for a SkdxCalendar's weekday header; renders short labels with full aria-label names. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/calendar/CalendarGridHead.vue.d.ts

@@ -1,16 +1,4 @@
-/**
- * `role="rowgroup"` wrapper for a `SkdxCalendar`'s weekday header.
- *
- * Left childless it renders the weekday row itself, from the `SkdxCalendar`'s
- * `locale` and `weekStartsOn` — the visible label is the short name, with the
- * full name as `aria-label` so screen readers say "Monday", not "Mon". That is
- * why no framework ships a hardcoded `['Su', 'Mo', …]` table any more.
- *
- * `rowgroup`, not `row`: `role="grid"` requires `row`/`rowgroup` children and
- * `role="columnheader"` requires a `row` parent, so the old `row`-inside-`row`
- * nesting is exactly what axe flagged as
- * `aria-required-children`/`aria-required-parent`.
- */
+/** role="rowgroup" wrapper for a SkdxCalendar's weekday header; renders short labels with full aria-label names. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/calendar/CalendarGridHead.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs"),d=require("./CalendarRow.vue.cjs"),o=require("./CalendarWeekDay.vue.cjs");let e=require("vue");var u={class:"skdx-calendar__grid-head","data-part":"grid-head",role:"rowgroup"},i=(0,e.defineComponent)({__name:"CalendarGridHead",setup(c){const t=(0,e.inject)(n.CALENDAR_CONTEXT);if(!t)throw new Error("SkdxCalendarGridHead must be used within SkdxCalendar");const a=t.weekDayNames;return(l,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",u,[(0,e.renderSlot)(l.$slots,"default",{},()=>[(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(a),r=>((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:r.long,"aria-label":r.long},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.short),1)]),_:2},1032,["aria-label"]))),128))]),_:1})])]))}});exports.default=i;
+const l=require("../utils/injectRequired.cjs"),u=require("./context.cjs"),d=require("./CalendarRow.vue.cjs"),o=require("./CalendarWeekDay.vue.cjs"),i=require("./CalendarWeekNumberHeader.vue.cjs");let e=require("vue");var c={class:"skdx-calendar__grid-head","data-part":"grid-head",role:"rowgroup"},s=(0,e.defineComponent)({__name:"CalendarGridHead",setup(_){const t=l.injectRequired(u.CALENDAR_CONTEXT,"SkdxCalendarGridHead must be used within SkdxCalendar"),a=t.weekDayNames;return(n,k)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",c,[(0,e.renderSlot)(n.$slots,"default",{},()=>[(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.unref)(t).weekNumbers?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:0})):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(a),r=>((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:r.long,"aria-label":r.long},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.short),1)]),_:2},1032,["aria-label"]))),128))]),_:1})])]))}});exports.default=s;

package/dist/calendar/CalendarGridHead.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CALENDAR_CONTEXT as e}from"./context.js";import a from"./CalendarRow.vue.js";import r from"./CalendarWeekDay.vue.js";import{Fragment as t,createBlock as o,createElementBlock as s,createTextVNode as d,createVNode as l,defineComponent as n,inject as i,openBlock as u,renderList as m,renderSlot as c,toDisplayString as f,unref as p,withCtx as k}from"vue";var C={class:"skdx-calendar__grid-head","data-part":"grid-head",role:"rowgroup"},g=/* @__PURE__ */n({__name:"CalendarGridHead",setup(n){const g=i(e);if(!g)throw new Error("SkdxCalendarGridHead must be used within SkdxCalendar");const w=g.weekDayNames;return(e,n)=>(u(),s("div",C,[c(e.$slots,"default",{},()=>[l(a,null,{default:k(()=>[(u(!0),s(t,null,m(p(w),e=>(u(),o(r,{key:e.long,"aria-label":e.long},{default:k(()=>[d(f(e.short),1)]),_:2},1032,["aria-label"]))),128))]),_:1})])]))}});export{g as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{CALENDAR_CONTEXT as a}from"./context.js";import r from"./CalendarRow.vue.js";import t from"./CalendarWeekDay.vue.js";import s from"./CalendarWeekNumberHeader.vue.js";import{Fragment as o,createBlock as d,createCommentVNode as l,createElementBlock as n,createTextVNode as i,createVNode as m,defineComponent as u,openBlock as c,renderList as p,renderSlot as f,toDisplayString as k,unref as C,withCtx as N}from"vue";var g={class:"skdx-calendar__grid-head","data-part":"grid-head",role:"rowgroup"},j=/* @__PURE__ */u({__name:"CalendarGridHead",setup(u){const j=e(a,"SkdxCalendarGridHead must be used within SkdxCalendar"),x=j.weekDayNames;return(e,a)=>(c(),n("div",g,[f(e.$slots,"default",{},()=>[m(r,null,{default:N(()=>[C(j).weekNumbers?(c(),d(s,{key:0})):l("",!0),(c(!0),n(o,null,p(C(x),e=>(c(),d(t,{key:e.long,"aria-label":e.long},{default:N(()=>[i(k(e.short),1)]),_:2},1032,["aria-label"]))),128))]),_:1})])]))}});export{j as default};

package/dist/calendar/CalendarHeading.vue.d.cts

@@ -1,18 +1,13 @@
-/**
- * Label for a `SkdxCalendar`'s displayed month. Left childless it renders the
- * month and year formatted for the `SkdxCalendar`'s `locale` via `Intl`, so no
- * consumer hardcodes an English month name; pass slot content to override.
- *
- * With a multi-month `SkdxCalendar` (`numberOfMonths`), `monthOffset` selects
- * which of the displayed months to label.
- */
+/** Label for the calendar's current view; renders a button that steps view up until maxView, then a plain div. */
 type __VLS_Props = {
     /** Which of the displayed months to label, `0` being the first — only meaningful when the `SkdxCalendar` sets `numberOfMonths` above 1. */
     monthOffset?: number;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     monthOffset: number;

package/dist/calendar/CalendarHeading.vue.d.ts

@@ -1,18 +1,13 @@
-/**
- * Label for a `SkdxCalendar`'s displayed month. Left childless it renders the
- * month and year formatted for the `SkdxCalendar`'s `locale` via `Intl`, so no
- * consumer hardcodes an English month name; pass slot content to override.
- *
- * With a multi-month `SkdxCalendar` (`numberOfMonths`), `monthOffset` selects
- * which of the displayed months to label.
- */
+/** Label for the calendar's current view; renders a button that steps view up until maxView, then a plain div. */
 type __VLS_Props = {
     /** Which of the displayed months to label, `0` being the first — only meaningful when the `SkdxCalendar` sets `numberOfMonths` above 1. */
     monthOffset?: number;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     monthOffset: number;

package/dist/calendar/CalendarHeading.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs"),s=require("./locale.cjs");let e=require("vue");var u={class:"skdx-calendar__heading","data-part":"heading"},c=(0,e.defineComponent)({__name:"CalendarHeading",props:{monthOffset:{default:0}},setup(n){const r=n,a=(0,e.inject)(d.CALENDAR_CONTEXT);if(!a)throw new Error("SkdxCalendarHeading must be used within SkdxCalendar");const t=a,o=(0,e.computed)(()=>s.formatMonthLabel(t.months.value[r.monthOffset]??t.month.value,t.locale));return(l,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",u,[(0,e.renderSlot)(l.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.value),1)])]))}});exports.default=c;
+const c=require("../utils/injectRequired.cjs"),s=require("./context.cjs"),a=require("./dateMath.cjs");let e=require("vue");var _={key:1,class:"skdx-calendar__heading","data-part":"heading"},p=(0,e.defineComponent)({__name:"CalendarHeading",props:{monthOffset:{default:0}},setup(i){const l=i,t=c.injectRequired(s.CALENDAR_CONTEXT,"SkdxCalendarHeading must be used within SkdxCalendar"),r=(0,e.computed)(()=>a.formatViewPageLabel(t.view==="day"?t.months.value[l.monthOffset]??t.month.value:t.focusedDate.value,t.view,t.locale)),n=(0,e.computed)(()=>a.CALENDAR_VIEWS[a.CALENDAR_VIEWS.indexOf(t.view)+1]),o=(0,e.computed)(()=>n.value!==void 0&&a.CALENDAR_VIEWS.indexOf(t.view)<a.CALENDAR_VIEWS.indexOf(t.maxView));function u(){n.value&&t.setView(n.value)}return(d,v)=>o.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-calendar__heading","data-part":"heading",type:"button",onClick:u},[(0,e.renderSlot)(d.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.value),1)])])):((0,e.openBlock)(),(0,e.createElementBlock)("div",_,[(0,e.renderSlot)(d.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.value),1)])]))}});exports.default=p;

package/dist/calendar/CalendarHeading.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CALENDAR_CONTEXT as e}from"./context.js";import{formatMonthLabel as a}from"./locale.js";import{computed as t,createElementBlock as o,createTextVNode as n,defineComponent as s,inject as r,openBlock as l,renderSlot as d,toDisplayString as m}from"vue";var i={class:"skdx-calendar__heading","data-part":"heading"},c=/* @__PURE__ */s({__name:"CalendarHeading",props:{monthOffset:{default:0}},setup(s){const c=s,f=r(e);if(!f)throw new Error("SkdxCalendarHeading must be used within SkdxCalendar");const p=f,u=t(()=>a(p.months.value[c.monthOffset]??p.month.value,p.locale));return(e,a)=>(l(),o("div",i,[d(e.$slots,"default",{},()=>[n(m(u.value),1)])]))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{CALENDAR_CONTEXT as a}from"./context.js";import{CALENDAR_VIEWS as t,formatViewPageLabel as n}from"./dateMath.js";import{computed as s,createElementBlock as d,createTextVNode as o,defineComponent as i,openBlock as l,renderSlot as r,toDisplayString as u}from"vue";var f={key:1,class:"skdx-calendar__heading","data-part":"heading"},m=/* @__PURE__ */i({__name:"CalendarHeading",props:{monthOffset:{default:0}},setup(i){const m=i,c=e(a,"SkdxCalendarHeading must be used within SkdxCalendar"),v=s(()=>n("day"===c.view?c.months.value[m.monthOffset]??c.month.value:c.focusedDate.value,c.view,c.locale)),p=s(()=>t[t.indexOf(c.view)+1]),x=s(()=>void 0!==p.value&&t.indexOf(c.view)<t.indexOf(c.maxView));function h(){p.value&&c.setView(p.value)}return(e,a)=>x.value?(l(),d("button",{key:0,class:"skdx-calendar__heading","data-part":"heading",type:"button",onClick:h},[r(e.$slots,"default",{},()=>[o(u(v.value),1)])])):(l(),d("div",f,[r(e.$slots,"default",{},()=>[o(u(v.value),1)])]))}});export{m as default};

package/dist/calendar/CalendarMonthGrid.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CalendarMonthGrid.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/calendar/CalendarMonthGrid.vue.d.cts

@@ -0,0 +1,23 @@
+/**
+ * Month view: a role="grid" of twelve months with roving tab stop.
+ *
+ * @example
+ * ```vue
+ * <SkdxCalendar>
+ *   <SkdxCalendarHeader>
+ *     <SkdxCalendarPreviousButton>‹</SkdxCalendarPreviousButton>
+ *     <SkdxCalendarHeading />
+ *     <SkdxCalendarNextButton>›</SkdxCalendarNextButton>
+ *   </SkdxCalendarHeader>
+ *   <SkdxCalendarGrid>
+ *     <SkdxCalendarGridHead />
+ *     <SkdxCalendarGridBody />
+ *   </SkdxCalendarGrid>
+ *   <SkdxCalendarMonthGrid />
+ *   <SkdxCalendarYearGrid />
+ * </SkdxCalendar>
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/calendar/CalendarMonthGrid.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Month view: a role="grid" of twelve months with roving tab stop.
+ *
+ * @example
+ * ```vue
+ * <SkdxCalendar>
+ *   <SkdxCalendarHeader>
+ *     <SkdxCalendarPreviousButton>‹</SkdxCalendarPreviousButton>
+ *     <SkdxCalendarHeading />
+ *     <SkdxCalendarNextButton>›</SkdxCalendarNextButton>
+ *   </SkdxCalendarHeader>
+ *   <SkdxCalendarGrid>
+ *     <SkdxCalendarGridHead />
+ *     <SkdxCalendarGridBody />
+ *   </SkdxCalendarGrid>
+ *   <SkdxCalendarMonthGrid />
+ *   <SkdxCalendarYearGrid />
+ * </SkdxCalendar>
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/calendar/CalendarMonthGrid.vue.js

@@ -0,0 +1 @@
+import e from"./CalendarMonthGrid.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/calendar/CalendarMonthGrid.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const c=require("./useViewGrid.cjs");let e=require("vue");var v=["aria-label","aria-readonly","aria-disabled"],k={role:"rowgroup"},_=["aria-disabled","aria-selected","aria-current","aria-label","data-skdx-calendar-view-cell","data-state","data-today","data-disabled","tabindex","onClick"],y=(0,e.defineComponent)({__name:"CalendarMonthGrid",setup(b){const{context:r,focusedIndex:i,gridLabel:o,rows:l,handleKeydown:d}=c.useViewGrid("month","SkdxCalendarMonthGrid");return(p,n)=>(0,e.unref)(r).view==="month"?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-calendar__month-grid","data-part":"month-grid",role:"grid","aria-label":(0,e.unref)(o),"aria-readonly":(0,e.unref)(r).readOnly?"true":void 0,"aria-disabled":(0,e.unref)(r).disabled?"true":void 0,onKeydown:n[0]||(n[0]=(...t)=>(0,e.unref)(d)&&(0,e.unref)(d)(...t))},[(0,e.createElementVNode)("div",k,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(l),(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:t[0].key,role:"row"},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t,(a,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:a.key,class:"skdx-calendar__view-cell","data-part":"view-cell",type:"button",role:"gridcell","aria-disabled":a.refused?"true":void 0,"aria-selected":a.selected,"aria-current":a.today?"date":void 0,"aria-label":a.label,"data-skdx-calendar-view-cell":a.key,"data-state":a.selected?"selected":void 0,"data-today":a.today?"":void 0,"data-disabled":a.refused?"":void 0,tabindex:u*4+s===(0,e.unref)(i)?0:-1,onClick:f=>a.refused?void 0:(0,e.unref)(r).navigateToUnit(a.date)},(0,e.toDisplayString)(a.text),9,_))),128))]))),128))])],40,v)):(0,e.createCommentVNode)("",!0)}});exports.default=y;

package/dist/calendar/CalendarMonthGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useViewGrid as e}from"./useViewGrid.js";import{Fragment as a,createCommentVNode as d,createElementBlock as t,createElementVNode as r,defineComponent as l,openBlock as i,renderList as o,toDisplayString as n,unref as s}from"vue";var c=["aria-label","aria-readonly","aria-disabled"],u={role:"rowgroup"},v=["aria-disabled","aria-selected","aria-current","aria-label","data-skdx-calendar-view-cell","data-state","data-today","data-disabled","tabindex","onClick"],b=/* @__PURE__ */l({__name:"CalendarMonthGrid",setup(l){const{context:b,focusedIndex:y,gridLabel:k,rows:m,handleKeydown:w}=e("month","SkdxCalendarMonthGrid");return(e,l)=>"month"===s(b).view?(i(),t("div",{key:0,class:"skdx-calendar__month-grid","data-part":"month-grid",role:"grid","aria-label":s(k),"aria-readonly":s(b).readOnly?"true":void 0,"aria-disabled":s(b).disabled?"true":void 0,onKeydown:l[0]||(l[0]=(...e)=>s(w)&&s(w)(...e))},[r("div",u,[(i(!0),t(a,null,o(s(m),(e,d)=>(i(),t("div",{key:e[0].key,role:"row"},[(i(!0),t(a,null,o(e,(e,a)=>(i(),t("button",{key:e.key,class:"skdx-calendar__view-cell","data-part":"view-cell",type:"button",role:"gridcell","aria-disabled":e.refused?"true":void 0,"aria-selected":e.selected,"aria-current":e.today?"date":void 0,"aria-label":e.label,"data-skdx-calendar-view-cell":e.key,"data-state":e.selected?"selected":void 0,"data-today":e.today?"":void 0,"data-disabled":e.refused?"":void 0,tabindex:4*d+a===s(y)?0:-1,onClick:a=>e.refused?void 0:s(b).navigateToUnit(e.date)},n(e.text),9,v))),128))]))),128))])],40,c)):d("",!0)}});export{b as default};

package/dist/calendar/CalendarNextButton.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs"),a=require("./dateMath.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"CalendarNextButton",setup(c){const o=(0,e.inject)(u.CALENDAR_CONTEXT);if(!o)throw new Error("SkdxCalendarNextButton must be used within SkdxCalendar");const t=o;function r(){const n=a.addMonths(t.month.value,1);t.onMonthChange(n),t.setFocusedDate(a.clampToMonth(t.focusedDate.value,n))}return(n,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-calendar__next-button","data-part":"next-button",type:"button","aria-label":"Next month",onClick:r},[(0,e.renderSlot)(n.$slots,"default")]))}});exports.default=l;
+const u=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var l=["aria-label"],d=(0,e.defineComponent)({__name:"CalendarNextButton",setup(c){const t=u.injectRequired(o.CALENDAR_CONTEXT,"SkdxCalendarNextButton must be used within SkdxCalendar");function n(){t.pageMonths(1)}const a=(0,e.computed)(()=>({day:"Next month",month:"Next year",year:"Next 20 years"})[t.view]);return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-calendar__next-button","data-part":"next-button",type:"button","aria-label":a.value,onClick:n},[(0,e.renderSlot)(r.$slots,"default")],8,l))}});exports.default=d;

package/dist/calendar/CalendarNextButton.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CALENDAR_CONTEXT as t}from"./context.js";import{addMonths as e,clampToMonth as a}from"./dateMath.js";import{createElementBlock as n,defineComponent as o,inject as s,openBlock as r,renderSlot as d}from"vue";var l=/* @__PURE__ */o({__name:"CalendarNextButton",setup(o){const l=s(t);if(!l)throw new Error("SkdxCalendarNextButton must be used within SkdxCalendar");const u=l;function c(){const t=e(u.month.value,1);u.onMonthChange(t),u.setFocusedDate(a(u.focusedDate.value,t))}return(t,e)=>(r(),n("button",{class:"skdx-calendar__next-button","data-part":"next-button",type:"button","aria-label":"Next month",onClick:c},[d(t.$slots,"default")]))}});export{l as default};
+import{injectRequired as t}from"../utils/injectRequired.js";import{CALENDAR_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as n,defineComponent as o,openBlock as r,renderSlot as s}from"vue";var l=["aria-label"],u=/* @__PURE__ */o({__name:"CalendarNextButton",setup(o){const u=t(e,"SkdxCalendarNextButton must be used within SkdxCalendar");function d(){u.pageMonths(1)}const i=a(()=>({day:"Next month",month:"Next year",year:"Next 20 years"}[u.view]));return(t,e)=>(r(),n("button",{class:"skdx-calendar__next-button","data-part":"next-button",type:"button","aria-label":i.value,onClick:d},[s(t.$slots,"default")],8,l))}});export{u as default};

package/dist/calendar/CalendarPreviousButton.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs"),r=require("./dateMath.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"CalendarPreviousButton",setup(l){const o=(0,e.inject)(a.CALENDAR_CONTEXT);if(!o)throw new Error("SkdxCalendarPreviousButton must be used within SkdxCalendar");const t=o;function u(){const n=r.addMonths(t.month.value,-1);t.onMonthChange(n),t.setFocusedDate(r.clampToMonth(t.focusedDate.value,n))}return(n,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-calendar__previous-button","data-part":"previous-button",type:"button","aria-label":"Previous month",onClick:u},[(0,e.renderSlot)(n.$slots,"default")]))}});exports.default=s;
+const a=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var i=["aria-label"],l=(0,e.defineComponent)({__name:"CalendarPreviousButton",setup(s){const t=a.injectRequired(o.CALENDAR_CONTEXT,"SkdxCalendarPreviousButton must be used within SkdxCalendar");function r(){t.pageMonths(-1)}const n=(0,e.computed)(()=>({day:"Previous month",month:"Previous year",year:"Previous 20 years"})[t.view]);return(u,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-calendar__previous-button","data-part":"previous-button",type:"button","aria-label":n.value,onClick:r},[(0,e.renderSlot)(u.$slots,"default")],8,i))}});exports.default=l;

package/dist/calendar/CalendarPreviousButton.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CALENDAR_CONTEXT as t}from"./context.js";import{addMonths as e,clampToMonth as o}from"./dateMath.js";import{createElementBlock as a,defineComponent as n,inject as s,openBlock as r,renderSlot as u}from"vue";var d=/* @__PURE__ */n({__name:"CalendarPreviousButton",setup(n){const d=s(t);if(!d)throw new Error("SkdxCalendarPreviousButton must be used within SkdxCalendar");const l=d;function i(){const t=e(l.month.value,-1);l.onMonthChange(t),l.setFocusedDate(o(l.focusedDate.value,t))}return(t,e)=>(r(),a("button",{class:"skdx-calendar__previous-button","data-part":"previous-button",type:"button","aria-label":"Previous month",onClick:i},[u(t.$slots,"default")]))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{CALENDAR_CONTEXT as t}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as r,openBlock as n,renderSlot as s}from"vue";var u=["aria-label"],i=/* @__PURE__ */r({__name:"CalendarPreviousButton",setup(r){const i=e(t,"SkdxCalendarPreviousButton must be used within SkdxCalendar");function l(){i.pageMonths(-1)}const d=a(()=>({day:"Previous month",month:"Previous year",year:"Previous 20 years"}[i.view]));return(e,t)=>(n(),o("button",{class:"skdx-calendar__previous-button","data-part":"previous-button",type:"button","aria-label":d.value,onClick:l},[s(e.$slots,"default")],8,u))}});export{i as default};

package/dist/calendar/CalendarWeekNumber.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CalendarWeekNumber.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/calendar/CalendarWeekNumber.vue.d.cts

@@ -0,0 +1,18 @@
+import { type DateInput } from '../utils/date-value.cjs';
+/** The ISO-8601 week number for one week row, rendered as role="rowheader"; numbers from Monday. */
+type __VLS_Props = {
+    /** Any day of the week to number; SkdxCalendarGridBody passes the row's first cell. */
+    date: DateInput;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/calendar/CalendarWeekNumber.vue.d.ts

@@ -0,0 +1,18 @@
+import { type DateInput } from '../utils/date-value.js';
+/** The ISO-8601 week number for one week row, rendered as role="rowheader"; numbers from Monday. */
+type __VLS_Props = {
+    /** Any day of the week to number; SkdxCalendarGridBody passes the row's first cell. */
+    date: DateInput;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/calendar/CalendarWeekNumber.vue.js

@@ -0,0 +1 @@
+import e from"./CalendarWeekNumber.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/calendar/CalendarWeekNumber.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../utils/injectRequired.cjs"),l=require("../utils/date-value.cjs"),c=require("./context.cjs"),i=require("./dateMath.cjs");let e=require("vue");var s=["aria-label"],_=(0,e.defineComponent)({__name:"CalendarWeekNumber",props:{date:{}},setup(r){const a=r,u=o.injectRequired(c.CALENDAR_CONTEXT,"SkdxCalendarWeekNumber must be used within SkdxCalendar"),n=(0,e.computed)(()=>l.toDate(a.date,"date")??u.month.value),t=(0,e.computed)(()=>i.getISOWeek(n.value));return(d,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-calendar__week-number","data-part":"week-number",role:"rowheader","aria-label":`Week ${t.value}`},[(0,e.renderSlot)(d.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.value),1)])],8,s))}});exports.default=_;

package/dist/calendar/CalendarWeekNumber.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{toDate as a}from"../utils/date-value.js";import{CALENDAR_CONTEXT as t}from"./context.js";import{getISOWeek as r}from"./dateMath.js";import{computed as s,createElementBlock as o,createTextVNode as l,defineComponent as d,openBlock as n,renderSlot as u,toDisplayString as m}from"vue";var i=["aria-label"],p=/* @__PURE__ */d({__name:"CalendarWeekNumber",props:{date:{}},setup(d){const p=d,c=e(t,"SkdxCalendarWeekNumber must be used within SkdxCalendar"),k=s(()=>a(p.date,"date")??c.month.value),f=s(()=>r(k.value));return(e,a)=>(n(),o("div",{class:"skdx-calendar__week-number","data-part":"week-number",role:"rowheader","aria-label":`Week ${f.value}`},[u(e.$slots,"default",{},()=>[l(m(f.value),1)])],8,i))}});export{p as default};

package/dist/calendar/CalendarWeekNumberHeader.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CalendarWeekNumberHeader.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/calendar/CalendarWeekNumberHeader.vue.d.cts

@@ -0,0 +1,14 @@
+/** The role="columnheader" above a calendar's week-number column; visually blank, named via aria-label. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/calendar/CalendarWeekNumberHeader.vue.d.ts

@@ -0,0 +1,14 @@
+/** The role="columnheader" above a calendar's week-number column; visually blank, named via aria-label. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/calendar/CalendarWeekNumberHeader.vue.js

@@ -0,0 +1 @@
+import e from"./CalendarWeekNumberHeader.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/calendar/CalendarWeekNumberHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-calendar__week-number-header","data-part":"week-number-header",role:"columnheader","aria-label":"Week number"},t=(0,e.defineComponent)({__name:"CalendarWeekNumberHeader",setup(l){return(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",a,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=t;

package/dist/calendar/CalendarWeekNumberHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as r,renderSlot as l}from"vue";var d={class:"skdx-calendar__week-number-header","data-part":"week-number-header",role:"columnheader","aria-label":"Week number"},n=/* @__PURE__ */a({__name:"CalendarWeekNumberHeader",setup:a=>(a,n)=>(r(),e("div",d,[l(a.$slots,"default")]))});export{n as default};

package/dist/calendar/CalendarYearGrid.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CalendarYearGrid.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/calendar/CalendarYearGrid.vue.d.cts

@@ -0,0 +1,11 @@
+/**
+ * A role="grid" showing twenty years in five rows of four; activating a cell steps to the month view.
+ *
+ * @example
+ * ```vue
+ * <SkdxCalendarYearGrid />
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/calendar/CalendarYearGrid.vue.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A role="grid" showing twenty years in five rows of four; activating a cell steps to the month view.
+ *
+ * @example
+ * ```vue
+ * <SkdxCalendarYearGrid />
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/calendar/CalendarYearGrid.vue.js

@@ -0,0 +1 @@
+import e from"./CalendarYearGrid.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/calendar/CalendarYearGrid.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const c=require("./useViewGrid.cjs");let e=require("vue");var v=["aria-label","aria-readonly","aria-disabled"],k={role:"rowgroup"},_=["aria-disabled","aria-selected","aria-current","aria-label","data-skdx-calendar-view-cell","data-state","data-today","data-disabled","tabindex","onClick"],y=(0,e.defineComponent)({__name:"CalendarYearGrid",setup(b){const{context:r,focusedIndex:n,gridLabel:o,rows:l,handleKeydown:t}=c.useViewGrid("year","SkdxCalendarYearGrid");return(p,i)=>(0,e.unref)(r).view==="year"?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-calendar__year-grid","data-part":"year-grid",role:"grid","aria-label":(0,e.unref)(o),"aria-readonly":(0,e.unref)(r).readOnly?"true":void 0,"aria-disabled":(0,e.unref)(r).disabled?"true":void 0,onKeydown:i[0]||(i[0]=(...d)=>(0,e.unref)(t)&&(0,e.unref)(t)(...d))},[(0,e.createElementVNode)("div",k,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(l),(d,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:d[0].key,role:"row"},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(d,(a,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:a.key,class:"skdx-calendar__view-cell","data-part":"view-cell",type:"button",role:"gridcell","aria-disabled":a.refused?"true":void 0,"aria-selected":a.selected,"aria-current":a.today?"date":void 0,"aria-label":a.label,"data-skdx-calendar-view-cell":a.key,"data-state":a.selected?"selected":void 0,"data-today":a.today?"":void 0,"data-disabled":a.refused?"":void 0,tabindex:u*4+s===(0,e.unref)(n)?0:-1,onClick:f=>a.refused?void 0:(0,e.unref)(r).navigateToUnit(a.date)},(0,e.toDisplayString)(a.text),9,_))),128))]))),128))])],40,v)):(0,e.createCommentVNode)("",!0)}});exports.default=y;

package/dist/calendar/CalendarYearGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useViewGrid as e}from"./useViewGrid.js";import{Fragment as a,createCommentVNode as d,createElementBlock as r,createElementVNode as t,defineComponent as l,openBlock as i,renderList as o,toDisplayString as s,unref as n}from"vue";var c=["aria-label","aria-readonly","aria-disabled"],u={role:"rowgroup"},y=["aria-disabled","aria-selected","aria-current","aria-label","data-skdx-calendar-view-cell","data-state","data-today","data-disabled","tabindex","onClick"],v=/* @__PURE__ */l({__name:"CalendarYearGrid",setup(l){const{context:v,focusedIndex:b,gridLabel:k,rows:w,handleKeydown:m}=e("year","SkdxCalendarYearGrid");return(e,l)=>"year"===n(v).view?(i(),r("div",{key:0,class:"skdx-calendar__year-grid","data-part":"year-grid",role:"grid","aria-label":n(k),"aria-readonly":n(v).readOnly?"true":void 0,"aria-disabled":n(v).disabled?"true":void 0,onKeydown:l[0]||(l[0]=(...e)=>n(m)&&n(m)(...e))},[t("div",u,[(i(!0),r(a,null,o(n(w),(e,d)=>(i(),r("div",{key:e[0].key,role:"row"},[(i(!0),r(a,null,o(e,(e,a)=>(i(),r("button",{key:e.key,class:"skdx-calendar__view-cell","data-part":"view-cell",type:"button",role:"gridcell","aria-disabled":e.refused?"true":void 0,"aria-selected":e.selected,"aria-current":e.today?"date":void 0,"aria-label":e.label,"data-skdx-calendar-view-cell":e.key,"data-state":e.selected?"selected":void 0,"data-today":e.today?"":void 0,"data-disabled":e.refused?"":void 0,tabindex:4*d+a===n(b)?0:-1,onClick:a=>e.refused?void 0:n(v).navigateToUnit(e.date)},s(e.text),9,y))),128))]))),128))])],40,c)):d("",!0)}});export{v as default};