@skdx/react 0.26.0

package/dist/breadcrumb/BreadcrumbItem.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { BreadcrumbItemProps } from './types.cjs';
+/**
+ * A single `<li>` entry in the trail, typically wrapping a
+ * {@link BreadcrumbLink} or a {@link BreadcrumbPage}.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>
+ *   <BreadcrumbLink href="/docs">Docs</BreadcrumbLink>
+ * </BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { BreadcrumbItemProps } from './types.js';
+/**
+ * A single `<li>` entry in the trail, typically wrapping a
+ * {@link BreadcrumbLink} or a {@link BreadcrumbPage}.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>
+ *   <BreadcrumbLink href="/docs">Docs</BreadcrumbLink>
+ * </BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/breadcrumb/BreadcrumbLink.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { BreadcrumbLinkProps } from './types.cjs';
+/**
+ * A navigable ancestor in the trail: renders a plain `<a>`. Pass `href` (or
+ * `asChild` with your router's link component) for actual navigation.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>
+ *   <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ * </BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<BreadcrumbLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/breadcrumb/BreadcrumbLink.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { BreadcrumbLinkProps } from './types.js';
+/**
+ * A navigable ancestor in the trail: renders a plain `<a>`. Pass `href` (or
+ * `asChild` with your router's link component) for actual navigation.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>
+ *   <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ * </BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<BreadcrumbLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/breadcrumb/BreadcrumbList.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { BreadcrumbListProps } from './types.cjs';
+/**
+ * Ordered list (`<ol>`) that holds the trail's {@link BreadcrumbItem}s and
+ * {@link BreadcrumbSeparator}s.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbList>
+ *   <BreadcrumbItem>
+ *     <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *   </BreadcrumbItem>
+ * </BreadcrumbList>
+ * ```
+ */
+export declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/breadcrumb/BreadcrumbList.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { BreadcrumbListProps } from './types.js';
+/**
+ * Ordered list (`<ol>`) that holds the trail's {@link BreadcrumbItem}s and
+ * {@link BreadcrumbSeparator}s.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbList>
+ *   <BreadcrumbItem>
+ *     <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *   </BreadcrumbItem>
+ * </BreadcrumbList>
+ * ```
+ */
+export declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/breadcrumb/BreadcrumbPage.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { BreadcrumbPageProps } from './types.cjs';
+/**
+ * The current page: renders a `<span>` with `aria-current="page"` instead of
+ * a link, since it isn't navigable.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>
+ *   <BreadcrumbPage>Settings</BreadcrumbPage>
+ * </BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<BreadcrumbPageProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/breadcrumb/BreadcrumbPage.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { BreadcrumbPageProps } from './types.js';
+/**
+ * The current page: renders a `<span>` with `aria-current="page"` instead of
+ * a link, since it isn't navigable.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>
+ *   <BreadcrumbPage>Settings</BreadcrumbPage>
+ * </BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<BreadcrumbPageProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/breadcrumb/BreadcrumbSeparator.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { BreadcrumbSeparatorProps } from './types.cjs';
+/**
+ * Divider between two {@link BreadcrumbItem}s: renders an `<li>` with
+ * `role="presentation"` and `aria-hidden="true"` so assistive tech skips it.
+ * Defaults to `/`; pass `children` (e.g. an icon) to override.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>...</BreadcrumbItem>
+ * <BreadcrumbSeparator />
+ * <BreadcrumbItem>...</BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/breadcrumb/BreadcrumbSeparator.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { BreadcrumbSeparatorProps } from './types.js';
+/**
+ * Divider between two {@link BreadcrumbItem}s: renders an `<li>` with
+ * `role="presentation"` and `aria-hidden="true"` so assistive tech skips it.
+ * Defaults to `/`; pass `children` (e.g. an icon) to override.
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>...</BreadcrumbItem>
+ * <BreadcrumbSeparator />
+ * <BreadcrumbItem>...</BreadcrumbItem>
+ * ```
+ */
+export declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/breadcrumb/index.d.cts

@@ -0,0 +1,8 @@
+export * from './Breadcrumb.cjs';
+export { BreadcrumbList } from './BreadcrumbList.cjs';
+export { BreadcrumbItem } from './BreadcrumbItem.cjs';
+export { BreadcrumbLink } from './BreadcrumbLink.cjs';
+export { BreadcrumbPage } from './BreadcrumbPage.cjs';
+export { BreadcrumbSeparator } from './BreadcrumbSeparator.cjs';
+export { BreadcrumbEllipsis } from './BreadcrumbEllipsis.cjs';
+export type { BreadcrumbProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbSeparatorProps, BreadcrumbEllipsisProps, } from './types.cjs';

package/dist/breadcrumb/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Breadcrumb.js';
+export { BreadcrumbList } from './BreadcrumbList.js';
+export { BreadcrumbItem } from './BreadcrumbItem.js';
+export { BreadcrumbLink } from './BreadcrumbLink.js';
+export { BreadcrumbPage } from './BreadcrumbPage.js';
+export { BreadcrumbSeparator } from './BreadcrumbSeparator.js';
+export { BreadcrumbEllipsis } from './BreadcrumbEllipsis.js';
+export type { BreadcrumbProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbSeparatorProps, BreadcrumbEllipsisProps, } from './types.js';

