@skdx/react 0.27.0 → 0.29.0

package/dist/calendar/Calendar.js

@@ -1 +1,2 @@
-import*as u from"react";import{createSafeContext as Oe}from"../utils/createContext.js";import{announce as Be}from"../utils/liveAnnouncer.js";import{skdxPart as Ae}from"../utils/part.js";import{Primitive as Ee}from"../utils/primitive.js";import{useControllableState as te}from"../utils/useControllableState.js";var E=new Date(2024,0,7),V=new Map;function ee(e,t){let r=V.get(e);if(r)return r;let a=t();return V.set(e,a),a}function y(e){return e??new Intl.DateTimeFormat().resolvedOptions().locale}function We(e,t="long"){let r=y(e);return ee(`m|${r}|${t}`,()=>{let a=new Intl.DateTimeFormat(r,{month:t,timeZone:"UTC"});return Array.from({length:12},(n,o)=>a.format(Date.UTC(2024,o,15)))})}function H(e,t=0,r="short"){let a=y(e),n=ee(`w|${a}|${r}`,()=>{let s=new Intl.DateTimeFormat(a,{weekday:r});return Array.from({length:7},(d,l)=>s.format(new Date(E.getFullYear(),E.getMonth(),E.getDate()+l)))}),o=(t%7+7)%7;return n.slice(o).concat(n.slice(0,o))}function Y(e){try{let t=new Intl.Locale(y(e)),r=(t.getWeekInfo?.()??t.weekInfo)?.firstDay;if(typeof r=="number")return r%7}catch{}return 0}function $(e,t){return e.toLocaleDateString(y(t),{month:"long",year:"numeric"})}function M(e,t){return e.toLocaleDateString(y(t),{weekday:"long",year:"numeric",month:"long",day:"numeric"})}function Ie(){V.clear()}import{jsx as ne}from"react/jsx-runtime";function oe(e,t){return new Date(e,t+1,0).getDate()}function R(e){return new Date(e.getFullYear(),e.getMonth(),1)}function f(e,t){let r=e.getDate(),a=new Date(e.getFullYear(),e.getMonth(),1);a.setMonth(a.getMonth()+t);let n=oe(a.getFullYear(),a.getMonth());return a.setDate(Math.min(r,n)),a}function K(e,t){return f(e,t*12)}function D(e,t){let r=new Date(e);return r.setDate(r.getDate()+t),r}function h(e,t){return!e||!t?!1:e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function x(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()}function T(e,t){let r=new Date(e.getFullYear(),e.getMonth(),e.getDate()),a=(r.getDay()-t+7)%7;return r.setDate(r.getDate()-a),r}function ie(e,t){return D(T(e,t),6)}function C(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function se(e,t,r,a){let n=C(e).getTime();return!!(t&&n<C(t).getTime()||r&&n>C(r).getTime()||a?.(e))}function L(e){let t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),a=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${a}`}function G(e,t){if(x(e,t))return e;let r=oe(t.getFullYear(),t.getMonth());return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),r))}function de(e,t=0){let r=T(R(e),t),a=[],n=r;for(let o=0;o<6;o++){let s=[];for(let d=0;d<7;d++)s.push({date:n,outsideMonth:!x(n,e)}),n=D(n,1);a.push(s)}return a}function P(e){return e!==null&&!Array.isArray(e)&&!(e instanceof Date)}function ae(e){return e==="multiple"?[]:null}function le(e,t){return e===null?!1:Array.isArray(e)?e.some(r=>h(r,t)):P(e)?U(e,t)!==void 0:h(e,t)}function U(e,t){let r=C(t).getTime(),a=C(e.start).getTime();if(e.end===null)return r===a?"start":void 0;let n=C(e.end).getTime();if(!(r<a||r>n))return r===a?"start":r===n?"end":"middle"}function Ve(e,t,r){if(e==="single")return r;if(e==="multiple"){let n=Array.isArray(t)?t:[],o=n.filter(s=>!h(s,r));return o.length!==n.length?o:[...n,r].sort((s,d)=>s.getTime()-d.getTime())}let a=P(t)&&t.end===null?t:void 0;return a?C(r).getTime()<C(a.start).getTime()?{start:r,end:a.start}:{start:a.start,end:r}:{start:r,end:null}}function Ye(e,t){return P(e)?e.end===null?`${M(e.start,t)} selected as the range start. Select an end date.`:`Range selected, ${M(e.start,t)} to ${M(e.end,t)}.`:Array.isArray(e)?`${e.length} ${e.length===1?"date":"dates"} selected.`:""}var[$e,c]=Oe("Calendar");function Tt(){return c("useCalendarContext")}var _=u.createContext(null);function F(e){return u.useContext(_)?.gridMonth??e}function re(e){return e===null?null:Array.isArray(e)?e[0]??null:P(e)?e.start:e}var Ke=u.forwardRef(({selectionMode:e="single",value:t,defaultValue:r,onValueChange:a,month:n,defaultMonth:o,onMonthChange:s,numberOfMonths:d=1,locale:l,minDate:m,maxDate:i,weekStartsOn:b,disabled:A,isDateUnavailable:be,getSelectionAnnouncement:z,...J},ve)=>{let[w=null,Q]=te({prop:t,defaultProp:r??ae(e),onChange:p=>a?.(p??ae(e))}),X=R(o??re(w)??new Date),[v=X,j]=te({prop:n,defaultProp:X,onChange:s}),[Ne,Se]=u.useState(()=>re(w)??v),N=b??Y(l),He=u.useMemo(()=>{let p=H(l,N,"short"),g=H(l,N,"long");return p.map((S,Fe)=>({short:S,long:g[Fe]}))},[l,N]),Te=u.useMemo(()=>Array.from({length:Math.max(1,d)},(p,g)=>f(v,g)),[v,d]),Le=u.useCallback(p=>{let g=Ve(e,w,p);Q(g);let S=(z??Ye)(g,l);S&&Be(S)},[e,w,Q,l,z]),Ge=u.useCallback(p=>j(R(p)),[j]);return ne($e,{value:w,selectionMode:e,month:v,months:Te,focusedDate:Ne,weekStartsOn:N,locale:l,weekDayNames:He,minDate:m,maxDate:i,disabled:A,isDateUnavailable:be,onValueChange:Le,onMonthChange:Ge,setFocusedDate:Se,children:ne(Ee.div,{...J,...Ae("calendar","root",J.className),ref:ve})})});Ke.displayName="Calendar";import*as me from"react";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as _e}from"../utils/primitive.js";import{jsx as qe}from"react/jsx-runtime";var ce=me.forwardRef((e,t)=>qe(_e.div,{...e,...Ue("calendar","header",e.className),ref:t}));ce.displayName="CalendarHeader";import*as ue from"react";import{skdxPart as Ze}from"../utils/part.js";import{Primitive as ze}from"../utils/primitive.js";import{jsx as Je}from"react/jsx-runtime";var fe=ue.forwardRef(({monthOffset:e=0,children:t,...r},a)=>{let n=c("CalendarHeading"),o=n.months[e]??n.month;return Je(ze.div,{...r,...Ze("calendar","heading",r.className),ref:a,children:t??$(o,n.locale)})});fe.displayName="CalendarHeading";import*as pe from"react";import{skdxPart as Qe}from"../utils/part.js";import{composeEventHandlers as Xe,Primitive as je}from"../utils/primitive.js";import{jsx as et}from"react/jsx-runtime";var Ce=pe.forwardRef((e,t)=>{let r=c("CalendarPreviousButton");return et(je.button,{type:"button","aria-label":"Previous month",...e,...Qe("calendar","previous-button",e.className),ref:t,onClick:Xe(e.onClick,()=>{let a=f(r.month,-1);r.onMonthChange(a),r.setFocusedDate(G(r.focusedDate,a))})})});Ce.displayName="CalendarPreviousButton";import*as De from"react";import{skdxPart as tt}from"../utils/part.js";import{composeEventHandlers as at,Primitive as rt}from"../utils/primitive.js";import{jsx as nt}from"react/jsx-runtime";var ge=De.forwardRef((e,t)=>{let r=c("CalendarNextButton");return nt(rt.button,{type:"button","aria-label":"Next month",...e,...tt("calendar","next-button",e.className),ref:t,onClick:at(e.onClick,()=>{let a=f(r.month,1);r.onMonthChange(a),r.setFocusedDate(G(r.focusedDate,a))})})});ge.displayName="CalendarNextButton";import*as W from"react";import{directionalKey as ot,useDirection as it}from"../utils/direction.js";import{skdxPart as st}from"../utils/part.js";import{composeEventHandlers as dt,Primitive as lt}from"../utils/primitive.js";import{jsx as ye}from"react/jsx-runtime";var he=W.forwardRef(({monthOffset:e=0,...t},r)=>{let a=c("CalendarGrid"),n=it(),o=a.months[e]??a.month,s=W.useMemo(()=>({gridMonth:o}),[o]),d=m=>{a.months.some(i=>x(m,i))||a.onMonthChange(R(m)),a.setFocusedDate(m),requestAnimationFrame(()=>{let i=L(m);document.querySelector(`[data-skdx-calendar-cell="${i}"]`)?.focus()})},l=m=>{let i;switch(ot(m.key,m.currentTarget,n)){case"ArrowLeft":i=D(a.focusedDate,-1);break;case"ArrowRight":i=D(a.focusedDate,1);break;case"ArrowUp":i=D(a.focusedDate,-7);break;case"ArrowDown":i=D(a.focusedDate,7);break;case"Home":i=T(a.focusedDate,a.weekStartsOn);break;case"End":i=ie(a.focusedDate,a.weekStartsOn);break;case"PageUp":i=m.shiftKey?K(a.focusedDate,-1):f(a.focusedDate,-1);break;case"PageDown":i=m.shiftKey?K(a.focusedDate,1):f(a.focusedDate,1);break;default:return}m.preventDefault(),d(i)};return ye(_.Provider,{value:s,children:ye(lt.div,{role:"grid","aria-multiselectable":a.selectionMode!=="single",...t,...st("calendar","grid",t.className),ref:r,onKeyDown:dt(t.onKeyDown,l)})})});he.displayName="CalendarGrid";import*as ke from"react";import{skdxPart as Dt}from"../utils/part.js";import{Primitive as gt}from"../utils/primitive.js";import*as xe from"react";import{skdxPart as mt}from"../utils/part.js";import{Primitive as ct}from"../utils/primitive.js";import{jsx as ut}from"react/jsx-runtime";var k=xe.forwardRef((e,t)=>ut(ct.div,{role:"row",...e,...mt("calendar","row",e.className),ref:t}));k.displayName="CalendarRow";import*as Pe from"react";import{skdxPart as ft}from"../utils/part.js";import{Primitive as pt}from"../utils/primitive.js";import{jsx as Ct}from"react/jsx-runtime";var I=Pe.forwardRef((e,t)=>Ct(pt.div,{role:"columnheader",...e,...ft("calendar","week-day",e.className),ref:t}));I.displayName="CalendarWeekDay";import{jsx as q}from"react/jsx-runtime";var we=ke.forwardRef(({children:e,...t},r)=>{let a=c("CalendarGridHead");return q(gt.div,{role:"rowgroup",...t,...Dt("calendar","grid-head",t.className),ref:r,children:e??q(k,{children:a.weekDayNames.map(n=>q(I,{"aria-label":n.long,children:n.short},n.long))})})});we.displayName="CalendarGridHead";import*as B from"react";import{skdxPart as kt}from"../utils/part.js";import{Primitive as wt}from"../utils/primitive.js";import*as Me from"react";import{skdxPart as yt}from"../utils/part.js";import{composeEventHandlers as ht,Primitive as xt}from"../utils/primitive.js";import{jsx as Pt}from"react/jsx-runtime";var O=Me.forwardRef(({date:e,...t},r)=>{let a=c("CalendarCell"),n=F(a.month),o=L(e),s=!x(e,n),d=s||se(e,a.minDate,a.maxDate,a.disabled),l=!d&&(a.isDateUnavailable?.(o)??!1),m=le(a.value,e),i=P(a.value)?U(a.value,e):void 0,b=h(e,new Date),A=h(e,a.focusedDate);return Pt(xt.button,{type:"button",role:"gridcell","aria-selected":m,"aria-disabled":l||void 0,"data-skdx-calendar-cell":o,"data-state":m?"selected":void 0,"data-today":b?"":void 0,"data-outside-month":s?"":void 0,"data-disabled":d?"":void 0,"data-unavailable":l?"":void 0,"data-range-start":i==="start"?"":void 0,"data-range-middle":i==="middle"?"":void 0,"data-range-end":i==="end"?"":void 0,tabIndex:A?0:-1,disabled:d,...t,...yt("calendar","cell",t.className),ref:r,onClick:ht(t.onClick,()=>{if(!d){if(l){a.setFocusedDate(e);return}a.onValueChange(e),a.setFocusedDate(e)}}),children:t.children??e.getDate()})});O.displayName="CalendarCell";import{jsx as Z}from"react/jsx-runtime";var Re=B.forwardRef(({children:e,...t},r)=>{let a=c("CalendarGridBody"),n=F(a.month),o=B.useMemo(()=>de(n,a.weekStartsOn),[n,a.weekStartsOn]);return Z(wt.div,{role:"rowgroup",...t,...kt("calendar","grid-body",t.className),ref:r,children:e??o.map(s=>Z(k,{children:s.map(({date:d})=>Z(O,{date:d},d.toISOString()))},s[0].date.toISOString()))})});Re.displayName="CalendarGridBody";export{Ke as Calendar,O as CalendarCell,he as CalendarGrid,Re as CalendarGridBody,_ as CalendarGridContext,we as CalendarGridHead,ce as CalendarHeader,fe as CalendarHeading,ge as CalendarNextButton,Ce as CalendarPreviousButton,$e as CalendarProvider,k as CalendarRow,I as CalendarWeekDay,D as addDays,f as addMonths,K as addYears,re as anchorOf,G as clampToMonth,Ie as clearLocaleNameCache,ae as emptySelection,ie as endOfWeek,M as formatDateLabel,$ as formatMonthLabel,oe as getDaysInMonth,Y as getLocaleWeekStartsOn,We as getMonthNames,de as getVisibleWeeks,H as getWeekDayNames,se as isDateDisabled,P as isDateRange,le as isDateSelected,h as isSameDay,x as isSameMonth,Ve as nextSelection,U as rangePositionOf,y as resolveLocale,Ye as selectionAnnouncement,R as startOfMonth,T as startOfWeek,C as stripTime,L as toISODateString,Tt as useCalendarContext,c as useCalendarContextInternal,F as useCalendarGridMonth};
+'use client';
+import*as s from"react";import{formatDateLabel as $e,formatMonthLabel as bt,formatYear as Aa,formatYearRange as Ga,getLocaleWeekStartsOn as Fa,getWeekDayNames as ht}from"../utils/calendar-locale.js";import{useComposedRefs as Oa}from"../utils/composeRefs.js";import{createSafeContext as Ya}from"../utils/createContext.js";import{toCalendarValue as Dt,toDate as $}from"../utils/date-value.js";import{isDevMode as Ha}from"../utils/dev-mode.js";import{announce as _e}from"../utils/liveAnnouncer.js";import{skdxPart as Ea}from"../utils/part.js";import{Primitive as Wa}from"../utils/primitive.js";import{useControllableState as be}from"../utils/useControllableState.js";import*as pt from"react";import{Glyph as Ta}from"../utils/Glyph.js";import*as ue from"react";import{formatMonthLabel as Gt}from"../utils/calendar-locale.js";import{directionalKey as Ft,useDirection as Ot}from"../utils/direction.js";import{skdxPart as Yt}from"../utils/part.js";import{Primitive as Ht,useComposedEventHandlers as Et}from"../utils/primitive.js";import{jsx as je}from"react/jsx-runtime";var Re=({monthOffset:e=0,ref:a,...n})=>{let t=f("CalendarGrid"),r=Ot(),o=t.months[e]??t.month,d=ue.useMemo(()=>({gridMonth:o}),[o]),i=ue.useContext(ne),c=h=>{let l=Pe(h,t.minDate,t.maxDate);t.months.some(x=>T(l,x))||t.onMonthChange(E(l)),t.setFocusedDate(l),requestAnimationFrame(()=>{let x=fe(l);(i?.current??document).querySelector(`[data-skdx-calendar-cell="${x}"]:not([disabled])`)?.focus()})},g=h=>{let l;switch(Ft(h.key,h.currentTarget,r)){case"ArrowLeft":l=H(t.focusedDate,-1);break;case"ArrowRight":l=H(t.focusedDate,1);break;case"ArrowUp":l=H(t.focusedDate,-7);break;case"ArrowDown":l=H(t.focusedDate,7);break;case"Home":l=me(t.focusedDate,t.weekStartsOn);break;case"End":l=et(t.focusedDate,t.weekStartsOn);break;case"PageUp":l=h.shiftKey?ve(t.focusedDate,-1):M(t.focusedDate,-1);break;case"PageDown":l=h.shiftKey?ve(t.focusedDate,1):M(t.focusedDate,1);break;default:return}h.preventDefault(),c(l)},b=Et(n.onKeyDown,g);return t.view!=="day"?null:je(ke.Provider,{value:d,children:je(Ht.div,{role:"grid","aria-label":n["aria-label"]||n["aria-labelledby"]?void 0:Gt(o,t.locale),"aria-multiselectable":t.selectionMode!=="single","aria-readonly":t.readOnly||void 0,"aria-disabled":t.disabled||void 0,...n,...Yt("calendar","grid",n.className),ref:a,onKeyDown:b})})};Re.displayName="CalendarGrid";import{skdxPart as jt}from"../utils/part.js";import{Primitive as ea}from"../utils/primitive.js";import{formatDateLabel as Wt}from"../utils/calendar-locale.js";import{toDate as Lt}from"../utils/date-value.js";import{skdxPart as It}from"../utils/part.js";import{composeEventHandlers as Ut,Primitive as Bt}from"../utils/primitive.js";import{jsx as $t}from"react/jsx-runtime";function Kt(e){return{"aria-selected":e.isSelected,"aria-disabled":e.isUnavailable||void 0,"aria-current":e.isToday?"date":void 0,"data-state":e.isSelected?"selected":void 0,"data-today":e.isToday?"":void 0,"data-outside-month":e.isOutsideMonth?"":void 0,"data-disabled":e.isDisabled?"":void 0,"data-unavailable":e.isUnavailable?"":void 0,"data-range-start":e.rangePosition==="start"?"":void 0,"data-range-middle":e.rangePosition==="middle"?"":void 0,"data-range-end":e.rangePosition==="end"?"":void 0,tabIndex:e.isFocused?0:-1}}var Me=({date:e,ref:a,...n})=>{let t=f("CalendarCell"),r=pe(t.month),o=Lt(e,"date")??r,d=fe(o),i=!T(o,r),c=t.disabled||i&&!t.outsideDaySelectable||tt(o,t.minDate,t.maxDate,t.isDateDisabled),g=!c&&(t.isDateUnavailable?.(o)??!1),b=at(t.value,o),h=X(t.value)?Ne(t.value,o):void 0,l=U(o,t.today),x=U(o,t.focusedDate);return $t(Bt.button,{type:"button",role:"gridcell","aria-label":Wt(o,t.locale),"data-skdx-calendar-cell":d,...Kt({isSelected:b,isToday:l,isOutsideMonth:i,isDisabled:c,isUnavailable:g,isFocused:x,rangePosition:h}),disabled:c,...n,...It("calendar","cell",n.className),ref:a,onClick:Ut(n.onClick,()=>{if(!c){if(g){t.setFocusedDate(o);return}t.onValueChange(o),t.setFocusedDate(o),i&&!t.months.some(V=>T(o,V))&&t.onMonthChange(o)}}),children:n.children??o.getDate()})};Me.displayName="CalendarCell";import{skdxPart as _t}from"../utils/part.js";import{Primitive as qt}from"../utils/primitive.js";import{jsx as zt}from"react/jsx-runtime";var re=({ref:e,...a})=>zt(qt.div,{role:"row",...a,..._t("calendar","row",a.className),ref:e});re.displayName="CalendarRow";import{toDate as Jt}from"../utils/date-value.js";import{skdxPart as Xt}from"../utils/part.js";import{Primitive as Qt}from"../utils/primitive.js";import{jsx as Zt}from"react/jsx-runtime";var Se=({date:e,children:a,ref:n,...t})=>{let r=f("CalendarWeekNumber"),o=Jt(e,"date")??r.month,d=nt(o);return Zt(Qt.div,{role:"rowheader","aria-label":`Week ${d}`,...t,...Xt("calendar","week-number",t.className),ref:n,children:a??d})};Se.displayName="CalendarWeekNumber";import{jsx as Te,jsxs as ta}from"react/jsx-runtime";var Ve=({children:e,ref:a,...n})=>{let t=f("CalendarGridBody"),r=pe(t.month),o=rt(r,t.weekStartsOn);return Te(ea.div,{role:"rowgroup",...n,...jt("calendar","grid-body",n.className),ref:a,children:e??o.map(d=>ta(re,{children:[t.weekNumbers?Te(Se,{date:d[0].date}):null,d.map(({date:i})=>Te(Me,{date:i},i.toISOString()))]},d[0].date.toISOString()))})};Ve.displayName="CalendarGridBody";import{skdxPart as sa}from"../utils/part.js";import{Primitive as la}from"../utils/primitive.js";import{skdxPart as aa}from"../utils/part.js";import{Primitive as na}from"../utils/primitive.js";import{jsx as ra}from"react/jsx-runtime";var Ae=({ref:e,...a})=>ra(na.div,{role:"columnheader",...a,...aa("calendar","week-day",a.className),ref:e});Ae.displayName="CalendarWeekDay";import{skdxPart as oa}from"../utils/part.js";import{Primitive as ia}from"../utils/primitive.js";import{jsx as da}from"react/jsx-runtime";var Ge=({ref:e,...a})=>da(ia.div,{role:"columnheader","aria-label":"Week number",...a,...oa("calendar","week-number-header",a.className),ref:e});Ge.displayName="CalendarWeekNumberHeader";import{jsx as Fe,jsxs as ca}from"react/jsx-runtime";var Oe=({children:e,ref:a,...n})=>{let t=f("CalendarGridHead");return Fe(la.div,{role:"rowgroup",...n,...sa("calendar","grid-head",n.className),ref:a,children:e??ca(re,{children:[t.weekNumbers?Fe(Ge,{}):null,t.weekDayNames.map(r=>Fe(Ae,{"aria-label":r.long,children:r.short},r.long))]})})};Oe.displayName="CalendarGridHead";import{skdxPart as ua}from"../utils/part.js";import{Primitive as ma}from"../utils/primitive.js";import{jsx as fa}from"react/jsx-runtime";var Ye=({ref:e,...a})=>fa(ma.div,{...a,...ua("calendar","header",a.className),ref:e});Ye.displayName="CalendarHeader";import{skdxPart as ot}from"../utils/part.js";import{composeEventHandlers as pa,Primitive as it}from"../utils/primitive.js";import{jsx as dt}from"react/jsx-runtime";var Ce=({monthOffset:e=0,children:a,ref:n,...t})=>{let r=f("CalendarHeading"),o=r.months[e]??r.month,d=r.view==="day"?o:r.focusedDate,i=W(d,r.view,r.locale),c=R[R.indexOf(r.view)+1];return c!==void 0&&R.indexOf(r.view)<R.indexOf(r.maxView)?dt(it.button,{type:"button",...t,...ot("calendar","heading",t.className),ref:n,onClick:pa(t.onClick,()=>r.setView(c)),children:a??i}):dt(it.div,{...t,...ot("calendar","heading",t.className),ref:n,children:a??i})};Ce.displayName="CalendarHeading";import{skdxPart as Ca}from"../utils/part.js";import{composeEventHandlers as ha,Primitive as Da}from"../utils/primitive.js";import{jsx as ya}from"react/jsx-runtime";var ga={day:"Next month",month:"Next year",year:"Next 20 years"},He=({ref:e,...a})=>{let n=f("CalendarNextButton");return ya(Da.button,{type:"button","aria-label":ga[n.view],...a,...Ca("calendar","next-button",a.className),ref:e,onClick:ha(a.onClick,()=>n.pageMonths(1))})};He.displayName="CalendarNextButton";import{skdxPart as ba}from"../utils/part.js";import{composeEventHandlers as xa,Primitive as wa}from"../utils/primitive.js";import{jsx as Ra}from"react/jsx-runtime";var va={day:"Previous month",month:"Previous year",year:"Previous 20 years"},Ee=({ref:e,...a})=>{let n=f("CalendarPreviousButton");return Ra(wa.button,{type:"button","aria-label":va[n.view],...a,...ba("calendar","previous-button",a.className),ref:e,onClick:xa(a.onClick,()=>n.pageMonths(-1))})};Ee.displayName="CalendarPreviousButton";import*as he from"react";import{formatMonthLabel as Pa,formatYear as st,getMonthNames as ka}from"../utils/calendar-locale.js";import{directionalKey as Ma,useDirection as Na}from"../utils/direction.js";import{announce as Sa}from"../utils/liveAnnouncer.js";import{skdxPart as Le}from"../utils/part.js";import{composeEventHandlers as lt,Primitive as oe}from"../utils/primitive.js";import{jsx as B}from"react/jsx-runtime";function We(){return 4}function ct(e,a){let n=f(a),t=he.useContext(ne),r=Na(),o=e,d=e==="month"?1:12,i=e==="month"?12:Q,c=n.focusedDate,g=e==="month"?c.getMonth():c.getFullYear()-Ke(c.getFullYear()),{locale:b,minDate:h,maxDate:l,isDateDisabled:x,today:V,value:A}=n,w=K(A),L=he.useMemo(()=>{let D=ka(b,"short"),u=c.getFullYear();return Array.from({length:i},(_,C)=>{let N=e==="month"?Be(c,new Date(u,C,1)):M(c,(C-g)*d),y=e==="month"?u:N.getFullYear(),Z=e==="month"?new Date(y,C,1):new Date(y,0,1),j=e==="month"?new Date(y,C,De(y,C)):new Date(y,11,31),G=k=>k!==null&&k.getFullYear()===y&&(e==="year"||k.getMonth()===C);return{date:N,key:e==="month"?`${y}-${C}`:String(y),text:e==="month"?D[C]:st(y,b),label:e==="month"?Pa(new Date(y,C,1),b):st(y,b),refused:!mt(Z,j,h,l,x),selected:G(w),today:G(V)}})},[e,i,d,c,g,b,h,l,x,w,V]),I=D=>{let u=M(c,D*d),_=W(c,o,b),C=W(u,o,b);n.setFocusedDate(u),C!==_&&Sa(C),requestAnimationFrame(()=>{let N=e==="month"?`${u.getFullYear()}-${u.getMonth()}`:String(u.getFullYear());(t?.current??document).querySelector(`[data-skdx-calendar-view-cell="${N}"]`)?.focus({preventScroll:!0})})};return{context:n,cells:L,focusedIndex:g,handleKeyDown:D=>{let u;switch(Ma(D.key,D.currentTarget,r)){case"ArrowLeft":u=-1;break;case"ArrowRight":u=1;break;case"ArrowUp":u=-We();break;case"ArrowDown":u=We();break;case"Home":u=-g;break;case"End":u=i-1-g;break;case"PageUp":u=-i*(D.shiftKey?10:1);break;case"PageDown":u=i*(D.shiftKey?10:1);break;default:return}D.preventDefault(),u!==0&&I(u)}}}function ut({cells:e,focusedIndex:a,navigate:n}){let t=[],r=We();for(let o=0;o<e.length;o+=r)t.push(e.slice(o,o+r));return B(oe.div,{role:"rowgroup",children:t.map((o,d)=>B(oe.div,{role:"row",children:o.map((i,c)=>{let g=d*r+c;return B(oe.button,{type:"button",role:"gridcell","aria-disabled":i.refused||void 0,"aria-selected":i.selected,"aria-current":i.today?"date":void 0,"aria-label":i.label,"data-skdx-calendar-view-cell":i.key,"data-state":i.selected?"selected":void 0,"data-today":i.today?"":void 0,"data-disabled":i.refused?"":void 0,tabIndex:g===a?0:-1,...Le("calendar","view-cell"),onClick:()=>{i.refused||n(i.date)},children:i.text},i.key)})},o[0].key))})}var Ie=({children:e,ref:a,...n})=>{let{context:t,cells:r,focusedIndex:o,handleKeyDown:d}=ct("month","CalendarMonthGrid");return t.view!=="month"?null:B(oe.div,{role:"grid","aria-label":n["aria-label"]||n["aria-labelledby"]?void 0:W(t.focusedDate,"month",t.locale),"aria-readonly":t.readOnly||void 0,"aria-disabled":t.disabled||void 0,...n,...Le("calendar","month-grid",n.className),ref:a,onKeyDown:lt(n.onKeyDown,d),children:e??B(ut,{cells:r,focusedIndex:o,navigate:t.navigateToUnit})})};Ie.displayName="CalendarMonthGrid";var Ue=({children:e,ref:a,...n})=>{let{context:t,cells:r,focusedIndex:o,handleKeyDown:d}=ct("year","CalendarYearGrid");return t.view!=="year"?null:B(oe.div,{role:"grid","aria-label":n["aria-label"]||n["aria-labelledby"]?void 0:W(t.focusedDate,"year",t.locale),"aria-readonly":t.readOnly||void 0,"aria-disabled":t.disabled||void 0,...n,...Le("calendar","year-grid",n.className),ref:a,onKeyDown:lt(n.onKeyDown,d),children:e??B(ut,{cells:r,focusedIndex:o,navigate:t.navigateToUnit})})};Ue.displayName="CalendarYearGrid";import{Fragment as Va,jsx as P,jsxs as ge}from"react/jsx-runtime";var ft=({dir:e})=>P(Ta,{name:e==="left"?"chevron-left":"chevron-right"}),Ct=()=>{let{months:e}=f("CalendarAnatomy"),a=e.length>1;return ge(Va,{children:[ge(Ye,{children:[P(Ee,{children:P(ft,{dir:"left"})}),a?null:P(Ce,{}),P(He,{children:P(ft,{dir:"right"})})]}),e.map((n,t)=>ge(pt.Fragment,{children:[a?P(Ce,{monthOffset:t}):null,ge(Re,{monthOffset:t,children:[P(Oe,{}),P(Ve,{})]})]},n.toISOString())),P(Ie,{}),P(Ue,{})]})};import{jsx as ye}from"react/jsx-runtime";function De(e,a){return new Date(e,a+1,0).getDate()}function E(e){return new Date(e.getFullYear(),e.getMonth(),1)}function M(e,a){let n=e.getDate(),t=new Date(e.getFullYear(),e.getMonth(),1);t.setMonth(t.getMonth()+a);let r=De(t.getFullYear(),t.getMonth());return t.setDate(Math.min(n,r)),t}function ve(e,a){return M(e,a*12)}function H(e,a){let n=new Date(e);return n.setDate(n.getDate()+a),n}function U(e,a){return!e||!a?!1:e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()&&e.getDate()===a.getDate()}function T(e,a){return e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()}function me(e,a){let n=new Date(e.getFullYear(),e.getMonth(),e.getDate()),t=(n.getDay()-a+7)%7;return n.setDate(n.getDate()-t),n}function et(e,a){return H(me(e,a),6)}function p(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function tt(e,a,n,t){let r=p(e).getTime();return!!(a&&r<p(a).getTime()||n&&r>p(n).getTime()||t?.(e))}function Pe(e,a,n){return a&&p(e).getTime()<p(a).getTime()?a:n&&p(e).getTime()>p(n).getTime()?n:e}function La(e,a){return{disabled:e??!1,isDateDisabled:a}}var qe=!1;function Hr(){qe=!1}function Ia(e,a){!e||qe||!(e.getUTCHours()===0&&e.getUTCMinutes()===0&&e.getUTCSeconds()===0&&e.getUTCMilliseconds()===0)||e.getDate()===e.getUTCDate()&&e.getMonth()===e.getUTCMonth()||(qe=!0,Ha()&&console.warn(`[skdx] Calendar: \`${a}\` was given ${e.toISOString()}, which is midnight UTC and therefore ${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")} in this time zone \u2014 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 nt(e){let a=new Date(e.getFullYear(),e.getMonth(),e.getDate());a.setDate(a.getDate()-(a.getDay()+6)%7+3);let n=new Date(a.getFullYear(),0,4);return n.setDate(n.getDate()-(n.getDay()+6)%7+3),1+Math.round((a.getTime()-n.getTime())/(10080*60*1e3))}function fe(e){let a=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),t=String(e.getDate()).padStart(2,"0");return`${a}-${n}-${t}`}function Be(e,a){if(T(e,a))return e;let n=De(a.getFullYear(),a.getMonth());return new Date(a.getFullYear(),a.getMonth(),Math.min(e.getDate(),n))}var R=["day","month","year"],Q=20;function gt(e,a,n){let t=R.indexOf(a),r=Math.max(t,R.indexOf(n));return R[Math.min(Math.max(R.indexOf(e),t),r)]}function Ke(e){return Math.floor(e/Q)*Q}function mt(e,a,n,t,r){let o=n&&p(n)>p(e)?p(n):p(e),d=t&&p(t)<p(a)?p(t):p(a);if(o.getTime()>d.getTime())return!1;if(!r)return!0;for(let i=o;i.getTime()<=d.getTime();i=H(i,1))if(!r(i))return!0;return!1}function W(e,a,n){if(a==="day")return bt(e,n);if(a==="month")return Aa(e.getFullYear(),n);let t=Ke(e.getFullYear());return Ga(t,t+Q-1,n)}function rt(e,a=0){let n=me(E(e),a),t=[],r=n;for(let o=0;o<6;o++){let d=[];for(let i=0;i<7;i++)d.push({date:r,outsideMonth:!T(r,e)}),r=H(r,1);t.push(d)}return t}function X(e){return e!==null&&!Array.isArray(e)&&!(e instanceof Date)}function yt(e){return e==="multiple"?[]:null}function at(e,a){return e===null?!1:Array.isArray(e)?e.some(n=>U(n,a)):X(e)?Ne(e,a)!==void 0:U(e,a)}function Ne(e,a){let n=p(a).getTime(),t=p(e.start).getTime();if(e.end===null)return n===t?"start":void 0;let r=p(e.end).getTime();if(!(n<t||n>r))return n===t?"start":n===r?"end":"middle"}function Ua(e,a,n){if(e==="single")return n;if(e==="multiple"){let r=Array.isArray(a)?a:[],o=r.filter(d=>!U(d,n));return o.length!==r.length?o:[...r,n].sort((d,i)=>d.getTime()-i.getTime())}let t=X(a)&&a.end===null?a:void 0;return t?p(n).getTime()<p(t.start).getTime()?{start:n,end:t.start}:{start:t.start,end:n}:{start:n,end:null}}function Ba(e,a){return X(e)?e.end===null?`${$e(e.start,a)} selected as the range start. Select an end date.`:`Range selected, ${$e(e.start,a)} to ${$e(e.end,a)}.`:Array.isArray(e)?`${e.length} ${e.length===1?"date":"dates"} selected.`:""}var[Ka,f]=Ya("Calendar");function Er(){return f("useCalendarContext")}var ke=s.createContext(null);function pe(e){return s.useContext(ke)?.gridMonth??e}var ne=s.createContext(null);function K(e){return e===null?null:Array.isArray(e)?e[0]??null:X(e)?e.start:e}function $a({selectionMode:e,value:a,defaultValue:n,onValueChange:t,month:r,defaultMonth:o,onMonthChange:d,focusedDate:i,defaultFocusedDate:c,onFocusChange:g,minDate:b,maxDate:h,today:l}){let x=s.useMemo(()=>Dt(a,e,"value"),[a,e]),V=s.useMemo(()=>Dt(n,e,"defaultValue"),[n,e]),A=s.useMemo(()=>$(r,"month")??void 0,[r]),w=s.useMemo(()=>$(o,"defaultMonth")??void 0,[o]),L=s.useMemo(()=>$(b,"minDate")??void 0,[b]),I=s.useMemo(()=>$(h,"maxDate")??void 0,[h]),ie=s.useMemo(()=>$(l,"today")??void 0,[l]),[D=null,u]=be({prop:x,defaultProp:V??yt(e),onChange:q=>t?.(q??yt(e))}),[_]=s.useState(()=>new Date),C=ie??_;Ia(K(D),"value");let N=E(w??K(D)??C),[y=N,Z]=be({prop:A,defaultProp:N,onChange:d}),j=s.useMemo(()=>$(i,"focusedDate")??void 0,[i]),G=s.useMemo(()=>$(c,"defaultFocusedDate")??void 0,[c]),[k=G??K(D)??y,de]=be({prop:j,defaultProp:G??K(D)??y,onChange:g}),xe=s.useCallback(q=>{let z=Pe(q,L,I);U(z,k)||de(z)},[k,de,L,I]);return{value:D,setValue:u,month:y,setMonth:Z,today:C,minDate:L,maxDate:I,focusedDate:k,moveFocus:xe}}var _a=({selectionMode:e="single",value:a,defaultValue:n,onValueChange:t,month:r,defaultMonth:o,onMonthChange:d,focusedDate:i,defaultFocusedDate:c,onFocusChange:g,view:b,defaultView:h="day",minView:l="day",maxView:x="year",onViewChange:V,numberOfMonths:A=1,locale:w,minDate:L,maxDate:I,weekStartsOn:ie,pageBehavior:D="visible",weekNumbers:u=!1,today:_,readOnly:C=!1,disabled:N,outsideDaySelectable:y=!1,isDateDisabled:Z,isDateUnavailable:j,getSelectionAnnouncement:G,getMonthAnnouncement:k,children:de,ref:xe,...q})=>{let{disabled:z,isDateDisabled:xt}=La(N,Z),ze=s.useRef(null),wt=Oa(xe,ze),{value:ee,setValue:Je,month:te,setMonth:F,today:vt,minDate:Rt,maxDate:Pt,focusedDate:se,moveFocus:O}=$a({selectionMode:e,value:a,defaultValue:n,onValueChange:t,month:r,defaultMonth:o,onMonthChange:d,focusedDate:i,defaultFocusedDate:c,onFocusChange:g,minDate:L,maxDate:I,today:_}),[kt=h,Xe]=be({prop:b,defaultProp:h,onChange:V}),S=gt(kt,l,x),we=s.useCallback(m=>{let v=gt(m,l,x);v!==S&&Xe(v)},[S,l,x,Xe]),le=ie??Fa(w),Mt=s.useMemo(()=>{let m=ht(w,le,"short"),v=ht(w,le,"long");return m.map((Y,ce)=>({short:Y,long:v[ce]}))},[w,le]),ae=s.useMemo(()=>Array.from({length:Math.max(1,A)},(m,v)=>M(te,v)),[te,A]),Nt=s.useCallback(m=>{if(C||z)return;let v=Ua(e,ee,m);Je(v);let Y=(G??Ba)(v,w);Y&&_e(Y)},[C,z,e,ee,Je,w,G]),St=s.useCallback(m=>F(E(m)),[F]),Tt=s.useCallback(m=>{if(S!=="day"){let At=S==="month"?12:12*Q,Ze=M(se,m*At);O(Ze),_e(W(Ze,S,w));return}let v=D==="single"?1:Math.max(1,A),Y=M(te,m*v);F(E(Y)),O(Be(se,Y));let ce=(k??bt)(Y,w);ce&&_e(ce)},[S,D,A,te,F,se,O,k,w]),Vt=s.useCallback(m=>{O(m),ae.some(v=>T(m,v))||F(E(m)),we(R[R.indexOf(S)-1]??"day")},[O,ae,F,we,S]),J=s.useMemo(()=>{let m=K(ee);return m?p(m).getTime():null},[ee]),Qe=s.useRef(J);return s.useEffect(()=>{if(J===null||J===Qe.current)return;Qe.current=J;let m=new Date(J);ae.some(v=>T(m,v))||(O(m),F(E(m)))},[J,ae,F,O]),ye(Ka,{value:ee,selectionMode:e,month:te,months:ae,focusedDate:se,today:vt,weekStartsOn:le,weekNumbers:u,locale:w,weekDayNames:Mt,minDate:Rt,maxDate:Pt,readOnly:C,disabled:z,outsideDaySelectable:y,isDateDisabled:xt,isDateUnavailable:j,onValueChange:Nt,onMonthChange:St,pageMonths:Tt,setFocusedDate:O,view:S,minView:l,maxView:x,setView:we,navigateToUnit:Vt,children:ye(Wa.div,{...q,...Ea("calendar","root",q.className),ref:wt,children:ye(ne.Provider,{value:ze,children:de??ye(Ct,{})})})})};_a.displayName="Calendar";import{clearLocaleNameCache as Kr,formatDateLabel as $r,formatMonthLabel as _r,formatYear as qr,formatYearRange as zr,getLocaleWeekStartsOn as Jr,getMonthNames as Xr,getWeekDayNames as Qr,resolveLocale as Zr}from"../utils/calendar-locale.js";export{R as CALENDAR_VIEWS,Q as CALENDAR_YEAR_PAGE,_a as Calendar,Me as CalendarCell,Re as CalendarGrid,Ve as CalendarGridBody,ke as CalendarGridContext,Oe as CalendarGridHead,Ye as CalendarHeader,Ce as CalendarHeading,Ie as CalendarMonthGrid,He as CalendarNextButton,Ee as CalendarPreviousButton,Ka as CalendarProvider,ne as CalendarRootContext,re as CalendarRow,Ae as CalendarWeekDay,Se as CalendarWeekNumber,Ge as CalendarWeekNumberHeader,Ue as CalendarYearGrid,H as addDays,M as addMonths,ve as addYears,K as anchorOf,Pe as clampToDateRange,Be as clampToMonth,gt as clampView,Kr as clearLocaleNameCache,yt as emptySelection,et as endOfWeek,$r as formatDateLabel,_r as formatMonthLabel,W as formatViewPageLabel,qr as formatYear,zr as formatYearRange,De as getDaysInMonth,nt as getISOWeek,Jr as getLocaleWeekStartsOn,Xr as getMonthNames,rt as getVisibleWeeks,Qr as getWeekDayNames,mt as hasAvailableDate,tt as isDateDisabled,X as isDateRange,at as isDateSelected,U as isSameDay,T as isSameMonth,Ua as nextSelection,Ne as rangePositionOf,Hr as resetInstantDateWarning,La as resolveCalendarDisabled,Zr as resolveLocale,Ba as selectionAnnouncement,E as startOfMonth,me as startOfWeek,p as stripTime,fe as toISODateString,Er as useCalendarContext,f as useCalendarContextInternal,pe as useCalendarGridMonth,Ia as warnInstantDate,Ke as yearPageStart};

package/dist/calendar/CalendarAnatomy.d.cts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+/** @internal The anatomy a {@link Calendar} draws when it is given no children: the paging header, one day grid per displayed month, and the month/year view grids. */
+export declare const CalendarAnatomy: () => React.JSX.Element;

package/dist/calendar/CalendarAnatomy.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+/** @internal The anatomy a {@link Calendar} draws when it is given no children: the paging header, one day grid per displayed month, and the month/year view grids. */
+export declare const CalendarAnatomy: () => React.JSX.Element;

package/dist/calendar/CalendarCell.d.cts

@@ -1,24 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarCellProps } from './types.cjs';
 /**
- * Single selectable `role="gridcell"` date within a {@link Calendar}. Renders
- * a `<button type="button">` with `aria-selected`, `data-state="selected"`
- * when chosen, `data-today`, `data-outside-month`, `data-disabled`, and a
- * roving `tabIndex` (`0` only for the currently focused date, `-1` otherwise,
- * per the WAI-ARIA grid pattern). Clicking selects the date. Defaults to the
- * day-of-month number as its content.
- *
- * In `range` selection mode, every cell from the range's start to its end is
- * `aria-selected`, and carries exactly one of `data-range-start`,
- * `data-range-middle` or `data-range-end` for styling the band.
- *
- * Two distinct ways to refuse a date:
- * - **disabled** — outside `minDate`/`maxDate`, outside the displayed month,
- *   or matching the `disabled` predicate. Natively `disabled`, so it is not
- *   focusable and does not fire clicks.
- * - **unavailable** — matching `isDateUnavailable`. Focusable and announced as
- *   `aria-disabled="true"` with a `data-unavailable` hook, so a screen-reader
- *   user can land on it and hear that it is taken; clicks are ignored.
+ * Selectable `role="gridcell"` date within a {@link Calendar}, rendering a `<button>` with `aria-selected`, roving `tabIndex`, and day-of-month content.
  *
  * @example
  * ```tsx
@@ -29,4 +12,7 @@ import type { CalendarCellProps } from './types.cjs';
  * </CalendarRow>
  * ```
  */
-export declare const CalendarCell: React.ForwardRefExoticComponent<Omit<CalendarCellProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CalendarCell: {
+    ({ date: dateInput, ref: forwardedRef, ...props }: CalendarCellProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarCell.d.ts

@@ -1,24 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarCellProps } from './types.js';
 /**
- * Single selectable `role="gridcell"` date within a {@link Calendar}. Renders
- * a `<button type="button">` with `aria-selected`, `data-state="selected"`
- * when chosen, `data-today`, `data-outside-month`, `data-disabled`, and a
- * roving `tabIndex` (`0` only for the currently focused date, `-1` otherwise,
- * per the WAI-ARIA grid pattern). Clicking selects the date. Defaults to the
- * day-of-month number as its content.
- *
- * In `range` selection mode, every cell from the range's start to its end is
- * `aria-selected`, and carries exactly one of `data-range-start`,
- * `data-range-middle` or `data-range-end` for styling the band.
- *
- * Two distinct ways to refuse a date:
- * - **disabled** — outside `minDate`/`maxDate`, outside the displayed month,
- *   or matching the `disabled` predicate. Natively `disabled`, so it is not
- *   focusable and does not fire clicks.
- * - **unavailable** — matching `isDateUnavailable`. Focusable and announced as
- *   `aria-disabled="true"` with a `data-unavailable` hook, so a screen-reader
- *   user can land on it and hear that it is taken; clicks are ignored.
+ * Selectable `role="gridcell"` date within a {@link Calendar}, rendering a `<button>` with `aria-selected`, roving `tabIndex`, and day-of-month content.
  *
  * @example
  * ```tsx
@@ -29,4 +12,7 @@ import type { CalendarCellProps } from './types.js';
  * </CalendarRow>
  * ```
  */
-export declare const CalendarCell: React.ForwardRefExoticComponent<Omit<CalendarCellProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CalendarCell: {
+    ({ date: dateInput, ref: forwardedRef, ...props }: CalendarCellProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarGrid.d.cts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 import type { CalendarGridProps } from './types.cjs';
 /**
- * `role="grid"` container for a {@link Calendar}'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 into a different month calls `onMonthChange` automatically.
- *
- * With a multi-month `Calendar` (`numberOfMonths`), render one grid per month
- * and give each its `monthOffset` — that is what tells the grid's cells which
- * month counts as "outside".
+ * `role="grid"` container for a {@link Calendar}'s date cells, owning arrow-key navigation of the roving-focus date and calling `onMonthChange` when it crosses into a different month.
  *
  * @example
  * ```tsx
@@ -23,4 +15,7 @@ import type { CalendarGridProps } from './types.cjs';
  * </CalendarGrid>
  * ```
  */
-export declare const CalendarGrid: React.ForwardRefExoticComponent<Omit<CalendarGridProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarGrid: {
+    ({ monthOffset, ref: forwardedRef, ...props }: CalendarGridProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarGrid.d.ts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 import type { CalendarGridProps } from './types.js';
 /**
- * `role="grid"` container for a {@link Calendar}'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 into a different month calls `onMonthChange` automatically.
- *
- * With a multi-month `Calendar` (`numberOfMonths`), render one grid per month
- * and give each its `monthOffset` — that is what tells the grid's cells which
- * month counts as "outside".
+ * `role="grid"` container for a {@link Calendar}'s date cells, owning arrow-key navigation of the roving-focus date and calling `onMonthChange` when it crosses into a different month.
  *
  * @example
  * ```tsx
@@ -23,4 +15,7 @@ import type { CalendarGridProps } from './types.js';
  * </CalendarGrid>
  * ```
  */
-export declare const CalendarGrid: React.ForwardRefExoticComponent<Omit<CalendarGridProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarGrid: {
+    ({ monthOffset, ref: forwardedRef, ...props }: CalendarGridProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarGridBody.d.cts

@@ -1,28 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarGridBodyProps } from './types.cjs';
 /**
- * `role="rowgroup"` wrapper for a {@link Calendar}'s week rows.
- *
- * **Given no children it renders the displayed month itself** — one
- * `CalendarRow` per visible week, one `CalendarCell` per day, taken from the
- * live `month` in context. That is the composition a consumer writes first, and
- * it is now the correct one.
- *
- * It did not used to be. An empty body rendered an empty rowgroup, so the
- * calendar showed a heading and weekday names above no days at all; and the
- * example that worked around it mapped `getVisibleWeeks(new Date())` — a month
- * captured once at render — so the days it did draw never moved when the month
- * changed. Both roads ended at "the days do not change", with the heading
- * updating over a static grid, because `Previous`/`Next` change `month` and
- * nothing was reading it.
- *
- * 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 {@link Calendar} week rows that renders the displayed month as `CalendarRow`/`CalendarCell` when left childless.
  *
  * @example
  * ```tsx
@@ -32,24 +11,8 @@ import type { CalendarGridBodyProps } from './types.cjs';
  *   <CalendarGridBody />
  * </CalendarGrid>
  * ```
- *
- * @example
- * ```tsx
- * // Taking over the rows. Read `month` from context — never `new Date()`, or
- * // the grid stops following the Previous/Next buttons.
- * const { month, weekStartsOn } = useCalendarContext();
- * <CalendarGridBody>
- *   {getVisibleWeeks(month, weekStartsOn).map((week) => (
- *     <CalendarRow key={week[0].date.toISOString()}>
- *       {week.map(({ date }) => (
- *         <CalendarCell date={date} key={date.toISOString()}>
- *           {date.getDate()}
- *           {hasEvent(date) ? <Dot /> : null}
- *         </CalendarCell>
- *       ))}
- *     </CalendarRow>
- *   ))}
- * </CalendarGridBody>
- * ```
  */
-export declare const CalendarGridBody: React.ForwardRefExoticComponent<Omit<CalendarGridBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarGridBody: {
+    ({ children, ref: forwardedRef, ...props }: CalendarGridBodyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarGridBody.d.ts

@@ -1,28 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarGridBodyProps } from './types.js';
 /**
- * `role="rowgroup"` wrapper for a {@link Calendar}'s week rows.
- *
- * **Given no children it renders the displayed month itself** — one
- * `CalendarRow` per visible week, one `CalendarCell` per day, taken from the
- * live `month` in context. That is the composition a consumer writes first, and
- * it is now the correct one.
- *
- * It did not used to be. An empty body rendered an empty rowgroup, so the
- * calendar showed a heading and weekday names above no days at all; and the
- * example that worked around it mapped `getVisibleWeeks(new Date())` — a month
- * captured once at render — so the days it did draw never moved when the month
- * changed. Both roads ended at "the days do not change", with the heading
- * updating over a static grid, because `Previous`/`Next` change `month` and
- * nothing was reading it.
- *
- * 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 {@link Calendar} week rows that renders the displayed month as `CalendarRow`/`CalendarCell` when left childless.
  *
  * @example
  * ```tsx
@@ -32,24 +11,8 @@ import type { CalendarGridBodyProps } from './types.js';
  *   <CalendarGridBody />
  * </CalendarGrid>
  * ```
- *
- * @example
- * ```tsx
- * // Taking over the rows. Read `month` from context — never `new Date()`, or
- * // the grid stops following the Previous/Next buttons.
- * const { month, weekStartsOn } = useCalendarContext();
- * <CalendarGridBody>
- *   {getVisibleWeeks(month, weekStartsOn).map((week) => (
- *     <CalendarRow key={week[0].date.toISOString()}>
- *       {week.map(({ date }) => (
- *         <CalendarCell date={date} key={date.toISOString()}>
- *           {date.getDate()}
- *           {hasEvent(date) ? <Dot /> : null}
- *         </CalendarCell>
- *       ))}
- *     </CalendarRow>
- *   ))}
- * </CalendarGridBody>
- * ```
  */
-export declare const CalendarGridBody: React.ForwardRefExoticComponent<Omit<CalendarGridBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarGridBody: {
+    ({ children, ref: forwardedRef, ...props }: CalendarGridBodyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarGridHead.d.cts

@@ -1,21 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarGridHeadProps } from './types.cjs';
 /**
- * `role="rowgroup"` wrapper for a {@link Calendar}'s weekday header.
- *
- * Left childless it renders the weekday row itself, from the `Calendar`'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 {@link Calendar}'s weekday header, rendering the weekday row with the short name visible and the full name in `aria-label`.
  *
  * @example
  * ```tsx
  * <CalendarGridHead />
  * ```
  */
-export declare const CalendarGridHead: React.ForwardRefExoticComponent<Omit<CalendarGridHeadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarGridHead: {
+    ({ children, ref: forwardedRef, ...props }: CalendarGridHeadProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarGridHead.d.ts

@@ -1,21 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarGridHeadProps } from './types.js';
 /**
- * `role="rowgroup"` wrapper for a {@link Calendar}'s weekday header.
- *
- * Left childless it renders the weekday row itself, from the `Calendar`'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 {@link Calendar}'s weekday header, rendering the weekday row with the short name visible and the full name in `aria-label`.
  *
  * @example
  * ```tsx
  * <CalendarGridHead />
  * ```
  */
-export declare const CalendarGridHead: React.ForwardRefExoticComponent<Omit<CalendarGridHeadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarGridHead: {
+    ({ children, ref: forwardedRef, ...props }: CalendarGridHeadProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarHeader.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarHeaderProps } from './types.cjs';
 /**
- * Purely presentational wrapper for a {@link Calendar}'s month navigation
- * row. Renders a plain `<div>`; typically holds `CalendarPreviousButton`,
- * `CalendarHeading` and `CalendarNextButton`.
+ * Wrapper for a {@link Calendar}'s month navigation row. Renders a plain `<div>`.
  *
  * @example
  * ```tsx
@@ -14,4 +12,7 @@ import type { CalendarHeaderProps } from './types.cjs';
  * </CalendarHeader>
  * ```
  */
-export declare const CalendarHeader: React.ForwardRefExoticComponent<Omit<CalendarHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarHeader: {
+    ({ ref: forwardedRef, ...props }: CalendarHeaderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarHeader.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarHeaderProps } from './types.js';
 /**
- * Purely presentational wrapper for a {@link Calendar}'s month navigation
- * row. Renders a plain `<div>`; typically holds `CalendarPreviousButton`,
- * `CalendarHeading` and `CalendarNextButton`.
+ * Wrapper for a {@link Calendar}'s month navigation row. Renders a plain `<div>`.
  *
  * @example
  * ```tsx
@@ -14,4 +12,7 @@ import type { CalendarHeaderProps } from './types.js';
  * </CalendarHeader>
  * ```
  */
-export declare const CalendarHeader: React.ForwardRefExoticComponent<Omit<CalendarHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarHeader: {
+    ({ ref: forwardedRef, ...props }: CalendarHeaderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarHeading.d.cts

@@ -1,12 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarHeadingProps } from './types.cjs';
 /**
- * Label for a {@link Calendar}'s displayed month. Left childless it renders
- * the month and year formatted for the `Calendar`'s `locale` via `Intl`, so
- * no consumer hardcodes an English month name; pass children to override.
- *
- * With a multi-month `Calendar` (`numberOfMonths`), `monthOffset` selects
- * which of the displayed months to label.
+ * Labels the calendar view (month/year/year-page) and renders a `<button>` view-up trigger below `maxView`, or a plain `<div>` at `maxView`.
  *
  * @example
  * ```tsx
@@ -14,4 +9,7 @@ import type { CalendarHeadingProps } from './types.cjs';
  * <CalendarHeading monthOffset={1} />
  * ```
  */
-export declare const CalendarHeading: React.ForwardRefExoticComponent<Omit<CalendarHeadingProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarHeading: {
+    ({ monthOffset, children, ref: forwardedRef, ...props }: CalendarHeadingProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarHeading.d.ts

@@ -1,12 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarHeadingProps } from './types.js';
 /**
- * Label for a {@link Calendar}'s displayed month. Left childless it renders
- * the month and year formatted for the `Calendar`'s `locale` via `Intl`, so
- * no consumer hardcodes an English month name; pass children to override.
- *
- * With a multi-month `Calendar` (`numberOfMonths`), `monthOffset` selects
- * which of the displayed months to label.
+ * Labels the calendar view (month/year/year-page) and renders a `<button>` view-up trigger below `maxView`, or a plain `<div>` at `maxView`.
  *
  * @example
  * ```tsx
@@ -14,4 +9,7 @@ import type { CalendarHeadingProps } from './types.js';
  * <CalendarHeading monthOffset={1} />
  * ```
  */
-export declare const CalendarHeading: React.ForwardRefExoticComponent<Omit<CalendarHeadingProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarHeading: {
+    ({ monthOffset, children, ref: forwardedRef, ...props }: CalendarHeadingProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarNextButton.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarNextButtonProps } from './types.cjs';
 /**
- * Navigates the {@link Calendar} to the next month on click. Renders a
- * `<button type="button">` with a default `aria-label="Next month"`, and
- * moves the roving-focus date to the same day (clamped) in the new month.
+ * Navigates the {@link Calendar} forward one page, labelled for the view on screen ("Next month", "Next year", "Next 20 years").
  *
  * @example
  * ```tsx
@@ -14,4 +12,7 @@ import type { CalendarNextButtonProps } from './types.cjs';
  * </CalendarHeader>
  * ```
  */
-export declare const CalendarNextButton: React.ForwardRefExoticComponent<Omit<CalendarNextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CalendarNextButton: {
+    ({ ref: forwardedRef, ...props }: CalendarNextButtonProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarNextButton.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarNextButtonProps } from './types.js';
 /**
- * Navigates the {@link Calendar} to the next month on click. Renders a
- * `<button type="button">` with a default `aria-label="Next month"`, and
- * moves the roving-focus date to the same day (clamped) in the new month.
+ * Navigates the {@link Calendar} forward one page, labelled for the view on screen ("Next month", "Next year", "Next 20 years").
  *
  * @example
  * ```tsx
@@ -14,4 +12,7 @@ import type { CalendarNextButtonProps } from './types.js';
  * </CalendarHeader>
  * ```
  */
-export declare const CalendarNextButton: React.ForwardRefExoticComponent<Omit<CalendarNextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CalendarNextButton: {
+    ({ ref: forwardedRef, ...props }: CalendarNextButtonProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarPreviousButton.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarPreviousButtonProps } from './types.cjs';
 /**
- * Navigates the {@link Calendar} to the previous month on click. Renders a
- * `<button type="button">` with a default `aria-label="Previous month"`,
- * and moves the roving-focus date to the same day (clamped) in the new month.
+ * Navigates the {@link Calendar} back one page, labelled for the view on screen ("Previous month", "Previous year", "Previous 20 years").
  *
  * @example
  * ```tsx
@@ -14,4 +12,7 @@ import type { CalendarPreviousButtonProps } from './types.cjs';
  * </CalendarHeader>
  * ```
  */
-export declare const CalendarPreviousButton: React.ForwardRefExoticComponent<Omit<CalendarPreviousButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CalendarPreviousButton: {
+    ({ ref: forwardedRef, ...props }: CalendarPreviousButtonProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarPreviousButton.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarPreviousButtonProps } from './types.js';
 /**
- * Navigates the {@link Calendar} to the previous month on click. Renders a
- * `<button type="button">` with a default `aria-label="Previous month"`,
- * and moves the roving-focus date to the same day (clamped) in the new month.
+ * Navigates the {@link Calendar} back one page, labelled for the view on screen ("Previous month", "Previous year", "Previous 20 years").
  *
  * @example
  * ```tsx
@@ -14,4 +12,7 @@ import type { CalendarPreviousButtonProps } from './types.js';
  * </CalendarHeader>
  * ```
  */
-export declare const CalendarPreviousButton: React.ForwardRefExoticComponent<Omit<CalendarPreviousButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CalendarPreviousButton: {
+    ({ ref: forwardedRef, ...props }: CalendarPreviousButtonProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarRow.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarRowProps } from './types.cjs';
 /**
  * `role="row"` wrapper for one week of `CalendarWeekDay` or `CalendarCell`
@@ -13,4 +13,7 @@ import type { CalendarRowProps } from './types.cjs';
  * </CalendarRow>
  * ```
  */
-export declare const CalendarRow: React.ForwardRefExoticComponent<Omit<CalendarRowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarRow: {
+    ({ ref: forwardedRef, ...props }: CalendarRowProps): React.ReactNode;
+    displayName: string;
+};

package/dist/calendar/CalendarRow.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CalendarRowProps } from './types.js';
 /**
  * `role="row"` wrapper for one week of `CalendarWeekDay` or `CalendarCell`
@@ -13,4 +13,7 @@ import type { CalendarRowProps } from './types.js';
  * </CalendarRow>
  * ```
  */
-export declare const CalendarRow: React.ForwardRefExoticComponent<Omit<CalendarRowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarRow: {
+    ({ ref: forwardedRef, ...props }: CalendarRowProps): React.ReactNode;
+    displayName: string;
+};