tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/Button/Button.module.js

@@ -0,0 +1,29 @@
+//#region src/components/Button/Button.module.css
+var e = "tempest_button_2ZuB7", t = "tempest_primary_s1sM6", n = "tempest_secondary_R0waJ", r = "tempest_danger_V4fX8", i = "tempest_success_w6qB6", a = "tempest_ghost_1KINV", o = "tempest_soft_c3kzm", s = "tempest_outline_F5jq-", c = "tempest_link_Zt5hw", l = "tempest_xs_cF6m0", u = "tempest_sm_NhG0g", d = "tempest_md_hH4h3", f = "tempest_lg_2plQf", p = "tempest_xl_nx4V0", m = "tempest_iconOnly_WCpTS", h = "tempest_pill_lx8lt", g = "tempest_fullWidth_36oJT", _ = "tempest_content_EKXmF", v = "tempest_loading_EQAt2", y = "tempest_hiddenText_hIiJ2", b = "tempest_spinner_ZExvW", x = "tempest_tempest-spin_UOSVC", S = {
+	button: e,
+	primary: t,
+	secondary: n,
+	danger: r,
+	success: i,
+	ghost: a,
+	soft: o,
+	outline: s,
+	link: c,
+	xs: l,
+	sm: u,
+	md: d,
+	lg: f,
+	xl: p,
+	iconOnly: m,
+	pill: h,
+	fullWidth: g,
+	content: _,
+	loading: v,
+	hiddenText: y,
+	spinner: b,
+	tempestSpin: x
+};
+//#endregion
+export { e as button, _ as content, r as danger, S as default, g as fullWidth, a as ghost, y as hiddenText, m as iconOnly, f as lg, c as link, v as loading, d as md, s as outline, h as pill, t as primary, n as secondary, u as sm, o as soft, b as spinner, i as success, x as tempestSpin, p as xl, l as xs };
+
+//# sourceMappingURL=Button.module.js.map

package/dist/components/Button/Button.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.js","names":[],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    border: 1px solid transparent;\n    border-radius: var(--tempest-control-radius, var(--tempest-radius-md));\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-none);\n    letter-spacing: var(--tempest-tracking-normal);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    transition: var(--tempest-transition-base);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .button:hover:not(:disabled) {\n        box-shadow: var(--tempest-shadow-sm);\n    }\n}\n\n.button:active:not(:disabled) {\n    transform: translateY(1px);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.button:disabled {\n    opacity: 0.55;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Variants — solid (default), soft, outline, ghost\n * Status colors: primary, secondary (neutral), danger, success\n * ============================================================ */\n\n/* primary — solid filled */\n.primary {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n.primary:hover:not(:disabled) {\n    background-color: var(--tempest-primary-hover);\n}\n.primary:active:not(:disabled) {\n    background-color: var(--tempest-primary-active);\n}\n\n/* secondary — neutral surface */\n.secondary {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.secondary:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n    border-color: var(--tempest-border-strong);\n}\n\n/* danger — solid red */\n.danger {\n    background-color: var(--tempest-danger-solid);\n    color: #ffffff;\n}\n.danger:hover:not(:disabled) {\n    background-color: var(--tempest-danger-hover);\n}\n\n/* success — solid green */\n.success {\n    background-color: var(--tempest-success-solid);\n    color: #ffffff;\n}\n.success:hover:not(:disabled) {\n    filter: brightness(0.92);\n}\n\n/* ghost — transparent, hover surface */\n.ghost {\n    background-color: transparent;\n    color: var(--tempest-text);\n    box-shadow: none;\n}\n.ghost:hover:not(:disabled) {\n    background-color: var(--tempest-surface);\n    box-shadow: none;\n}\n.ghost:active:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n    box-shadow: none;\n}\n\n/* soft — tinted background, primary text */\n.soft {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    box-shadow: none;\n}\n.soft:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft-hover);\n}\n\n/* outline — bordered, transparent fill */\n.outline {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    box-shadow: none;\n}\n.outline:hover:not(:disabled) {\n    background-color: var(--tempest-primary-soft);\n}\n\n/* link — text-only, underline on hover */\n.link {\n    background-color: transparent;\n    color: var(--tempest-primary);\n    box-shadow: none;\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: var(--tempest-radius-sm);\n}\n.link:hover:not(:disabled) {\n    color: var(--tempest-primary-hover);\n    text-decoration: underline;\n    background: none;\n    box-shadow: none;\n}\n\n/* ============================================================\n * Sizes — token-driven, density-aware\n * ============================================================ */\n.xs {\n    height: var(--tempest-control-height-xs);\n    padding: 0 var(--tempest-control-padding-xs);\n    font-size: var(--tempest-control-font-xs);\n}\n.sm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.md {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.lg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n.xl {\n    height: var(--tempest-control-height-xl);\n    padding: 0 var(--tempest-control-padding-xl);\n    font-size: var(--tempest-control-font-xl);\n}\n\n/* Square (icon-only) — width matches height */\n.iconOnly {\n    position: relative;\n}\n.iconOnly.xs {\n    width: var(--tempest-control-height-xs);\n    padding: 0;\n}\n.iconOnly.sm {\n    width: var(--tempest-control-height-sm);\n    padding: 0;\n}\n.iconOnly.md {\n    width: var(--tempest-control-height-md);\n    padding: 0;\n}\n.iconOnly.lg {\n    width: var(--tempest-control-height-lg);\n    padding: 0;\n}\n.iconOnly.xl {\n    width: var(--tempest-control-height-xl);\n    padding: 0;\n}\n\n/* Touch hit-slop — extend tap target to a min 44×44 on coarse pointers\n * for the smallest icon-only sizes, without changing visual footprint. */\n@media (pointer: coarse) {\n    .iconOnly.xs::after,\n    .iconOnly.sm::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n/* Pill shape */\n.pill {\n    border-radius: var(--tempest-radius-full);\n}\n\n.fullWidth {\n    width: 100%;\n}\n\n/*\n * Lay out leftIcon + label + rightIcon as one centered, gapped row. Without\n * this the three are inline inside a single span (no gap, icon baseline-\n * aligned instead of centered), which reads as off-center — most visible on\n * fullWidth buttons where the label has room to drift.\n */\n.content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-control-gap, var(--tempest-space-2));\n    min-width: 0;\n}\n\n.loading .hiddenText {\n    visibility: hidden;\n}\n\n.spinner {\n    position: absolute;\n    animation: tempest-spin 0.8s linear infinite;\n}\n\n@keyframes tempest-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n"],"mappings":""}

