@skdx/vue 0.26.0 → 0.28.0

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

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

@@ -1,15 +1,6 @@
 /**
- * `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 names as `aria-label` for screen readers.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

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

@@ -1,18 +1,19 @@
 /**
- * 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 (month/year/page) and view-up trigger.
+ * Renders formatted for the calendar's `locale` via `Intl`, or custom slot
+ * content. Renders `<button type="button">` that steps view up (day → month →
+ * year) until `maxView`, then becomes a plain `<div>`. With multi-month
+ * calendars, `monthOffset` selects which month to label.
  */
 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,19 @@
 /**
- * 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 (month/year/page) and view-up trigger.
+ * Renders formatted for the calendar's `locale` via `Intl`, or custom slot
+ * content. Renders `<button type="button">` that steps view up (day → month →
+ * year) until `maxView`, then becomes a plain `<div>`. With multi-month
+ * calendars, `monthOffset` selects which month to label.
  */
 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 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(l){const i=l,o=(0,e.inject)(s.CALENDAR_CONTEXT);if(!o)throw new Error("SkdxCalendarHeading must be used within SkdxCalendar");const t=o,r=(0,e.computed)(()=>a.formatViewPageLabel(t.view==="day"?t.months.value[i.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]),u=(0,e.computed)(()=>n.value!==void 0&&a.CALENDAR_VIEWS.indexOf(t.view)<a.CALENDAR_VIEWS.indexOf(t.maxView));function c(){n.value&&t.setView(n.value)}return(d,v)=>u.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-calendar__heading","data-part":"heading",type:"button",onClick:c},[(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{CALENDAR_CONTEXT as e}from"./context.js";import{CALENDAR_VIEWS as a,formatViewPageLabel as t}from"./dateMath.js";import{computed as n,createElementBlock as o,createTextVNode as s,defineComponent as d,inject as l,openBlock as i,renderSlot as r,toDisplayString as u}from"vue";var f={key:1,class:"skdx-calendar__heading","data-part":"heading"},c=/* @__PURE__ */d({__name:"CalendarHeading",props:{monthOffset:{default:0}},setup(d){const c=d,m=l(e);if(!m)throw new Error("SkdxCalendarHeading must be used within SkdxCalendar");const v=m,p=n(()=>t("day"===v.view?v.months.value[c.monthOffset]??v.month.value:v.focusedDate.value,v.view,v.locale)),h=n(()=>a[a.indexOf(v.view)+1]),x=n(()=>void 0!==h.value&&a.indexOf(v.view)<a.indexOf(v.maxView));function w(){h.value&&v.setView(h.value)}return(e,a)=>x.value?(i(),o("button",{key:0,class:"skdx-calendar__heading","data-part":"heading",type:"button",onClick:w},[r(e.$slots,"default",{},()=>[s(u(p.value),1)])])):(i(),o("div",f,[r(e.$slots,"default",{},()=>[s(u(p.value),1)])]))}});export{c 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,25 @@
+/**
+ * Month view: a `role="grid"` of twelve months with roving tab stop.
+ * Arrow/Home/End/PageUp/PageDown navigate; Shift+PageUp/Down pages ten years.
+ * Activating a cell changes view to day (or minView), doesn't affect `value`.
+ *
+ * @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,25 @@
+/**
+ * Month view: a `role="grid"` of twelve months with roving tab stop.
+ * Arrow/Home/End/PageUp/PageDown navigate; Shift+PageUp/Down pages ten years.
+ * Activating a cell changes view to day (or minView), doesn't affect `value`.
+ *
+ * @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 l=require("./context.cjs");let e=require("vue");var u=["aria-label"],c=(0,e.defineComponent)({__name:"CalendarNextButton",setup(d){const t=(0,e.inject)(l.CALENDAR_CONTEXT);if(!t)throw new Error("SkdxCalendarNextButton must be used within SkdxCalendar");const n=t;function a(){n.pageMonths(1)}const r=(0,e.computed)(()=>({day:"Next month",month:"Next year",year:"Next 20 years"})[n.view]);return(o,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-calendar__next-button","data-part":"next-button",type:"button","aria-label":r.value,onClick:a},[(0,e.renderSlot)(o.$slots,"default")],8,u))}});exports.default=c;

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{CALENDAR_CONTEXT as t}from"./context.js";import{computed as e,createElementBlock as a,defineComponent as n,inject as o,openBlock as r,renderSlot as s}from"vue";var l=["aria-label"],u=/* @__PURE__ */n({__name:"CalendarNextButton",setup(n){const u=o(t);if(!u)throw new Error("SkdxCalendarNextButton must be used within SkdxCalendar");const d=u;function c(){d.pageMonths(1)}const i=e(()=>({day:"Next month",month:"Next year",year:"Next 20 years"}[d.view]));return(t,e)=>(r(),a("button",{class:"skdx-calendar__next-button","data-part":"next-button",type:"button","aria-label":i.value,onClick:c},[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 u=require("./context.cjs");let e=require("vue");var l=["aria-label"],s=(0,e.defineComponent)({__name:"CalendarPreviousButton",setup(i){const t=(0,e.inject)(u.CALENDAR_CONTEXT);if(!t)throw new Error("SkdxCalendarPreviousButton must be used within SkdxCalendar");const r=t;function n(){r.pageMonths(-1)}const o=(0,e.computed)(()=>({day:"Previous month",month:"Previous year",year:"Previous 20 years"})[r.view]);return(a,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-calendar__previous-button","data-part":"previous-button",type:"button","aria-label":o.value,onClick:n},[(0,e.renderSlot)(a.$slots,"default")],8,l))}});exports.default=s;

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{CALENDAR_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as a,defineComponent as o,inject as r,openBlock as n,renderSlot as s}from"vue";var u=["aria-label"],i=/* @__PURE__ */o({__name:"CalendarPreviousButton",setup(o){const i=r(e);if(!i)throw new Error("SkdxCalendarPreviousButton must be used within SkdxCalendar");const l=i;function d(){l.pageMonths(-1)}const c=t(()=>({day:"Previous month",month:"Previous year",year:"Previous 20 years"}[l.view]));return(e,t)=>(n(),a("button",{class:"skdx-calendar__previous-button","data-part":"previous-button",type:"button","aria-label":c.value,onClick:d},[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,26 @@
+import { type DateInput } from '../utils/dateValue.cjs';
+/**
+ * The ISO-8601 week number for one week row, rendered as `role="rowheader"`.
+ * Exported for hand-composed bodies. ISO 8601 numbers from Monday; year's first
+ * Thursday is week 1 (independent of `weekStartsOn`), so January 1st may be
+ * week 52 or 53.
+ */
+type __VLS_Props = {
+    /**
+     * Any day of the week to number — `SkdxCalendarGridBody` passes the row's
+     * first cell. Takes a `Date` or an ISO-8601 `YYYY-MM-DD` string.
+     */
+    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,26 @@
+import { type DateInput } from '../utils/dateValue.js';
+/**
+ * The ISO-8601 week number for one week row, rendered as `role="rowheader"`.
+ * Exported for hand-composed bodies. ISO 8601 numbers from Monday; year's first
+ * Thursday is week 1 (independent of `weekStartsOn`), so January 1st may be
+ * week 52 or 53.
+ */
+type __VLS_Props = {
+    /**
+     * Any day of the week to number — `SkdxCalendarGridBody` passes the row's
+     * first cell. Takes a `Date` or an ISO-8601 `YYYY-MM-DD` string.
+     */
+    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 l=require("../utils/dateValue.cjs"),c=require("./context.cjs"),s=require("./dateMath.cjs");let e=require("vue");var i=["aria-label"],_=(0,e.defineComponent)({__name:"CalendarWeekNumber",props:{date:{}},setup(a){const n=a,t=(0,e.inject)(c.CALENDAR_CONTEXT);if(!t)throw new Error("SkdxCalendarWeekNumber must be used within SkdxCalendar");const u=t,o=(0,e.computed)(()=>l.toDate(n.date,"date")??u.month.value),r=(0,e.computed)(()=>s.getISOWeek(o.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 ${r.value}`},[(0,e.renderSlot)(d.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.value),1)])],8,i))}});exports.default=_;

package/dist/calendar/CalendarWeekNumber.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{toDate as e}from"../utils/dateValue.js";import{CALENDAR_CONTEXT as a}from"./context.js";import{getISOWeek as t}from"./dateMath.js";import{computed as r,createElementBlock as o,createTextVNode as s,defineComponent as l,inject as d,openBlock as n,renderSlot as m,toDisplayString as u}from"vue";var i=["aria-label"],p=/* @__PURE__ */l({__name:"CalendarWeekNumber",props:{date:{}},setup(l){const p=l,c=d(a);if(!c)throw new Error("SkdxCalendarWeekNumber must be used within SkdxCalendar");const k=c,f=r(()=>e(p.date,"date")??k.month.value),b=r(()=>t(f.value));return(e,a)=>(n(),o("div",{class:"skdx-calendar__week-number","data-part":"week-number",role:"rowheader","aria-label":`Week ${b.value}`},[m(e.$slots,"default",{},()=>[s(u(b.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,18 @@
+/**
+ * The `role="columnheader"` above a calendar's week-number column.
+ * Visually blank and named via `aria-label` ("Week number"); pass slot content for visible "Wk".
+ * Maintains grid column alignment when weekNumbers is set.
+ */
+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,18 @@
+/**
+ * The `role="columnheader"` above a calendar's week-number column.
+ * Visually blank and named via `aria-label` ("Week number"); pass slot content for visible "Wk".
+ * Maintains grid column alignment when weekNumbers is set.
+ */
+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,12 @@
+/**
+ * A `role="grid"` showing twenty years in five rows of four. Activating a
+ * cell projects `focusedDate` to that year and 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,12 @@
+/**
+ * A `role="grid"` showing twenty years in five rows of four. Activating a
+ * cell projects `focusedDate` to that year and 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};

package/dist/calendar/context.d.cts

@@ -1,5 +1,5 @@
 import type { InjectionKey, Ref } from 'vue';
-import type { CalendarSelectionMode, CalendarValue } from './dateMath.cjs';
+import type { CalendarSelectionMode, CalendarValue, CalendarView } from './dateMath.cjs';
 /** One cell in a `SkdxCalendar` grid week, as produced by `getVisibleWeeks`. */
 export interface CalendarDay {
     date: Date;
@@ -14,7 +14,11 @@ export interface CalendarContext {
     /** Every displayed month, `numberOfMonths` long, starting at `month`. */
     months: Readonly<Ref<Date[]>>;
     focusedDate: Readonly<Ref<Date>>;
+    /** Date treated as today; read once or supplied. */
+    today: Readonly<Ref<Date>>;
     weekStartsOn: number;
+    /** Whether the grid labels each week row with its ISO-8601 week number. */
+    weekNumbers: boolean;
     locale?: string;
     /** Weekday names for `locale`, rotated to start at `weekStartsOn`, as `{ short, long }` pairs. */
     weekDayNames: Readonly<Ref<Array<{
@@ -23,11 +27,31 @@ export interface CalendarContext {
     }>>>;
     minDate?: Date;
     maxDate?: Date;
-    disabled?: (date: Date) => boolean;
-    isDateUnavailable?: (isoDate: string) => boolean;
+    /** Whether the calendar refuses selection changes while staying fully focusable. */
+    readOnly: boolean;
+    /** Whether the whole calendar is disabled — every cell natively disabled, no tab stop anywhere. */
+    disabled: boolean;
+    /** Whether a day rendered from an adjacent month is pickable rather than natively disabled. */
+    outsideDaySelectable: boolean;
+    isDateDisabled?: (date: Date) => boolean;
+    isDateUnavailable?: (date: Date) => boolean;
     onValueChange(date: Date): void;
     onMonthChange(month: Date): void;
+    /** Page back/forward, announcing change. Step size by view. */
+    pageMonths(direction: -1 | 1): void;
     setFocusedDate(date: Date): void;
+    /** Grid being shown (each part renders for own view). */
+    view: CalendarView;
+    /** The most granular view the calendar steps down to. */
+    minView: CalendarView;
+    /** Least granular view; `SkdxCalendarHeading` goes to this. */
+    maxView: CalendarView;
+    /** Sets view clamped to minView/maxView; unchanged reports nothing. */
+    setView(view: CalendarView): void;
+    /** Moves cursor to date, pages month, steps view down. */
+    navigateToUnit(date: Date): void;
+    /** This Calendar's own root element, so focus restoration can scope its cell lookup to it. */
+    rootRef: Readonly<Ref<HTMLElement | null>>;
 }
 /** @internal Injection key a Calendar provides so its grid/cells can read selected/focused-date state and drive selection and navigation. */
 export declare const CALENDAR_CONTEXT: InjectionKey<CalendarContext>;

package/dist/calendar/context.d.ts

@@ -1,5 +1,5 @@
 import type { InjectionKey, Ref } from 'vue';
-import type { CalendarSelectionMode, CalendarValue } from './dateMath.js';
+import type { CalendarSelectionMode, CalendarValue, CalendarView } from './dateMath.js';
 /** One cell in a `SkdxCalendar` grid week, as produced by `getVisibleWeeks`. */
 export interface CalendarDay {
     date: Date;
@@ -14,7 +14,11 @@ export interface CalendarContext {
     /** Every displayed month, `numberOfMonths` long, starting at `month`. */
     months: Readonly<Ref<Date[]>>;
     focusedDate: Readonly<Ref<Date>>;
+    /** Date treated as today; read once or supplied. */
+    today: Readonly<Ref<Date>>;
     weekStartsOn: number;
+    /** Whether the grid labels each week row with its ISO-8601 week number. */
+    weekNumbers: boolean;
     locale?: string;
     /** Weekday names for `locale`, rotated to start at `weekStartsOn`, as `{ short, long }` pairs. */
     weekDayNames: Readonly<Ref<Array<{
@@ -23,11 +27,31 @@ export interface CalendarContext {
     }>>>;
     minDate?: Date;
     maxDate?: Date;
-    disabled?: (date: Date) => boolean;
-    isDateUnavailable?: (isoDate: string) => boolean;
+    /** Whether the calendar refuses selection changes while staying fully focusable. */
+    readOnly: boolean;
+    /** Whether the whole calendar is disabled — every cell natively disabled, no tab stop anywhere. */
+    disabled: boolean;
+    /** Whether a day rendered from an adjacent month is pickable rather than natively disabled. */
+    outsideDaySelectable: boolean;
+    isDateDisabled?: (date: Date) => boolean;
+    isDateUnavailable?: (date: Date) => boolean;
     onValueChange(date: Date): void;
     onMonthChange(month: Date): void;
+    /** Page back/forward, announcing change. Step size by view. */
+    pageMonths(direction: -1 | 1): void;
     setFocusedDate(date: Date): void;
+    /** Grid being shown (each part renders for own view). */
+    view: CalendarView;
+    /** The most granular view the calendar steps down to. */
+    minView: CalendarView;
+    /** Least granular view; `SkdxCalendarHeading` goes to this. */
+    maxView: CalendarView;
+    /** Sets view clamped to minView/maxView; unchanged reports nothing. */
+    setView(view: CalendarView): void;
+    /** Moves cursor to date, pages month, steps view down. */
+    navigateToUnit(date: Date): void;
+    /** This Calendar's own root element, so focus restoration can scope its cell lookup to it. */
+    rootRef: Readonly<Ref<HTMLElement | null>>;
 }
 /** @internal Injection key a Calendar provides so its grid/cells can read selected/focused-date state and drive selection and navigation. */
 export declare const CALENDAR_CONTEXT: InjectionKey<CalendarContext>;

package/dist/calendar/dateMath.cjs

@@ -1 +1 @@
-const g=require("./locale.cjs");function c(t,e){return new Date(t,e+1,0).getDate()}function m(t){return new Date(t.getFullYear(),t.getMonth(),1)}function M(t,e){const n=t.getDate(),r=new Date(t.getFullYear(),t.getMonth(),1);r.setMonth(r.getMonth()+e);const i=c(r.getFullYear(),r.getMonth());return r.setDate(Math.min(n,i)),r}function S(t,e){return M(t,e*12)}function D(t,e){const n=new Date(t);return n.setDate(n.getDate()+e),n}function l(t,e){return!t||!e?!1:t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function d(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()}function h(t,e){const n=new Date(t.getFullYear(),t.getMonth(),t.getDate()),r=(n.getDay()-e+7)%7;return n.setDate(n.getDate()-r),n}function T(t,e){return D(h(t,e),6)}function s(t){return new Date(t.getFullYear(),t.getMonth(),t.getDate())}function Y(t,e,n,r){const i=s(t).getTime();return!!(e&&i<s(e).getTime()||n&&i>s(n).getTime()||r?.(t))}function p(t){return`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}function A(t,e){if(d(t,e))return t;const n=c(e.getFullYear(),e.getMonth());return new Date(e.getFullYear(),e.getMonth(),Math.min(t.getDate(),n))}function u(t){return t!==null&&!Array.isArray(t)&&!(t instanceof Date)}function F(t){return t==="multiple"?[]:null}function O(t,e){return t===null?!1:Array.isArray(t)?t.some(n=>l(n,e)):u(t)?y(t,e)!==void 0:l(t,e)}function y(t,e){const n=s(e).getTime(),r=s(t.start).getTime();if(t.end===null)return n===r?"start":void 0;const i=s(t.end).getTime();if(!(n<r||n>i))return n===r?"start":n===i?"end":"middle"}function w(t,e,n){if(t==="single")return n;if(t==="multiple"){const i=Array.isArray(e)?e:[],a=i.filter(o=>!l(o,n));return a.length!==i.length?a:[...i,n].sort((o,f)=>o.getTime()-f.getTime())}const r=u(e)&&e.end===null?e:void 0;return r?s(n).getTime()<s(r.start).getTime()?{start:n,end:r.start}:{start:r.start,end:n}:{start:n,end:null}}function k(t,e){return u(t)?t.end===null?`${g.formatDateLabel(t.start,e)} selected as the range start. Select an end date.`:`Range selected, ${g.formatDateLabel(t.start,e)} to ${g.formatDateLabel(t.end,e)}.`:Array.isArray(t)?`${t.length} ${t.length===1?"date":"dates"} selected.`:""}function $(t){return t===null?null:Array.isArray(t)?t[0]??null:u(t)?t.start:t}function I(t,e=0){const n=h(m(t),e),r=[];let i=n;for(let a=0;a<6;a++){const o=[];for(let f=0;f<7;f++)o.push({date:i,outsideMonth:!d(i,t)}),i=D(i,1);r.push(o)}return r}exports.addDays=D;exports.addMonths=M;exports.addYears=S;exports.anchorOf=$;exports.clampToMonth=A;exports.emptySelection=F;exports.endOfWeek=T;exports.getDaysInMonth=c;exports.getVisibleWeeks=I;exports.isDateDisabled=Y;exports.isDateRange=u;exports.isDateSelected=O;exports.isSameDay=l;exports.isSameMonth=d;exports.nextSelection=w;exports.rangePositionOf=y;exports.selectionAnnouncement=k;exports.startOfMonth=m;exports.startOfWeek=h;exports.stripTime=s;exports.toISODateString=p;
+const Y=require("../utils/is-dev-mode.cjs"),g=require("./locale.cjs");function D(t,e){return new Date(t,e+1,0).getDate()}function y(t){return new Date(t.getFullYear(),t.getMonth(),1)}function T(t,e){const n=t.getDate(),r=new Date(t.getFullYear(),t.getMonth(),1);r.setMonth(r.getMonth()+e);const i=D(r.getFullYear(),r.getMonth());return r.setDate(Math.min(n,i)),r}function w(t,e){return T(t,e*12)}function h(t,e){const n=new Date(t);return n.setDate(n.getDate()+e),n}function c(t,e){return!t||!e?!1:t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function d(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()}function m(t,e){const n=new Date(t.getFullYear(),t.getMonth(),t.getDate()),r=(n.getDay()-e+7)%7;return n.setDate(n.getDate()-r),n}function p(t,e){return h(m(t,e),6)}function a(t){return new Date(t.getFullYear(),t.getMonth(),t.getDate())}function O(t,e,n){return e&&a(t).getTime()<a(e).getTime()?e:n&&a(t).getTime()>a(n).getTime()?n:t}function F(t,e,n,r){const i=a(t).getTime();return!!(e&&i<a(e).getTime()||n&&i>a(n).getTime()||r?.(t))}function C(t,e){return{disabled:t??!1,isDateDisabled:e}}var M=!1;function I(t,e){!t||M||t.getUTCHours()===0&&t.getUTCMinutes()===0&&t.getUTCSeconds()===0&&t.getUTCMilliseconds()===0&&(t.getDate()===t.getUTCDate()&&t.getMonth()===t.getUTCMonth()||(M=!0,Y.isDevMode()&&console.warn(`[skdx] Calendar: \`${e}\` was given ${t.toISOString()}, which is midnight UTC and therefore ${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")} in this time zone — a different day from the one the string says. A selection here is a local wall-clock date, never an instant: build it as \`new Date(year, monthIndex, day)\` rather than \`new Date('YYYY-MM-DD')\`, which the platform reads as UTC.`)))}function $(t){return`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}function k(t,e){if(d(t,e))return t;const n=D(e.getFullYear(),e.getMonth());return new Date(e.getFullYear(),e.getMonth(),Math.min(t.getDate(),n))}function R(t){const e=new Date(t.getFullYear(),t.getMonth(),t.getDate());e.setDate(e.getDate()-(e.getDay()+6)%7+3);const n=new Date(e.getFullYear(),0,4);return n.setDate(n.getDate()-(n.getDay()+6)%7+3),1+Math.round((e.getTime()-n.getTime())/(10080*60*1e3))}var l=["day","month","year"],b=20;function E(t,e,n){const r=l.indexOf(e),i=Math.max(r,l.indexOf(n));return l[Math.min(Math.max(l.indexOf(t),r),i)]}function S(t){return Math.floor(t/20)*20}function L(t,e,n,r,i){const u=n&&a(n)>a(t)?a(n):a(t),s=r&&a(r)<a(e)?a(r):a(e);if(u.getTime()>s.getTime())return!1;if(!i)return!0;for(let o=u;o.getTime()<=s.getTime();o=h(o,1))if(!i(o))return!0;return!1}function W(t,e,n){if(e==="day")return g.formatMonthLabel(t,n);if(e==="month")return g.formatYear(t.getFullYear(),n);const r=S(t.getFullYear());return g.formatYearRange(r,r+20-1,n)}function f(t){return t!==null&&!Array.isArray(t)&&!(t instanceof Date)}function _(t){return t==="multiple"?[]:null}function P(t,e){return t===null?!1:Array.isArray(t)?t.some(n=>c(n,e)):f(t)?A(t,e)!==void 0:c(t,e)}function A(t,e){const n=a(e).getTime(),r=a(t.start).getTime();if(t.end===null)return n===r?"start":void 0;const i=a(t.end).getTime();if(!(n<r||n>i))return n===r?"start":n===i?"end":"middle"}function U(t,e,n){if(t==="single")return n;if(t==="multiple"){const i=Array.isArray(e)?e:[],u=i.filter(s=>!c(s,n));return u.length!==i.length?u:[...i,n].sort((s,o)=>s.getTime()-o.getTime())}const r=f(e)&&e.end===null?e:void 0;return r?a(n).getTime()<a(r.start).getTime()?{start:n,end:r.start}:{start:r.start,end:n}:{start:n,end:null}}function V(t,e){return f(t)?t.end===null?`${g.formatDateLabel(t.start,e)} selected as the range start. Select an end date.`:`Range selected, ${g.formatDateLabel(t.start,e)} to ${g.formatDateLabel(t.end,e)}.`:Array.isArray(t)?`${t.length} ${t.length===1?"date":"dates"} selected.`:""}function x(t){return t===null?null:Array.isArray(t)?t[0]??null:f(t)?t.start:t}function q(t,e=0){const n=m(y(t),e),r=[];let i=n;for(let u=0;u<6;u++){const s=[];for(let o=0;o<7;o++)s.push({date:i,outsideMonth:!d(i,t)}),i=h(i,1);r.push(s)}return r}exports.CALENDAR_VIEWS=l;exports.CALENDAR_YEAR_PAGE=b;exports.addDays=h;exports.addMonths=T;exports.addYears=w;exports.anchorOf=x;exports.clampToDateRange=O;exports.clampToMonth=k;exports.clampView=E;exports.emptySelection=_;exports.endOfWeek=p;exports.formatViewPageLabel=W;exports.getDaysInMonth=D;exports.getISOWeek=R;exports.getVisibleWeeks=q;exports.hasAvailableDate=L;exports.isDateDisabled=F;exports.isDateRange=f;exports.isDateSelected=P;exports.isSameDay=c;exports.isSameMonth=d;exports.nextSelection=U;exports.rangePositionOf=A;exports.resolveCalendarDisabled=C;exports.selectionAnnouncement=V;exports.startOfMonth=y;exports.startOfWeek=m;exports.stripTime=a;exports.toISODateString=$;exports.warnInstantDate=I;exports.yearPageStart=S;