package/dist/breadcrumb/types.d.cts

@@ -0,0 +1,22 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+/** Props for the {@link Breadcrumb} root. */
+export interface BreadcrumbProps extends PrimitivePropsWithRef<'nav'> {
+}
+/** Props for {@link BreadcrumbList}, the ordered list of breadcrumb items. */
+export interface BreadcrumbListProps extends PrimitivePropsWithRef<'ol'> {
+}
+/** Props for a single {@link BreadcrumbItem} entry in the list. */
+export interface BreadcrumbItemProps extends PrimitivePropsWithRef<'li'> {
+}
+/** Props for a {@link BreadcrumbLink}, a navigable ancestor in the trail. */
+export interface BreadcrumbLinkProps extends PrimitivePropsWithRef<'a'> {
+}
+/** Props for {@link BreadcrumbPage}, the current (non-link) page. */
+export interface BreadcrumbPageProps extends PrimitivePropsWithRef<'span'> {
+}
+/** Props for {@link BreadcrumbSeparator}, the divider between items. */
+export interface BreadcrumbSeparatorProps extends PrimitivePropsWithRef<'li'> {
+}
+/** Props for {@link BreadcrumbEllipsis}, a collapsed-items placeholder. */
+export interface BreadcrumbEllipsisProps extends PrimitivePropsWithRef<'span'> {
+}

package/dist/breadcrumb/types.d.ts

@@ -0,0 +1,22 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+/** Props for the {@link Breadcrumb} root. */
+export interface BreadcrumbProps extends PrimitivePropsWithRef<'nav'> {
+}
+/** Props for {@link BreadcrumbList}, the ordered list of breadcrumb items. */
+export interface BreadcrumbListProps extends PrimitivePropsWithRef<'ol'> {
+}
+/** Props for a single {@link BreadcrumbItem} entry in the list. */
+export interface BreadcrumbItemProps extends PrimitivePropsWithRef<'li'> {
+}
+/** Props for a {@link BreadcrumbLink}, a navigable ancestor in the trail. */
+export interface BreadcrumbLinkProps extends PrimitivePropsWithRef<'a'> {
+}
+/** Props for {@link BreadcrumbPage}, the current (non-link) page. */
+export interface BreadcrumbPageProps extends PrimitivePropsWithRef<'span'> {
+}
+/** Props for {@link BreadcrumbSeparator}, the divider between items. */
+export interface BreadcrumbSeparatorProps extends PrimitivePropsWithRef<'li'> {
+}
+/** Props for {@link BreadcrumbEllipsis}, a collapsed-items placeholder. */
+export interface BreadcrumbEllipsisProps extends PrimitivePropsWithRef<'span'> {
+}

package/dist/button/Button.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.create;var a=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var e in o)a(t,e,{get:o[e],enumerable:!0})},p=(t,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of B(o))!P.call(t,r)&&r!==e&&a(t,r,{get:()=>o[r],enumerable:!(n=y(o,r))||n.enumerable});return t};var l=(t,o,e)=>(e=t!=null?s(b(t)):{},p(o||!t||!t.__esModule?a(e,"default",{value:t,enumerable:!0}):e,t)),x=t=>p(a({},"__esModule",{value:!0}),t);var R={};c(R,{Button:()=>u});module.exports=x(R);var m=l(require("react"),1),d=require("../utils/part.cjs"),f=require("../utils/primitive.cjs"),i=require("react/jsx-runtime"),u=m.forwardRef(({loading:t,disabled:o,type:e="button",...n},r)=>(0,i.jsx)(f.Primitive.button,{type:e,disabled:o||t,"aria-busy":t||void 0,"data-disabled":o?"":void 0,"data-loading":t?"":void 0,...n,...(0,d.skdxPart)("button","root",n.className),ref:r}));u.displayName="Button";0&&(module.exports={Button});

package/dist/button/Button.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { ButtonProps } from './types.cjs';
+/**
+ * Headless `<button>`. Defaults `type` to `"button"` (so it doesn't
+ * accidentally submit a form), disables itself while `loading`, and sets
+ * `aria-busy` plus `data-disabled` / `data-loading` hooks for theming.
+ *
+ * @example
+ * ```tsx
+ * <Button loading={isSubmitting} onClick={handleSubmit}>
+ *   Save
+ * </Button>
+ * ```
+ */
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/button/Button.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { ButtonProps } from './types.js';
+/**
+ * Headless `<button>`. Defaults `type` to `"button"` (so it doesn't
+ * accidentally submit a form), disables itself while `loading`, and sets
+ * `aria-busy` plus `data-disabled` / `data-loading` hooks for theming.
+ *
+ * @example
+ * ```tsx
+ * <Button loading={isSubmitting} onClick={handleSubmit}>
+ *   Save
+ * </Button>
+ * ```
+ */
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/button/Button.js

@@ -0,0 +1 @@
+import*as r from"react";import{skdxPart as p}from"../utils/part.js";import{Primitive as m}from"../utils/primitive.js";import{jsx as f}from"react/jsx-runtime";var d=r.forwardRef(({loading:t,disabled:o,type:n="button",...e},a)=>f(m.button,{type:n,disabled:o||t,"aria-busy":t||void 0,"data-disabled":o?"":void 0,"data-loading":t?"":void 0,...e,...p("button","root",e.className),ref:a}));d.displayName="Button";export{d as Button};