package/dist/components/Calendar/Calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),C=require("../../utils/cn.cjs"),s=require("./Calendar.module.css.cjs"),P=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],H=["January","February","March","April","May","June","July","August","September","October","November","December"],I=42;function d(t,n,a){return new Date(t,n,a)}function p(t){return new Date(t.getFullYear(),t.getMonth(),t.getDate())}function T(t,n){return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()}function x(t,n,a){const o=p(t).getTime();return!!(n&&o<p(n).getTime()||a&&o>p(a).getTime())}function U(t,n){const a=t.getFullYear(),o=t.getMonth(),f=(d(a,o,1).getDay()-n+7)%7,u=d(a,o,1-f),m=[];for(let g=0;g<I;g+=1)m.push(d(u.getFullYear(),u.getMonth(),u.getDate()+g));return m}function z({value:t,defaultValue:n,onChange:a,month:o,onMonthChange:b,minDate:M,maxDate:f,weekStartsOn:u=0,className:m,...g}){const k=t!==void 0,[L,R]=l.useState(n),N=k?t:L,S=o!==void 0,[_,q]=l.useState(()=>{const e=o??t??n??new Date;return d(e.getFullYear(),e.getMonth(),1)}),i=S?d(o.getFullYear(),o.getMonth(),1):_,[v,E]=l.useState(null),A=l.useRef(null),O=l.useMemo(()=>p(new Date),[]),w=l.useMemo(()=>U(i,u),[i,u]),W=l.useMemo(()=>Array.from({length:7},(e,r)=>P[(r+u)%7]),[u]),j=l.useCallback(e=>{const r=d(i.getFullYear(),i.getMonth()+e,1);b&&b(r),S||q(r)},[i,b,S]),F=l.useCallback(e=>{x(e,M,f)||(a&&a(e),k||R(e))},[M,f,a,k]),h=l.useCallback(e=>{const r=Math.max(0,Math.min(I-1,e));E(r);const y=A.current;if(!y)return;y.querySelectorAll("button[data-day]")[r]?.focus()},[]),J=l.useCallback((e,r)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),h(r-1);break;case"ArrowRight":e.preventDefault(),h(r+1);break;case"ArrowUp":e.preventDefault(),h(r-7);break;case"ArrowDown":e.preventDefault(),h(r+7);break;case"Enter":case" ":e.preventDefault(),F(w[r]);break}},[h,F,w]);return c.jsxs("div",{className:C.cn(s.default.root,m),...g,children:[c.jsxs("div",{className:s.default.header,children:[c.jsx("button",{type:"button",className:s.default.nav,"aria-label":"Previous month",onClick:()=>j(-1),children:"‹"}),c.jsxs("span",{className:s.default.title,"aria-live":"polite",children:[H[i.getMonth()]," ",i.getFullYear()]}),c.jsx("button",{type:"button",className:s.default.nav,"aria-label":"Next month",onClick:()=>j(1),children:"›"})]}),c.jsx("div",{className:s.default.weekdays,role:"row",children:W.map(e=>c.jsx("span",{className:s.default.weekday,role:"columnheader",children:e},e))}),c.jsx("div",{className:s.default.grid,role:"grid",ref:A,children:w.map((e,r)=>{const y=e.getMonth()===i.getMonth(),D=N?T(e,N):!1,Y=T(e,O),K=x(e,M,f),B=v===null?y&&e.getDate()===1:v===r;return c.jsx("button",{type:"button","data-day":!0,role:"gridcell",className:C.cn(s.default.day,!y&&s.default.outside,D&&s.default.selected,Y&&s.default.today),"aria-pressed":D,"aria-selected":D,"aria-current":Y?"date":void 0,disabled:K,tabIndex:B?0:-1,onClick:()=>F(e),onKeyDown:G=>J(G,r),children:e.getDate()},r)})})]})}exports.Calendar=z;
-//# sourceMappingURL=Calendar.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Calendar.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],a=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],o=42;function s(e,t,n){return new Date(e,t,n)}function c(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function l(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function u(e,t,n){let r=c(e).getTime();return!!(t&&r<c(t).getTime()||n&&r>c(n).getTime())}function d(e,t){let n=e.getFullYear(),r=e.getMonth(),i=s(n,r,1-(s(n,r,1).getDay()-t+7)%7),a=[];for(let e=0;e<o;e+=1)a.push(s(i.getFullYear(),i.getMonth(),i.getDate()+e));return a}function f({value:f,defaultValue:p,onChange:m,month:h,onMonthChange:g,minDate:_,maxDate:v,weekStartsOn:y=0,className:b,...x}){let S=f!==void 0,[C,w]=(0,n.useState)(p),T=S?f:C,E=h!==void 0,[D,O]=(0,n.useState)(()=>{let e=h??f??p??new Date;return s(e.getFullYear(),e.getMonth(),1)}),k=E?s(h.getFullYear(),h.getMonth(),1):D,[A,j]=(0,n.useState)(null),M=(0,n.useRef)(null),N=(0,n.useMemo)(()=>c(new Date),[]),P=(0,n.useMemo)(()=>d(k,y),[k,y]),F=(0,n.useMemo)(()=>Array.from({length:7},(e,t)=>i[(t+y)%7]),[y]),I=(0,n.useCallback)(e=>{let t=s(k.getFullYear(),k.getMonth()+e,1);g&&g(t),E||O(t)},[k,g,E]),L=(0,n.useCallback)(e=>{u(e,_,v)||(m&&m(e),S||w(e))},[_,v,m,S]),R=(0,n.useCallback)(e=>{let t=Math.max(0,Math.min(o-1,e));j(t);let n=M.current;n&&n.querySelectorAll(`button[data-day]`)[t]?.focus()},[]),z=(0,n.useCallback)((e,t)=>{switch(e.key){case`ArrowLeft`:e.preventDefault(),R(t-1);break;case`ArrowRight`:e.preventDefault(),R(t+1);break;case`ArrowUp`:e.preventDefault(),R(t-7);break;case`ArrowDown`:e.preventDefault(),R(t+7);break;case`Enter`:case` `:e.preventDefault(),L(P[t]);break;default:break}},[R,L,P]);return(0,r.jsxs)(`div`,{className:e.cn(t.default.root,b),...x,children:[(0,r.jsxs)(`div`,{className:t.default.header,children:[(0,r.jsx)(`button`,{type:`button`,className:t.default.nav,"aria-label":`Previous month`,onClick:()=>I(-1),children:`‹`}),(0,r.jsxs)(`span`,{className:t.default.title,"aria-live":`polite`,children:[a[k.getMonth()],` `,k.getFullYear()]}),(0,r.jsx)(`button`,{type:`button`,className:t.default.nav,"aria-label":`Next month`,onClick:()=>I(1),children:`›`})]}),(0,r.jsx)(`div`,{className:t.default.weekdays,role:`row`,children:F.map(e=>(0,r.jsx)(`span`,{className:t.default.weekday,role:`columnheader`,children:e},e))}),(0,r.jsx)(`div`,{className:t.default.grid,role:`grid`,ref:M,children:P.map((n,i)=>{let a=n.getMonth()===k.getMonth(),o=T?l(n,T):!1,s=l(n,N),c=u(n,_,v),d=A===null?a&&n.getDate()===1:A===i;return(0,r.jsx)(`button`,{type:`button`,"data-day":!0,role:`gridcell`,className:e.cn(t.default.day,!a&&t.default.outside,o&&t.default.selected,s&&t.default.today),"aria-pressed":o,"aria-selected":o,"aria-current":s?`date`:void 0,disabled:c,tabIndex:d?0:-1,onClick:()=>L(n),onKeyDown:e=>z(e,i),children:n.getDate()},i)})})]})}exports.Calendar=f;
+//# sourceMappingURL=Calendar.cjs.map

package/dist/components/Calendar/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","isSameDay","a","b","isOutOfRange","minDate","maxDate","buildGrid","weekStartsOn","monthIndex","leading","start","cells","i","Calendar","value","defaultValue","onChange","onMonthChange","className","props","isSelectionControlled","internalSelected","setInternalSelected","useState","selected","isMonthControlled","internalMonth","setInternalMonth","base","visibleMonth","focusedDay","setFocusedDay","gridRef","useRef","today","useMemo","weekdayLabels","_","changeMonth","useCallback","offset","next","selectDate","focusCell","index","clamped","grid","handleKeyDown","event","jsxs","cn","styles","jsx","label","inMonth","isSelected","isToday","disabled","isFocusTarget"],"mappings":"+MA6BMA,EAAiB,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAK,EACjEC,EAAe,CACjB,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,UACJ,EAEMC,EAAe,GAUrB,SAASC,EAASC,EAAcC,EAAeC,EAAmB,CAC9D,OAAO,IAAI,KAAKF,EAAMC,EAAOC,CAAG,CACpC,CAQA,SAASC,EAAWC,EAAkB,CAClC,OAAO,IAAI,KAAKA,EAAK,YAAA,EAAeA,EAAK,SAAA,EAAYA,EAAK,SAAS,CACvE,CASA,SAASC,EAAUC,EAASC,EAAkB,CAC1C,OACID,EAAE,YAAA,IAAkBC,EAAE,YAAA,GACtBD,EAAE,SAAA,IAAeC,EAAE,YACnBD,EAAE,QAAA,IAAcC,EAAE,QAAA,CAE1B,CAUA,SAASC,EAAaJ,EAAYK,EAAgBC,EAAyB,CACvE,MAAMR,EAAMC,EAAWC,CAAI,EAAE,QAAA,EAE7B,MADI,GAAAK,GAAWP,EAAMC,EAAWM,CAAO,EAAE,QAAA,GACrCC,GAAWR,EAAMC,EAAWO,CAAO,EAAE,QAAA,EAE7C,CAUA,SAASC,EAAUV,EAAaW,EAAiC,CAC7D,MAAMZ,EAAOC,EAAM,YAAA,EACbY,EAAaZ,EAAM,SAAA,EAGnBa,GAFef,EAASC,EAAMa,EAAY,CAAC,EACf,OAAA,EACFD,EAAe,GAAK,EAC9CG,EAAQhB,EAASC,EAAMa,EAAY,EAAIC,CAAO,EAE9CE,EAAgB,CAAA,EACtB,QAASC,EAAI,EAAGA,EAAInB,EAAcmB,GAAK,EACnCD,EAAM,KAAKjB,EAASgB,EAAM,YAAA,EAAeA,EAAM,SAAA,EAAYA,EAAM,QAAA,EAAYE,CAAC,CAAC,EAEnF,OAAOD,CACX,CAWO,SAASE,EAAS,CACrB,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAApB,EACA,cAAAqB,EACA,QAAAb,EACA,QAAAC,EACA,aAAAE,EAAe,EACf,UAAAW,EACA,GAAGC,CACP,EAAkB,CACd,MAAMC,EAAwBN,IAAU,OAClC,CAACO,EAAkBC,CAAmB,EAAIC,EAAAA,SAA2BR,CAAY,EACjFS,EAAWJ,EAAwBN,EAAQO,EAE3CI,EAAoB7B,IAAU,OAC9B,CAAC8B,EAAeC,CAAgB,EAAIJ,EAAAA,SAAe,IAAM,CAC3D,MAAMK,EAAOhC,GAASkB,GAASC,OAAoB,KACnD,OAAOrB,EAASkC,EAAK,YAAA,EAAeA,EAAK,SAAA,EAAY,CAAC,CAC1D,CAAC,EACKC,EAAeJ,EACf/B,EAASE,EAAM,cAAeA,EAAM,SAAA,EAAY,CAAC,EACjD8B,EAEA,CAACI,EAAYC,CAAa,EAAIR,EAAAA,SAAwB,IAAI,EAC1DS,EAAUC,EAAAA,OAA8B,IAAI,EAE5CC,EAAQC,EAAAA,QAAQ,IAAMrC,MAAe,IAAM,EAAG,EAAE,EAChDa,EAAQwB,EAAAA,QACV,IAAM7B,EAAUuB,EAActB,CAAY,EAC1C,CAACsB,EAActB,CAAY,CAAA,EAGzB6B,EAAgBD,EAAAA,QAAQ,IACnB,MAAM,KAAK,CAAE,OAAQ,CAAA,EAAK,CAACE,EAAGzB,IAAMrB,GAAgBqB,EAAIL,GAAgB,CAAC,CAAC,EAClF,CAACA,CAAY,CAAC,EAEX+B,EAAcC,EAAAA,YACfC,GAAyB,CACtB,MAAMC,EAAO/C,EAASmC,EAAa,YAAA,EAAeA,EAAa,SAAA,EAAaW,EAAQ,CAAC,EACjFvB,KAA6BwB,CAAI,EAChChB,GAAmBE,EAAiBc,CAAI,CACjD,EACA,CAACZ,EAAcZ,EAAeQ,CAAiB,CAAA,EAG7CiB,EAAaH,EAAAA,YACdxC,GAAqB,CACdI,EAAaJ,EAAMK,EAASC,CAAO,IACnCW,KAAmBjB,CAAI,EACtBqB,GAAuBE,EAAoBvB,CAAI,EACxD,EACA,CAACK,EAASC,EAASW,EAAUI,CAAqB,CAAA,EAGhDuB,EAAYJ,cAAaK,GAAwB,CACnD,MAAMC,EAAU,KAAK,IAAI,EAAG,KAAK,IAAIpD,EAAe,EAAGmD,CAAK,CAAC,EAC7Db,EAAcc,CAAO,EACrB,MAAMC,EAAOd,EAAQ,QACrB,GAAI,CAACc,EAAM,OACKA,EAAK,iBAAoC,kBAAkB,EACnED,CAAO,GAAG,MAAA,CACtB,EAAG,CAAA,CAAE,EAECE,EAAgBR,EAAAA,YAClB,CAACS,EAAyCJ,IAAwB,CAC9D,OAAQI,EAAM,IAAA,CACV,IAAK,YACDA,EAAM,eAAA,EACNL,EAAUC,EAAQ,CAAC,EACnB,MACJ,IAAK,aACDI,EAAM,eAAA,EACNL,EAAUC,EAAQ,CAAC,EACnB,MACJ,IAAK,UACDI,EAAM,eAAA,EACNL,EAAUC,EAAQ,CAAC,EACnB,MACJ,IAAK,YACDI,EAAM,eAAA,EACNL,EAAUC,EAAQ,CAAC,EACnB,MACJ,IAAK,QACL,IAAK,IACDI,EAAM,eAAA,EACNN,EAAW/B,EAAMiC,CAAK,CAAC,EACvB,KAEA,CAEZ,EACA,CAACD,EAAWD,EAAY/B,CAAK,CAAA,EAGjC,OACIsC,OAAC,OAAI,UAAWC,EAAAA,GAAGC,UAAO,KAAMjC,CAAS,EAAI,GAAGC,EAC5C,SAAA,CAAA8B,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,OACnB,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,IAClB,aAAW,iBACX,QAAS,IAAMb,EAAY,EAAE,EAE5B,SAAA,GAAA,CAAA,SAEJ,OAAA,CAAK,UAAWa,EAAAA,QAAO,MAAO,YAAU,SACpC,SAAA,CAAA3D,EAAaqC,EAAa,UAAU,EAAE,IAAEA,EAAa,YAAA,CAAY,EACtE,EACAuB,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,IAClB,aAAW,aACX,QAAS,IAAMb,EAAY,CAAC,EAE3B,SAAA,GAAA,CAAA,CACL,EACJ,EAEAc,EAAAA,IAAC,OAAI,UAAWD,EAAAA,QAAO,SAAU,KAAK,MACjC,WAAc,IAAKE,GAChBD,MAAC,OAAA,CAAiB,UAAWD,EAAAA,QAAO,QAAS,KAAK,eAC7C,SAAAE,CAAA,EADMA,CAEX,CACH,CAAA,CACL,EAEAD,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KAAM,KAAK,OAAO,IAAKnB,EACzC,SAAArB,EAAM,IAAI,CAACZ,EAAM6C,IAAU,CACxB,MAAMU,EAAUvD,EAAK,SAAA,IAAe8B,EAAa,SAAA,EAC3C0B,EAAa/B,EAAWxB,EAAUD,EAAMyB,CAAQ,EAAI,GACpDgC,EAAUxD,EAAUD,EAAMmC,CAAK,EAC/BuB,EAAWtD,EAAaJ,EAAMK,EAASC,CAAO,EAC9CqD,EACF5B,IAAe,KACTwB,GAAWvD,EAAK,QAAA,IAAc,EAC9B+B,IAAec,EACzB,OACIQ,EAAAA,IAAC,SAAA,CAEG,KAAK,SACL,WAAQ,GACR,KAAK,WACL,UAAWF,EAAAA,GACPC,EAAAA,QAAO,IACP,CAACG,GAAWH,EAAAA,QAAO,QACnBI,GAAcJ,EAAAA,QAAO,SACrBK,GAAWL,EAAAA,QAAO,KAAA,EAEtB,eAAcI,EACd,gBAAeA,EACf,eAAcC,EAAU,OAAS,OACjC,SAAAC,EACA,SAAUC,EAAgB,EAAI,GAC9B,QAAS,IAAMhB,EAAW3C,CAAI,EAC9B,UAAYiD,GAAUD,EAAcC,EAAOJ,CAAK,EAE/C,WAAK,QAAA,CAAQ,EAlBTA,CAAA,CAqBjB,CAAC,CAAA,CACL,CAAA,EACJ,CAER"}
+{"version":3,"file":"Calendar.cjs","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Calendar/Calendar.js

@@ -1,156 +1,163 @@
-import { jsxs as A, jsx as i } from "react/jsx-runtime";
-import { useState as v, useRef as Q, useMemo as Y, useCallback as M } from "react";
-import { cn as R } from "../../utils/cn.js";
-import o from "./Calendar.module.css.js";
-const X = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Z = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-], O = 42;
-function u(t, n, s) {
-  return new Date(t, n, s);
+import { cn as e } from "../../utils/cn.js";
+import t from "./Calendar.module.js";
+import { useCallback as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/Calendar/Calendar.tsx
+var c = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+], l = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], u = 42;
+function d(e, t, n) {
+	return new Date(e, t, n);
 }