package/dist/button/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Button.cjs';
+export type { ButtonProps } from './types.cjs';

package/dist/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button.js';
+export type { ButtonProps } from './types.js';

package/dist/button/types.d.cts

@@ -0,0 +1,9 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+/** Props for the {@link Button} root. */
+export interface ButtonProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Marks the button busy (e.g. while submitting). Sets `aria-busy` and `data-loading`.
+     * @default false
+     */
+    loading?: boolean;
+}

package/dist/button/types.d.ts

@@ -0,0 +1,9 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+/** Props for the {@link Button} root. */
+export interface ButtonProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Marks the button busy (e.g. while submitting). Sets `aria-busy` and `data-loading`.
+     * @default false
+     */
+    loading?: boolean;
+}

package/dist/calendar/Calendar.cjs

@@ -0,0 +1 @@
+"use strict";var kt=Object.create;var B=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var Mt=Object.getOwnPropertyNames;var Rt=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var vt=(e,t)=>{for(var r in t)B(e,r,{get:t[r],enumerable:!0})},Me=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Mt(t))!bt.call(e,n)&&n!==r&&B(e,n,{get:()=>t[n],enumerable:!(a=wt(t,n))||a.enumerable});return e};var f=(e,t,r)=>(r=e!=null?kt(Rt(e)):{},Me(t||!e||!e.__esModule?B(r,"default",{value:e,enumerable:!0}):r,e)),Nt=e=>Me(B({},"__esModule",{value:!0}),e);var Ht={};vt(Ht,{Calendar:()=>We,CalendarCell:()=>G,CalendarGrid:()=>De,CalendarGridBody:()=>ye,CalendarGridContext:()=>$,CalendarGridHead:()=>ge,CalendarHeader:()=>ce,CalendarHeading:()=>ue,CalendarNextButton:()=>pe,CalendarPreviousButton:()=>fe,CalendarProvider:()=>Fe,CalendarRow:()=>k,CalendarWeekDay:()=>L,addDays:()=>g,addMonths:()=>p,addYears:()=>V,anchorOf:()=>ne,clampToMonth:()=>H,clearLocaleNameCache:()=>ve,emptySelection:()=>re,endOfWeek:()=>se,formatDateLabel:()=>M,formatMonthLabel:()=>E,getDaysInMonth:()=>ie,getLocaleWeekStartsOn:()=>A,getMonthNames:()=>be,getVisibleWeeks:()=>le,getWeekDayNames:()=>v,isDateDisabled:()=>de,isDateRange:()=>P,isDateSelected:()=>me,isSameDay:()=>h,isSameMonth:()=>x,nextSelection:()=>Le,rangePositionOf:()=>Y,resolveLocale:()=>y,selectionAnnouncement:()=>Ge,startOfMonth:()=>R,startOfWeek:()=>N,stripTime:()=>C,toISODateString:()=>S,useCalendarContext:()=>St,useCalendarContextInternal:()=>l,useCalendarGridMonth:()=>T});module.exports=Nt(Ht);var u=f(require("react"),1),Ne=require("../utils/createContext.cjs"),Se=require("../utils/liveAnnouncer.cjs"),He=require("../utils/part.cjs"),Te=require("../utils/primitive.cjs"),ae=require("../utils/useControllableState.cjs");var ee=new Date(2024,0,7),te=new Map;function Re(e,t){let r=te.get(e);if(r)return r;let a=t();return te.set(e,a),a}function y(e){return e??new Intl.DateTimeFormat().resolvedOptions().locale}function be(e,t="long"){let r=y(e);return Re(`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 v(e,t=0,r="short"){let a=y(e),n=Re(`w|${a}|${r}`,()=>{let s=new Intl.DateTimeFormat(a,{weekday:r});return Array.from({length:7},(d,m)=>s.format(new Date(ee.getFullYear(),ee.getMonth(),ee.getDate()+m)))}),o=(t%7+7)%7;return n.slice(o).concat(n.slice(0,o))}function A(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(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 ve(){te.clear()}var oe=require("react/jsx-runtime");function ie(e,t){return new Date(e,t+1,0).getDate()}function R(e){return new Date(e.getFullYear(),e.getMonth(),1)}function p(e,t){let r=e.getDate(),a=new Date(e.getFullYear(),e.getMonth(),1);a.setMonth(a.getMonth()+t);let n=ie(a.getFullYear(),a.getMonth());return a.setDate(Math.min(r,n)),a}function V(e,t){return p(e,t*12)}function g(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 N(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 se(e,t){return g(N(e,t),6)}function C(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function de(e,t,r,a){let n=C(e).getTime();return!!(t&&n<C(t).getTime()||r&&n>C(r).getTime()||a?.(e))}function S(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 H(e,t){if(x(e,t))return e;let r=ie(t.getFullYear(),t.getMonth());return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),r))}function le(e,t=0){let r=N(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=g(n,1);a.push(s)}return a}function P(e){return e!==null&&!Array.isArray(e)&&!(e instanceof Date)}function re(e){return e==="multiple"?[]:null}function me(e,t){return e===null?!1:Array.isArray(e)?e.some(r=>h(r,t)):P(e)?Y(e,t)!==void 0:h(e,t)}function Y(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 Le(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 Ge(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[Fe,l]=(0,Ne.createSafeContext)("Calendar");function St(){return l("useCalendarContext")}var $=u.createContext(null);function T(e){return u.useContext($)?.gridMonth??e}function ne(e){return e===null?null:Array.isArray(e)?e[0]??null:P(e)?e.start:e}var We=u.forwardRef(({selectionMode:e="single",value:t,defaultValue:r,onValueChange:a,month:n,defaultMonth:o,onMonthChange:s,numberOfMonths:d=1,locale:m,minDate:c,maxDate:i,weekStartsOn:F,disabled:j,isDateUnavailable:ft,getSelectionAnnouncement:he,...xe},pt)=>{let[b=null,Pe]=(0,ae.useControllableState)({prop:t,defaultProp:r??re(e),onChange:D=>a?.(D??re(e))}),ke=R(o??ne(b)??new Date),[W=ke,we]=(0,ae.useControllableState)({prop:n,defaultProp:ke,onChange:s}),[Ct,Dt]=u.useState(()=>ne(b)??W),I=F??A(m),gt=u.useMemo(()=>{let D=v(m,I,"short"),w=v(m,I,"long");return D.map((O,Pt)=>({short:O,long:w[Pt]}))},[m,I]),yt=u.useMemo(()=>Array.from({length:Math.max(1,d)},(D,w)=>p(W,w)),[W,d]),ht=u.useCallback(D=>{let w=Le(e,b,D);Pe(w);let O=(he??Ge)(w,m);O&&(0,Se.announce)(O)},[e,b,Pe,m,he]),xt=u.useCallback(D=>we(R(D)),[we]);return(0,oe.jsx)(Fe,{value:b,selectionMode:e,month:W,months:yt,focusedDate:Ct,weekStartsOn:I,locale:m,weekDayNames:gt,minDate:c,maxDate:i,disabled:j,isDateUnavailable:ft,onValueChange:ht,onMonthChange:xt,setFocusedDate:Dt,children:(0,oe.jsx)(Te.Primitive.div,{...xe,...(0,He.skdxPart)("calendar","root",xe.className),ref:pt})})});We.displayName="Calendar";var Ie=f(require("react"),1),Oe=require("../utils/part.cjs"),Be=require("../utils/primitive.cjs"),Ae=require("react/jsx-runtime"),ce=Ie.forwardRef((e,t)=>(0,Ae.jsx)(Be.Primitive.div,{...e,...(0,Oe.skdxPart)("calendar","header",e.className),ref:t}));ce.displayName="CalendarHeader";var Ee=f(require("react"),1),Ve=require("../utils/part.cjs"),Ye=require("../utils/primitive.cjs");var $e=require("react/jsx-runtime"),ue=Ee.forwardRef(({monthOffset:e=0,children:t,...r},a)=>{let n=l("CalendarHeading"),o=n.months[e]??n.month;return(0,$e.jsx)(Ye.Primitive.div,{...r,...(0,Ve.skdxPart)("calendar","heading",r.className),ref:a,children:t??E(o,n.locale)})});ue.displayName="CalendarHeading";var Ke=f(require("react"),1),Ue=require("../utils/part.cjs"),K=require("../utils/primitive.cjs");var _e=require("react/jsx-runtime"),fe=Ke.forwardRef((e,t)=>{let r=l("CalendarPreviousButton");return(0,_e.jsx)(K.Primitive.button,{type:"button","aria-label":"Previous month",...e,...(0,Ue.skdxPart)("calendar","previous-button",e.className),ref:t,onClick:(0,K.composeEventHandlers)(e.onClick,()=>{let a=p(r.month,-1);r.onMonthChange(a),r.setFocusedDate(H(r.focusedDate,a))})})});fe.displayName="CalendarPreviousButton";var qe=f(require("react"),1),Ze=require("../utils/part.cjs"),U=require("../utils/primitive.cjs");var ze=require("react/jsx-runtime"),pe=qe.forwardRef((e,t)=>{let r=l("CalendarNextButton");return(0,ze.jsx)(U.Primitive.button,{type:"button","aria-label":"Next month",...e,...(0,Ze.skdxPart)("calendar","next-button",e.className),ref:t,onClick:(0,U.composeEventHandlers)(e.onClick,()=>{let a=p(r.month,1);r.onMonthChange(a),r.setFocusedDate(H(r.focusedDate,a))})})});pe.displayName="CalendarNextButton";var _=f(require("react"),1),q=require("../utils/direction.cjs"),Je=require("../utils/part.cjs"),Z=require("../utils/primitive.cjs");var Ce=require("react/jsx-runtime"),De=_.forwardRef(({monthOffset:e=0,...t},r)=>{let a=l("CalendarGrid"),n=(0,q.useDirection)(),o=a.months[e]??a.month,s=_.useMemo(()=>({gridMonth:o}),[o]),d=c=>{a.months.some(i=>x(c,i))||a.onMonthChange(R(c)),a.setFocusedDate(c),requestAnimationFrame(()=>{let i=S(c);document.querySelector(`[data-skdx-calendar-cell="${i}"]`)?.focus()})},m=c=>{let i;switch((0,q.directionalKey)(c.key,c.currentTarget,n)){case"ArrowLeft":i=g(a.focusedDate,-1);break;case"ArrowRight":i=g(a.focusedDate,1);break;case"ArrowUp":i=g(a.focusedDate,-7);break;case"ArrowDown":i=g(a.focusedDate,7);break;case"Home":i=N(a.focusedDate,a.weekStartsOn);break;case"End":i=se(a.focusedDate,a.weekStartsOn);break;case"PageUp":i=c.shiftKey?V(a.focusedDate,-1):p(a.focusedDate,-1);break;case"PageDown":i=c.shiftKey?V(a.focusedDate,1):p(a.focusedDate,1);break;default:return}c.preventDefault(),d(i)};return(0,Ce.jsx)($.Provider,{value:s,children:(0,Ce.jsx)(Z.Primitive.div,{role:"grid","aria-multiselectable":a.selectionMode!=="single",...t,...(0,Je.skdxPart)("calendar","grid",t.className),ref:r,onKeyDown:(0,Z.composeEventHandlers)(t.onKeyDown,m)})})});De.displayName="CalendarGrid";var ot=f(require("react"),1),it=require("../utils/part.cjs"),st=require("../utils/primitive.cjs");var Qe=f(require("react"),1),Xe=require("../utils/part.cjs"),je=require("../utils/primitive.cjs"),et=require("react/jsx-runtime"),k=Qe.forwardRef((e,t)=>(0,et.jsx)(je.Primitive.div,{role:"row",...e,...(0,Xe.skdxPart)("calendar","row",e.className),ref:t}));k.displayName="CalendarRow";var tt=f(require("react"),1),at=require("../utils/part.cjs"),rt=require("../utils/primitive.cjs"),nt=require("react/jsx-runtime"),L=tt.forwardRef((e,t)=>(0,nt.jsx)(rt.Primitive.div,{role:"columnheader",...e,...(0,at.skdxPart)("calendar","week-day",e.className),ref:t}));L.displayName="CalendarWeekDay";var z=require("react/jsx-runtime"),ge=ot.forwardRef(({children:e,...t},r)=>{let a=l("CalendarGridHead");return(0,z.jsx)(st.Primitive.div,{role:"rowgroup",...t,...(0,it.skdxPart)("calendar","grid-head",t.className),ref:r,children:e??(0,z.jsx)(k,{children:a.weekDayNames.map(n=>(0,z.jsx)(L,{"aria-label":n.long,children:n.short},n.long))})})});ge.displayName="CalendarGridHead";var X=f(require("react"),1),ct=require("../utils/part.cjs"),ut=require("../utils/primitive.cjs");var dt=f(require("react"),1),lt=require("../utils/part.cjs"),J=require("../utils/primitive.cjs");var mt=require("react/jsx-runtime"),G=dt.forwardRef(({date:e,...t},r)=>{let a=l("CalendarCell"),n=T(a.month),o=S(e),s=!x(e,n),d=s||de(e,a.minDate,a.maxDate,a.disabled),m=!d&&(a.isDateUnavailable?.(o)??!1),c=me(a.value,e),i=P(a.value)?Y(a.value,e):void 0,F=h(e,new Date),j=h(e,a.focusedDate);return(0,mt.jsx)(J.Primitive.button,{type:"button",role:"gridcell","aria-selected":c,"aria-disabled":m||void 0,"data-skdx-calendar-cell":o,"data-state":c?"selected":void 0,"data-today":F?"":void 0,"data-outside-month":s?"":void 0,"data-disabled":d?"":void 0,"data-unavailable":m?"":void 0,"data-range-start":i==="start"?"":void 0,"data-range-middle":i==="middle"?"":void 0,"data-range-end":i==="end"?"":void 0,tabIndex:j?0:-1,disabled:d,...t,...(0,lt.skdxPart)("calendar","cell",t.className),ref:r,onClick:(0,J.composeEventHandlers)(t.onClick,()=>{if(!d){if(m){a.setFocusedDate(e);return}a.onValueChange(e),a.setFocusedDate(e)}}),children:t.children??e.getDate()})});G.displayName="CalendarCell";var Q=require("react/jsx-runtime"),ye=X.forwardRef(({children:e,...t},r)=>{let a=l("CalendarGridBody"),n=T(a.month),o=X.useMemo(()=>le(n,a.weekStartsOn),[n,a.weekStartsOn]);return(0,Q.jsx)(ut.Primitive.div,{role:"rowgroup",...t,...(0,ct.skdxPart)("calendar","grid-body",t.className),ref:r,children:e??o.map(s=>(0,Q.jsx)(k,{children:s.map(({date:d})=>(0,Q.jsx)(G,{date:d},d.toISOString()))},s[0].date.toISOString()))})});ye.displayName="CalendarGridBody";0&&(module.exports={Calendar,CalendarCell,CalendarGrid,CalendarGridBody,CalendarGridContext,CalendarGridHead,CalendarHeader,CalendarHeading,CalendarNextButton,CalendarPreviousButton,CalendarProvider,CalendarRow,CalendarWeekDay,addDays,addMonths,addYears,anchorOf,clampToMonth,clearLocaleNameCache,emptySelection,endOfWeek,formatDateLabel,formatMonthLabel,getDaysInMonth,getLocaleWeekStartsOn,getMonthNames,getVisibleWeeks,getWeekDayNames,isDateDisabled,isDateRange,isDateSelected,isSameDay,isSameMonth,nextSelection,rangePositionOf,resolveLocale,selectionAnnouncement,startOfMonth,startOfWeek,stripTime,toISODateString,useCalendarContext,useCalendarContextInternal,useCalendarGridMonth});

package/dist/calendar/Calendar.d.cts

@@ -0,0 +1,139 @@
+import * as React from 'react';
+import type { CalendarContextValue, CalendarDay, CalendarGridContextValue, CalendarProps, CalendarSelectionMode, CalendarValue, DateRange, RangePosition } from './types.cjs';
+/**
+ * Month-grid date picker (WAI-ARIA `grid` pattern), built on plain native
+ * `Date` math and `Intl` for names — no date-library dependency. Selects a
+ * single date, an arbitrary set of dates, or a start/end range.
+ */
+/** @internal Number of days in the given zero-based `month` of `year` (e.g. `getDaysInMonth(2024, 1)` → 29). */
+export declare function getDaysInMonth(year: number, month: number): number;
+/** @internal Midnight on the first day of `date`'s month, in local time. */
+export declare function startOfMonth(date: Date): Date;
+/**
+ * Adds `amount` calendar months to `date` (negative to subtract), clamping the
+ * day of month so it never overflows into the next month — e.g. Jan 31 + 1
+ * month → Feb 28/29. Returns a new local-time `Date`.
+ *
+ * @param date - Base date; not mutated.
+ * @param amount - Months to add; may be negative.
+ * @returns A new {@link Date} `amount` months from `date`.
+ */
+export declare function addMonths(date: Date, amount: number): Date;
+/** @internal Adds `amount` years to `date` via {@link addMonths} (so Feb 29 clamps to Feb 28 in non-leap years). */
+export declare function addYears(date: Date, amount: number): Date;
+/**
+ * Adds `amount` days to `date` (negative to subtract), returning a new `Date`.
+ * Rolls over month and year boundaries naturally.
+ *
+ * @param date - Base date; not mutated.
+ * @param amount - Days to add; may be negative.
+ * @returns A new {@link Date} `amount` days from `date`.
+ */
+export declare function addDays(date: Date, amount: number): Date;
+/**
+ * Whether `a` and `b` fall on the same calendar day (year, month and date),
+ * ignoring the time of day. Returns `false` if either argument is `null` or
+ * `undefined`.
+ */
+export declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** Whether `a` and `b` fall in the same calendar month of the same year. */
+export declare function isSameMonth(a: Date, b: Date): boolean;
+/** @internal Midnight on the first day of the week containing `date`, where `weekStartsOn` is 0 (Sunday)–6 (Saturday). */
+export declare function startOfWeek(date: Date, weekStartsOn: number): Date;
+/** @internal Midnight on the last day of the week containing `date`, given the same `weekStartsOn` as {@link startOfWeek}. */
+export declare function endOfWeek(date: Date, weekStartsOn: number): Date;
+/** @internal Copy of `date` with the time component zeroed to local midnight. */
+export declare function stripTime(date: Date): Date;
+/** @internal Whether `date` is out of range: before `minDate`, after `maxDate` (both compared date-only), or rejected by `disabledFn`. */
+export declare function isDateDisabled(date: Date, minDate: Date | undefined, maxDate: Date | undefined, disabledFn: ((date: Date) => boolean) | undefined): boolean;
+/** @internal Formats `date` as a local-time `YYYY-MM-DD` string (no timezone conversion, unlike `Date.toISOString`). */
+export declare function toISODateString(date: Date): string;
+/** @internal Projects `date`'s day-of-month onto `targetMonth`, clamping to that month's last day; returns `date` unchanged if already in `targetMonth`. */
+export declare function clampToMonth(date: Date, targetMonth: Date): Date;
+/** Always returns a 6x7 (weeks x weekdays) grid, including adjacent-month filler days. */
+export declare function getVisibleWeeks(month: Date, weekStartsOn?: number): CalendarDay[][];
+/** Whether `value` is a {@link DateRange} rather than a single date, a date array, or nothing. */
+export declare function isDateRange(value: CalendarValue): value is DateRange;
+/** The empty selection for `mode`: `[]` for `multiple`, `null` for `single` and `range`. */
+export declare function emptySelection(mode: CalendarSelectionMode): CalendarValue;
+/**
+ * Whether `date` is part of `value` — the selected day in `single` mode, a
+ * member of the array in `multiple`, or anywhere from `start` to `end`
+ * inclusive in `range` (so every cell in a range carries `aria-selected`).
+ */
+export declare function isDateSelected(value: CalendarValue, date: Date): boolean;
+/**
+ * Where `date` sits in `range`: `'start'`, `'end'`, `'middle'`, or `undefined`
+ * when it is outside the range. A range still being anchored (`end: null`)
+ * only ever reports `'start'`.
+ */
+export declare function rangePositionOf(range: DateRange, date: Date): RangePosition | undefined;
+/**
+ * The selection that results from choosing `date` while `current` is selected.
+ *
+ * - `single` — just `date`.
+ * - `multiple` — `date` toggled into/out of the array, kept chronological.
+ * - `range` — anchors a new range (`{ start: date, end: null }`) when nothing
+ *   is anchored or the previous range was already complete, otherwise closes
+ *   the anchored range, ordering `start`/`end` so a backwards drag still
+ *   yields `start <= end`.
+ */
+export declare function nextSelection(mode: CalendarSelectionMode, current: CalendarValue, date: Date): CalendarValue;
+/** @internal The live-region message for a selection change, or `''` when there is nothing worth announcing. */
+export declare function selectionAnnouncement(value: CalendarValue, locale: string | undefined): string;
+export declare const CalendarProvider: {
+    (props: CalendarContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useCalendarContextInternal: (consumerName: string) => CalendarContextValue;
+/** Read the Calendar's current selection/displayed-month state (e.g. to render a heading label). */
+export declare function useCalendarContext(): CalendarContextValue;
+/**
+ * @internal Which month a given `CalendarGrid` renders. Absent for a
+ * single-month calendar, where every part just reads the root's `month`.
+ */
+export declare const CalendarGridContext: React.Context<CalendarGridContextValue | null>;
+/** The month of the enclosing `CalendarGrid`, falling back to the root's displayed month. */
+export declare function useCalendarGridMonth(fallback: Date): Date;
+/** @internal The date a fresh calendar should focus and display, given whatever `value` holds. */
+export declare function anchorOf(value: CalendarValue): Date | null;
+/**
+ * Root of a month-grid date picker: owns the selection, displayed month(s)
+ * and roving-focus date, and hands them down to every other `Calendar*` part
+ * via context. Renders a plain `<div>` — layout of the header vs. grid is
+ * entirely up to your CSS.
+ *
+ * `selectionMode` decides what `value` holds: a `Date` (`'single'`, the
+ * default), a `Date[]` (`'multiple'`), or a `{ start, end }` `DateRange`
+ * (`'range'`, where `end` stays `null` until the second date closes it).
+ * Month and weekday names come from `Intl` for `locale`, so nothing here
+ * ships a hardcoded English name table.
+ *
+ * Works controlled (`value` + `onValueChange`, `month` + `onMonthChange`) or
+ * uncontrolled (`defaultValue`, `defaultMonth`).
+ *
+ * @example
+ * ```tsx
+ * <Calendar defaultValue={new Date()} locale="fr-FR">
+ *   <CalendarHeader>
+ *     <CalendarPreviousButton>‹</CalendarPreviousButton>
+ *     <CalendarHeading />
+ *     <CalendarNextButton>›</CalendarNextButton>
+ *   </CalendarHeader>
+ *   <CalendarGrid>
+ *     <CalendarGridHead />
+ *     <CalendarGridBody>
+ *       {getVisibleWeeks(month).map((week, i) => (
+ *         <CalendarRow key={i}>
+ *           {week.map(({ date }) => (
+ *             <CalendarCell date={date} key={date.toISOString()} />
+ *           ))}
+ *         </CalendarRow>
+ *       ))}
+ *     </CalendarGridBody>
+ *   </CalendarGrid>
+ * </Calendar>
+ * ```
+ */
+export declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/calendar/Calendar.d.ts

@@ -0,0 +1,139 @@
+import * as React from 'react';
+import type { CalendarContextValue, CalendarDay, CalendarGridContextValue, CalendarProps, CalendarSelectionMode, CalendarValue, DateRange, RangePosition } from './types.js';
+/**
+ * Month-grid date picker (WAI-ARIA `grid` pattern), built on plain native
+ * `Date` math and `Intl` for names — no date-library dependency. Selects a
+ * single date, an arbitrary set of dates, or a start/end range.
+ */
+/** @internal Number of days in the given zero-based `month` of `year` (e.g. `getDaysInMonth(2024, 1)` → 29). */
+export declare function getDaysInMonth(year: number, month: number): number;
+/** @internal Midnight on the first day of `date`'s month, in local time. */
+export declare function startOfMonth(date: Date): Date;
+/**
+ * Adds `amount` calendar months to `date` (negative to subtract), clamping the
+ * day of month so it never overflows into the next month — e.g. Jan 31 + 1
+ * month → Feb 28/29. Returns a new local-time `Date`.
+ *
+ * @param date - Base date; not mutated.
+ * @param amount - Months to add; may be negative.
+ * @returns A new {@link Date} `amount` months from `date`.
+ */
+export declare function addMonths(date: Date, amount: number): Date;
+/** @internal Adds `amount` years to `date` via {@link addMonths} (so Feb 29 clamps to Feb 28 in non-leap years). */
+export declare function addYears(date: Date, amount: number): Date;
+/**
+ * Adds `amount` days to `date` (negative to subtract), returning a new `Date`.
+ * Rolls over month and year boundaries naturally.
+ *
+ * @param date - Base date; not mutated.
+ * @param amount - Days to add; may be negative.
+ * @returns A new {@link Date} `amount` days from `date`.
+ */
+export declare function addDays(date: Date, amount: number): Date;
+/**
+ * Whether `a` and `b` fall on the same calendar day (year, month and date),
+ * ignoring the time of day. Returns `false` if either argument is `null` or
+ * `undefined`.
+ */
+export declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** Whether `a` and `b` fall in the same calendar month of the same year. */
+export declare function isSameMonth(a: Date, b: Date): boolean;
+/** @internal Midnight on the first day of the week containing `date`, where `weekStartsOn` is 0 (Sunday)–6 (Saturday). */
+export declare function startOfWeek(date: Date, weekStartsOn: number): Date;
+/** @internal Midnight on the last day of the week containing `date`, given the same `weekStartsOn` as {@link startOfWeek}. */
+export declare function endOfWeek(date: Date, weekStartsOn: number): Date;
+/** @internal Copy of `date` with the time component zeroed to local midnight. */
+export declare function stripTime(date: Date): Date;
+/** @internal Whether `date` is out of range: before `minDate`, after `maxDate` (both compared date-only), or rejected by `disabledFn`. */
+export declare function isDateDisabled(date: Date, minDate: Date | undefined, maxDate: Date | undefined, disabledFn: ((date: Date) => boolean) | undefined): boolean;
+/** @internal Formats `date` as a local-time `YYYY-MM-DD` string (no timezone conversion, unlike `Date.toISOString`). */
+export declare function toISODateString(date: Date): string;
+/** @internal Projects `date`'s day-of-month onto `targetMonth`, clamping to that month's last day; returns `date` unchanged if already in `targetMonth`. */
+export declare function clampToMonth(date: Date, targetMonth: Date): Date;
+/** Always returns a 6x7 (weeks x weekdays) grid, including adjacent-month filler days. */
+export declare function getVisibleWeeks(month: Date, weekStartsOn?: number): CalendarDay[][];
+/** Whether `value` is a {@link DateRange} rather than a single date, a date array, or nothing. */
+export declare function isDateRange(value: CalendarValue): value is DateRange;
+/** The empty selection for `mode`: `[]` for `multiple`, `null` for `single` and `range`. */
+export declare function emptySelection(mode: CalendarSelectionMode): CalendarValue;
+/**
+ * Whether `date` is part of `value` — the selected day in `single` mode, a
+ * member of the array in `multiple`, or anywhere from `start` to `end`
+ * inclusive in `range` (so every cell in a range carries `aria-selected`).
+ */
+export declare function isDateSelected(value: CalendarValue, date: Date): boolean;
+/**
+ * Where `date` sits in `range`: `'start'`, `'end'`, `'middle'`, or `undefined`
+ * when it is outside the range. A range still being anchored (`end: null`)
+ * only ever reports `'start'`.
+ */
+export declare function rangePositionOf(range: DateRange, date: Date): RangePosition | undefined;
+/**
+ * The selection that results from choosing `date` while `current` is selected.
+ *
+ * - `single` — just `date`.
+ * - `multiple` — `date` toggled into/out of the array, kept chronological.
+ * - `range` — anchors a new range (`{ start: date, end: null }`) when nothing
+ *   is anchored or the previous range was already complete, otherwise closes
+ *   the anchored range, ordering `start`/`end` so a backwards drag still
+ *   yields `start <= end`.
+ */
+export declare function nextSelection(mode: CalendarSelectionMode, current: CalendarValue, date: Date): CalendarValue;
+/** @internal The live-region message for a selection change, or `''` when there is nothing worth announcing. */
+export declare function selectionAnnouncement(value: CalendarValue, locale: string | undefined): string;
+export declare const CalendarProvider: {
+    (props: CalendarContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useCalendarContextInternal: (consumerName: string) => CalendarContextValue;
+/** Read the Calendar's current selection/displayed-month state (e.g. to render a heading label). */
+export declare function useCalendarContext(): CalendarContextValue;
+/**
+ * @internal Which month a given `CalendarGrid` renders. Absent for a
+ * single-month calendar, where every part just reads the root's `month`.
+ */
+export declare const CalendarGridContext: React.Context<CalendarGridContextValue | null>;
+/** The month of the enclosing `CalendarGrid`, falling back to the root's displayed month. */
+export declare function useCalendarGridMonth(fallback: Date): Date;
+/** @internal The date a fresh calendar should focus and display, given whatever `value` holds. */
+export declare function anchorOf(value: CalendarValue): Date | null;
+/**
+ * Root of a month-grid date picker: owns the selection, displayed month(s)
+ * and roving-focus date, and hands them down to every other `Calendar*` part
+ * via context. Renders a plain `<div>` — layout of the header vs. grid is
+ * entirely up to your CSS.
+ *
+ * `selectionMode` decides what `value` holds: a `Date` (`'single'`, the
+ * default), a `Date[]` (`'multiple'`), or a `{ start, end }` `DateRange`
+ * (`'range'`, where `end` stays `null` until the second date closes it).
+ * Month and weekday names come from `Intl` for `locale`, so nothing here
+ * ships a hardcoded English name table.
+ *
+ * Works controlled (`value` + `onValueChange`, `month` + `onMonthChange`) or
+ * uncontrolled (`defaultValue`, `defaultMonth`).
+ *
+ * @example
+ * ```tsx
+ * <Calendar defaultValue={new Date()} locale="fr-FR">
+ *   <CalendarHeader>
+ *     <CalendarPreviousButton>‹</CalendarPreviousButton>
+ *     <CalendarHeading />
+ *     <CalendarNextButton>›</CalendarNextButton>
+ *   </CalendarHeader>
+ *   <CalendarGrid>
+ *     <CalendarGridHead />
+ *     <CalendarGridBody>
+ *       {getVisibleWeeks(month).map((week, i) => (
+ *         <CalendarRow key={i}>
+ *           {week.map(({ date }) => (
+ *             <CalendarCell date={date} key={date.toISOString()} />
+ *           ))}
+ *         </CalendarRow>
+ *       ))}
+ *     </CalendarGridBody>
+ *   </CalendarGrid>
+ * </Calendar>
+ * ```
+ */
+export declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;