-function D(t) {
-  return new Date(t.getFullYear(), t.getMonth(), t.getDate());
+function f(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function _(t, n) {
-  return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
+function p(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function C(t, n, s) {
-  const a = D(t).getTime();
-  return !!(n && a < D(n).getTime() || s && a > D(s).getTime());
+function m(e, t, n) {
+	let r = f(e).getTime();
+	return !!(t && r < f(t).getTime() || n && r > f(n).getTime());
 }
-function $(t, n) {
-  const s = t.getFullYear(), a = t.getMonth(), d = (u(s, a, 1).getDay() - n + 7) % 7, l = u(s, a, 1 - d), b = [];
-  for (let f = 0; f < O; f += 1)
-    b.push(u(l.getFullYear(), l.getMonth(), l.getDate() + f));
-  return b;
+function h(e, t) {
+	let n = e.getFullYear(), r = e.getMonth(), i = d(n, r, 1 - (d(n, r, 1).getDay() - t + 7) % 7), a = [];
+	for (let e = 0; e < u; e += 1) a.push(d(i.getFullYear(), i.getMonth(), i.getDate() + e));
+	return a;
 }
-function re({
-  value: t,
-  defaultValue: n,
-  onChange: s,
-  month: a,
-  onMonthChange: y,
-  minDate: m,
-  maxDate: d,
-  weekStartsOn: l = 0,
-  className: b,
-  ...f
-}) {
-  const k = t !== void 0, [W, J] = v(n), S = k ? t : W, w = a !== void 0, [K, j] = v(() => {
-    const e = a ?? t ?? n ?? /* @__PURE__ */ new Date();
-    return u(e.getFullYear(), e.getMonth(), 1);
-  }), c = w ? u(a.getFullYear(), a.getMonth(), 1) : K, [T, B] = v(null), I = Q(null), G = Y(() => D(/* @__PURE__ */ new Date()), []), F = Y(
-    () => $(c, l),
-    [c, l]
-  ), q = Y(() => Array.from({ length: 7 }, (e, r) => X[(r + l) % 7]), [l]), L = M(
-    (e) => {
-      const r = u(c.getFullYear(), c.getMonth() + e, 1);
-      y && y(r), w || j(r);
-    },
-    [c, y, w]
-  ), N = M(
-    (e) => {
-      C(e, m, d) || (s && s(e), k || J(e));
-    },
-    [m, d, s, k]
-  ), g = M((e) => {
-    const r = Math.max(0, Math.min(O - 1, e));
-    B(r);
-    const h = I.current;
-    if (!h) return;
-    h.querySelectorAll("button[data-day]")[r]?.focus();
-  }, []), H = M(
-    (e, r) => {
-      switch (e.key) {
-        case "ArrowLeft":
-          e.preventDefault(), g(r - 1);
-          break;
-        case "ArrowRight":
-          e.preventDefault(), g(r + 1);
-          break;
-        case "ArrowUp":
-          e.preventDefault(), g(r - 7);
-          break;
-        case "ArrowDown":
-          e.preventDefault(), g(r + 7);
-          break;
-        case "Enter":
-        case " ":
-          e.preventDefault(), N(F[r]);
-          break;
-      }
-    },
-    [g, N, F]
-  );
-  return /* @__PURE__ */ A("div", { className: R(o.root, b), ...f, children: [
-    /* @__PURE__ */ A("div", { className: o.header, children: [
-      /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: o.nav,
-          "aria-label": "Previous month",
-          onClick: () => L(-1),
-          children: "‹"
-        }
-      ),
-      /* @__PURE__ */ A("span", { className: o.title, "aria-live": "polite", children: [
-        Z[c.getMonth()],
-        " ",
-        c.getFullYear()
-      ] }),
-      /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: o.nav,
-          "aria-label": "Next month",
-          onClick: () => L(1),
-          children: "›"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ i("div", { className: o.weekdays, role: "row", children: q.map((e) => /* @__PURE__ */ i("span", { className: o.weekday, role: "columnheader", children: e }, e)) }),
-    /* @__PURE__ */ i("div", { className: o.grid, role: "grid", ref: I, children: F.map((e, r) => {
-      const h = e.getMonth() === c.getMonth(), p = S ? _(e, S) : !1, E = _(e, G), P = C(e, m, d), U = T === null ? h && e.getDate() === 1 : T === r;
-      return /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          "data-day": !0,
-          role: "gridcell",
-          className: R(
-            o.day,
-            !h && o.outside,
-            p && o.selected,
-            E && o.today
-          ),
-          "aria-pressed": p,
-          "aria-selected": p,
-          "aria-current": E ? "date" : void 0,
-          disabled: P,
-          tabIndex: U ? 0 : -1,
-          onClick: () => N(e),
-          onKeyDown: (z) => H(z, r),
-          children: e.getDate()
-        },
-        r
-      );
-    }) })
-  ] });
+function g({ value: g, defaultValue: _, onChange: v, month: y, onMonthChange: b, minDate: x, maxDate: S, weekStartsOn: C = 0, className: w, ...T }) {
+	let E = g !== void 0, [D, O] = a(_), k = E ? g : D, A = y !== void 0, [j, M] = a(() => {
+		let e = y ?? g ?? _ ?? /* @__PURE__ */ new Date();
+		return d(e.getFullYear(), e.getMonth(), 1);
+	}), N = A ? d(y.getFullYear(), y.getMonth(), 1) : j, [P, F] = a(null), I = i(null), L = r(() => f(/* @__PURE__ */ new Date()), []), R = r(() => h(N, C), [N, C]), z = r(() => Array.from({ length: 7 }, (e, t) => c[(t + C) % 7]), [C]), B = n((e) => {
+		let t = d(N.getFullYear(), N.getMonth() + e, 1);
+		b && b(t), A || M(t);
+	}, [
+		N,
+		b,
+		A
+	]), V = n((e) => {
+		m(e, x, S) || (v && v(e), E || O(e));
+	}, [
+		x,
+		S,
+		v,
+		E
+	]), H = n((e) => {
+		let t = Math.max(0, Math.min(u - 1, e));
+		F(t);
+		let n = I.current;
+		n && n.querySelectorAll("button[data-day]")[t]?.focus();
+	}, []), U = n((e, t) => {
+		switch (e.key) {
+			case "ArrowLeft":
+				e.preventDefault(), H(t - 1);
+				break;
+			case "ArrowRight":
+				e.preventDefault(), H(t + 1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), H(t - 7);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), H(t + 7);
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), V(R[t]);
+				break;
+			default: break;
+		}
+	}, [
+		H,
+		V,
+		R
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: e(t.root, w),
+		...T,
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: t.header,
+				children: [
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						className: t.nav,
+						"aria-label": "Previous month",
+						onClick: () => B(-1),
+						children: "‹"
+					}),
+					/* @__PURE__ */ s("span", {
+						className: t.title,
+						"aria-live": "polite",
+						children: [
+							l[N.getMonth()],
+							" ",
+							N.getFullYear()
+						]
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						className: t.nav,
+						"aria-label": "Next month",
+						onClick: () => B(1),
+						children: "›"
+					})
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: t.weekdays,
+				role: "row",
+				children: z.map((e) => /* @__PURE__ */ o("span", {
+					className: t.weekday,
+					role: "columnheader",
+					children: e
+				}, e))
+			}),
+			/* @__PURE__ */ o("div", {
+				className: t.grid,
+				role: "grid",
+				ref: I,
+				children: R.map((n, r) => {
+					let i = n.getMonth() === N.getMonth(), a = k ? p(n, k) : !1, s = p(n, L), c = m(n, x, S), l = P === null ? i && n.getDate() === 1 : P === r;
+					return /* @__PURE__ */ o("button", {
+						type: "button",
+						"data-day": !0,
+						role: "gridcell",
+						className: e(t.day, !i && t.outside, a && t.selected, s && t.today),
+						"aria-pressed": a,
+						"aria-selected": a,
+						"aria-current": s ? "date" : void 0,
+						disabled: c,
+						tabIndex: l ? 0 : -1,
+						onClick: () => V(n),
+						onKeyDown: (e) => U(e, r),
+						children: n.getDate()
+					}, r);
+				})
+			})
+		]
+	});
 }
-export {
-  re as Calendar
-};
-//# sourceMappingURL=Calendar.js.map
+//#endregion
+export { g as Calendar };
+
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","isSameDay","a","b","isOutOfRange","minDate","maxDate","buildGrid","weekStartsOn","monthIndex","leading","start","cells","i","Calendar","value","defaultValue","onChange","onMonthChange","className","props","isSelectionControlled","internalSelected","setInternalSelected","useState","selected","isMonthControlled","internalMonth","setInternalMonth","base","visibleMonth","focusedDay","setFocusedDay","gridRef","useRef","today","useMemo","weekdayLabels","_","changeMonth","useCallback","offset","next","selectDate","focusCell","index","clamped","grid","handleKeyDown","event","jsxs","cn","styles","jsx","label","inMonth","isSelected","isToday","disabled","isFocusTarget"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Calendar/Calendar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_ObO-Z`,t=`tempest_header_5nSJG`,n=`tempest_title_Jd3Xb`,r=`tempest_nav_4h58I`,i=`tempest_weekdays_YzRfx`,a=`tempest_grid_nbaFm`,o=`tempest_weekday_k-7Vr`,s=`tempest_day_ao-IC`,c=`tempest_outside_HkC-6`,l=`tempest_today_p18-m`,u=`tempest_selected_C9bTY`,d={root:e,header:t,title:n,nav:r,weekdays:i,grid:a,weekday:o,day:s,outside:c,today:l,selected:u};exports.day=s,exports.default=d,exports.grid=a,exports.header=t,exports.nav=r,exports.outside=c,exports.root=e,exports.selected=u,exports.title=n,exports.today=l,exports.weekday=o,exports.weekdays=i;
+//# sourceMappingURL=Calendar.module.cjs.map

package/dist/components/Calendar/Calendar.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module.cjs","names":[],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}

package/dist/components/Calendar/Calendar.module.js

@@ -0,0 +1,18 @@
+//#region src/components/Calendar/Calendar.module.css
+var e = "tempest_root_ObO-Z", t = "tempest_header_5nSJG", n = "tempest_title_Jd3Xb", r = "tempest_nav_4h58I", i = "tempest_weekdays_YzRfx", a = "tempest_grid_nbaFm", o = "tempest_weekday_k-7Vr", s = "tempest_day_ao-IC", c = "tempest_outside_HkC-6", l = "tempest_today_p18-m", u = "tempest_selected_C9bTY", d = {
+	root: e,
+	header: t,
+	title: n,
+	nav: r,
+	weekdays: i,
+	grid: a,
+	weekday: o,
+	day: s,
+	outside: c,
+	today: l,
+	selected: u
+};
+//#endregion
+export { s as day, d as default, a as grid, t as header, r as nav, c as outside, e as root, u as selected, n as title, l as today, o as weekday, i as weekdays };
+
+//# sourceMappingURL=Calendar.module.js.map

package/dist/components/Calendar/Calendar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module.js","names":[],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}