@charcuterie/ui 3.0.0 → 3.2.0

package/dist/DataTable/DataTable.js

@@ -0,0 +1,197 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Checkbox } from "../Checkbox/Checkbox.js";
+import { SortableTableHeader } from "../SortableTableHeader/SortableTableHeader.js";
+import { toClassName } from "../toClassName.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+/**
+ * The cell padding, in one place because four elements have to agree
+ * on it: the sortable header's button (which brings its own, inside
+ * `SortableTableHeader`), the plain header, the body cell, and the
+ * empty-state cell.
+ */
+const CELL_PADDING_CLASS = "px-3 py-2";
+/**
+ * `role` on every part, and it is not belt-and-braces.
+ *
+ * The narrow layout takes `display` away from the table elements —
+ * `block` on the table, `grid` on the row, `flex` on the cell — and
+ * a table's semantics have historically travelled with its
+ * `display`. Measured in this sandbox's chromium via CDP
+ * (`Accessibility.getFullAXTree`), that engine now keeps
+ * `table` / `row` / `columnheader` / `cell` intact through
+ * `display: block`; the roles below are therefore a **no-op here**
+ * and insurance for the engines this sandbox cannot run. The one
+ * measured difference is `<tbody>`: chromium ignores it entirely
+ * until it is given `role="rowgroup"`, at which point it joins the
+ * tree as a rowgroup beside `<thead>`'s — which is what a table
+ * with two rowgroups is supposed to look like.
+ *
+ * The cost of being wrong in each direction is what settles it. A
+ * redundant role changes nothing anywhere. A dropped one turns the
+ * whole table into a stack of unrelated text in exactly the layout
+ * where the column headers are no longer on screen to read.
+ */
+const ROW_GROUP_ROLE = "rowgroup";
+/**
+ * **A table that reflows instead of scrolling, sized by its
+ * container.**
+ *
+ * ### It composes `SortableTableHeader`; it does not replace it
+ *
+ * The header cell shipped first, on its own, and stays on its own:
+ * it is already in a published 1.0.0 with a consumer of its own
+ * (mux-magic's `FileExplorerModal`), and subsuming it would be a
+ * breaking change bought for nothing. Every sortable column here
+ * renders that component, so there is exactly one place in the fleet
+ * that knows `aria-sort` belongs on the `<th>` while the click
+ * target is a `<button>` inside it, and one place to fix if that is
+ * ever wrong.
+ *
+ * That composition is also why this is a **real `<table>`**. A grid
+ * of `<div role="row">`s is the other reasonable choice, and it
+ * cannot host a `<th>` at all — so it would have meant either
+ * duplicating the header or breaking it.
+ *
+ * ### The narrow layout reflows; it never scrolls sideways
+ *
+ * Below `--cq-md` (32rem) each row stops being a row and becomes a
+ * labelled block — the column name beside its value, one pair per
+ * line — while the header row wraps into a strip of sort controls
+ * that stays reachable. Above it, a normal table.
+ *
+ * The two rejected alternatives are worth naming because both are
+ * common:
+ *
+ *  - **Horizontal scroll.** WCAG 2.2 SC 1.4.10 (Reflow) exists
+ *    because of it, and the consumer this was built for bans it
+ *    outright ("No horizontal scroll, ever"). A pan surface also
+ *    hides the *existence* of the columns off-screen.
+ *  - **Dropping low-priority columns.** Cheapest to build and the
+ *    only one that loses data: the assignee column does not come
+ *    back, and there is no gesture that asks for it.
+ *
+ * ### Container queries, never a media query
+ *
+ * The width that matters is the element's, not the window's. A table
+ * in a three-up board lane is narrow on a 4K monitor, and the owner
+ * of this fleet browses zoomed in — a 1500px window at 175% zoom is
+ * ~860 effective pixels, so a `@media (max-width: …)` is measuring
+ * something that is not the question. The `@container` is declared
+ * on the wrapper and queried by its descendants, because a container
+ * query never matches the element that declares it.
+ *
+ * ### What it does not own
+ *
+ * **Sorting the data.** `sort` says which column is sorted;
+ * `onSortChange` asks for a different one. Comparing two values is
+ * per-column app logic — a date, a title, a priority enum with an
+ * order that is not alphabetical — and a table that sorted its own
+ * rows would have to be handed a comparator per column to do it,
+ * which is the same code in a worse place. The rows arrive ordered.
+ *
+ * **The selected set.** `selection.selectedRowKeys` is authoritative
+ * and lives with the consumer, because every use of a selection —
+ * the count in a toolbar, the bulk action, the undo — is outside
+ * this component. That is the opposite of `Checkbox`, and for a
+ * stated reason: the platform owns one checkbox's checkedness, and
+ * nothing at all owns "these five rows".
+ *
+ * **Column widths.** No drag handle, no measured layout. The browser's
+ * own auto table layout sizes columns to their content, which is a
+ * better algorithm than anything worth reimplementing, and
+ * `column.className` overrides it. Drag-to-resize is a *persistence*
+ * question (whose widths, stored where, keyed on what) that a
+ * component cannot answer for its consumer.
+ *
+ * **Virtualisation.** Deliberately absent; see the decision record.
+ * Every row is in the DOM, which is what keeps the accessibility
+ * tree honest and the auto column layout possible.
+ */
+export const DataTable = ({ className, columns, emptyState, getRowKey, isLabelVisible = false, label, onSortChange, rows, selection, sort, }) => {
+    const tableRef = useRef(null);
+    const selectedRowKeys = selection?.selectedRowKeys;
+    /**
+     * The checkboxes are **written to**, not re-mounted.
+     *
+     * `Checkbox` is uncontrolled by design — `isChecked` seeds the
+     * first paint and the `<input>` is the store from then on — so a
+     * consumer changing `selectedRowKeys` out from under it (a "clear
+     * selection" button, a filter that drops a selected row) would
+     * otherwise leave the tick behind. Re-mounting with a
+     * state-bearing `key` fixes the tick and throws the focus away
+     * mid-keyboard, one row into a `Space`-through-the-list.
+     *
+     * So the store gets written instead, which is also the only way to
+     * express the header box's third state: `indeterminate` is a DOM
+     * property with no HTML attribute at all, so there is no markup
+     * that could have set it.
+     *
+     * No dependency array: this has to run after every render that
+     * could have changed a row, and it is a `querySelectorAll` over
+     * the rows already on screen.
+     */
+    useEffect(() => {
+        const table = tableRef.current;
+        if (!table || !selectedRowKeys) {
+            return;
+        }
+        const selectedKeys = new Set(selectedRowKeys);
+        for (const input of table.querySelectorAll('tbody input[type="checkbox"]')) {
+            input.checked = selectedKeys.has(input.value);
+        }
+        const selectAllInput = table.querySelector('thead input[type="checkbox"]');
+        if (selectAllInput) {
+            const selectedRowCount = rows.filter((row) => selectedKeys.has(getRowKey(row))).length;
+            selectAllInput.checked =
+                rows.length > 0 && selectedRowCount === rows.length;
+            selectAllInput.indeterminate =
+                selectedRowCount > 0 &&
+                    selectedRowCount < rows.length;
+        }
+    });
+    const selectedKeys = new Set(selectedRowKeys ?? []);
+    const columnCount = columns.length + (selection ? 1 : 0);
+    return (_jsx("div", { className: toClassName("@container", className), children: _jsxs("table", { className: "block w-full border-collapse text-start text-content-primary text-md cq-md:table", ref: tableRef, role: "table", children: [_jsx("caption", { className: toClassName("text-start", isLabelVisible
+                        ? "pb-2 font-medium text-content-secondary text-sm"
+                        : "sr-only"), children: label }), _jsx("thead", { className: "block cq-md:table-header-group", role: ROW_GROUP_ROLE, children: _jsxs("tr", { className: "flex flex-wrap items-center gap-x-1 border-border-subtle border-b cq-md:table-row cq-md:border-b-0", role: "row", children: [selection ? (_jsx("th", { className: toClassName("border-border-subtle p-2 text-start cq-md:table-cell cq-md:border-b"), role: "columnheader", scope: "col", children: _jsx(Checkbox, { label: _jsx(VisuallyHidden, { children: selection.selectAllLabel ??
+                                            "Select all rows" }), onChange: (isChecked) => {
+                                        selection.onSelectionChange(isChecked ? rows.map(getRowKey) : []);
+                                    } }) })) : null, columns.map((column) => column.isSortable ? (_jsx(SortableTableHeader
+                            // The header keeps its own `border-b` for the
+                            // wide layout and loses it in the strip, where
+                            // one underline per chip reads as five separate
+                            // rules rather than one header edge.
+                            , { 
+                                // The header keeps its own `border-b` for the
+                                // wide layout and loses it in the strip, where
+                                // one underline per chip reads as five separate
+                                // rules rather than one header edge.
+                                className: toClassName("border-b-0 cq-md:border-b", column.className), direction: sort?.columnKey === column.key
+                                    ? sort.direction
+                                    : undefined, onSort: (direction) => {
+                                    onSortChange?.({
+                                        columnKey: column.key,
+                                        direction,
+                                    });
+                                }, children: column.header }, column.key)) : (_jsx("th", { className: toClassName("border-border-subtle text-start font-medium text-content-secondary text-sm uppercase tracking-wide cq-md:table-cell cq-md:border-b", CELL_PADDING_CLASS, column.className), role: "columnheader", scope: "col", children: column.header }, column.key)))] }) }), _jsx("tbody", { className: "flex flex-col gap-2 pt-2 cq-md:table-row-group cq-md:gap-0 cq-md:pt-0", role: ROW_GROUP_ROLE, children: rows.length === 0 ? (_jsx("tr", { className: "block cq-md:table-row", role: "row", children: _jsx("td", { className: "block p-0 cq-md:table-cell", colSpan: columnCount, role: "cell", children: emptyState }) })) : (rows.map((row) => {
+                        const rowKey = getRowKey(row);
+                        const isSelected = selectedKeys.has(rowKey);
+                        return (_jsxs("tr", { className: toClassName(
+                            // Narrow: a card. Wide: a row with a hairline
+                            // under it. Both states are written here rather
+                            // than in a stylesheet so a reader can see the
+                            // whole of a row's shape in one place.
+                            "flex flex-col gap-1 rounded-lg border border-border-subtle p-3 transition-colors duration-(--duration-fast) ease-standard", "cq-md:table-row cq-md:gap-0 cq-md:rounded-none cq-md:border-0 cq-md:border-border-subtle cq-md:border-b cq-md:p-0", isSelected
+                                ? "bg-intent-accent-surface"
+                                : "bg-surface-raised hover:bg-intent-neutral-surface cq-md:bg-transparent"), "data-is-selected": isSelected, role: "row", children: [selection ? (_jsx("td", { className: "block p-2 cq-md:table-cell cq-md:align-middle", role: "cell", children: _jsx(Checkbox, { isChecked: isSelected, label: _jsx(VisuallyHidden, { children: selection.getRowLabel(row) }), onChange: (isChecked) => {
+                                            selection.onSelectionChange(isChecked
+                                                ? [
+                                                    ...selection.selectedRowKeys,
+                                                    rowKey,
+                                                ]
+                                                : selection.selectedRowKeys.filter((one) => one !== rowKey));
+                                        }, value: rowKey }) })) : null, columns.map((column) => (_jsxs("td", { className: toClassName("flex items-baseline gap-3 py-0.5 cq-md:table-cell cq-md:align-middle", CELL_PADDING_CLASS, "cq-md:py-2", column.className), role: "cell", children: [_jsx("span", { "aria-hidden": "true", className: "w-20 shrink-0 truncate text-content-secondary text-xs uppercase tracking-wide cq-sm:w-24 cq-md:hidden", children: column.header }), _jsx("span", { className: "min-w-0 flex-1 wrap-anywhere cq-md:wrap-normal", children: column.renderCell(row) })] }, column.key)))] }, rowKey));
+                    })) })] }) }));
+};
+//# sourceMappingURL=DataTable.js.map

package/dist/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/DatePicker/DateGrid.d.ts

@@ -0,0 +1,79 @@
+import type { ReactNode } from "react";
+import type { PlainDate } from "./plainDate.ts";
+export type DateGridProps = {
+    firstDayOfWeek: number;
+    focusedDate: PlainDate;
+    /**
+     * The month this grid draws — any date inside it. `DatePicker`
+     * renders two of these in range mode, so the month is a prop
+     * rather than derived from the focus.
+     */
+    gridMonth: PlainDate;
+    /**
+     * Whether the keyboard is *in* the grid. Only the grid that owns
+     * focus pulls it onto its focused cell; the other one would rip
+     * focus back and forth between the two months on every arrow key.
+     */
+    isGridFocused: boolean;
+    isRange: boolean;
+    label: string;
+    locale?: string;
+    maximum?: PlainDate;
+    minimum?: PlainDate;
+    onFocusDate: (date: PlainDate) => void;
+    onHoverDate: (date: null | PlainDate) => void;
+    onSelectDate: (date: PlainDate) => void;
+    /**
+     * The end of the band being drawn *right now* — the committed end,
+     * or the hovered/keyboard-focused day while the second click is
+     * still outstanding. Painting the pending half is the difference
+     * between a range picker you can aim and one you have to guess at.
+     */
+    previewEnd: null | PlainDate;
+    rangeStart: null | PlainDate;
+    selectedDates: readonly PlainDate[];
+    today: PlainDate;
+};
+/**
+ * One month, as a real `<table role="grid">`.
+ *
+ * ### Why the roving focus is arithmetic and not `useRovingFocus`
+ *
+ * `@charcuterie/logic`'s `RovingFocus` is a **registration** kind:
+ * members register from an effect and `next`/`previous`/`first`/
+ * `last` walk that list. `SegmentedControl` and `Tabs` are exactly
+ * that shape, and a calendar is not, for two reasons that are worth
+ * stating rather than discovering:
+ *
+ *  - The movement is two-dimensional and it is *date* arithmetic, not
+ *    list traversal. ArrowDown is "+7 days", which is a different
+ *    thing from "the seventh next registered member" the moment a
+ *    month does not start on the first column.
+ *  - The move can leave the rendered set entirely. ArrowRight on 31
+ *    August lands on 1 September, which is a day this grid has not
+ *    rendered and no member has registered. A registration list
+ *    cannot express a move to something that does not exist yet; a
+ *    day number can, and re-rendering the grid around it is the
+ *    correct response.
+ *
+ * So the focused *date* is the state and the DOM follows it. This is
+ * the same conclusion `Field` reached about `createLinkedIds` — the
+ * state kind is real and this is not its shape.
+ *
+ * ### The cell is the gridcell
+ *
+ * `<td tabindex>` rather than `<td><button>`. It is the APG date
+ * picker's own structure, it keeps exactly one tab stop in the grid
+ * (which `expectAgentDrivable` checks), and it avoids a focusable
+ * button inside a focusable cell — two tab stops per day, which is
+ * what the naive build produces.
+ *
+ * Each cell's accessible name is the **whole date**, formatted in
+ * the active locale: "Wednesday, August 19, 2026", not "19". A
+ * screen reader reading a bare number in a grid with no row or
+ * column headers announced is a user counting cells, and
+ * `getByRole("gridcell", { name: … })` becomes unusable the moment
+ * two months are on screen.
+ */
+export declare const DateGrid: ({ firstDayOfWeek, focusedDate, gridMonth, isGridFocused, isRange, label, locale, maximum, minimum, onFocusDate, onHoverDate, onSelectDate, previewEnd, rangeStart, selectedDates, today, }: DateGridProps) => ReactNode;
+//# sourceMappingURL=DateGrid.d.ts.map

package/dist/DatePicker/DateGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateGrid.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DateGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAe/C,MAAM,MAAM,aAAa,GAAG;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,SAAS,CAAA;IACtB;;;;OAIG;IACH,SAAS,EAAE,SAAS,CAAA;IACpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC;;;;;OAKG;IACH,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,aAAa,EAAE,SAAS,SAAS,EAAE,CAAA;IACnC,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,QAAQ,GAAI,4LAiBtB,aAAa,KAAG,SA0VlB,CAAA"}

package/dist/DatePicker/DateGrid.js

@@ -0,0 +1,220 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { FOCUS_RING_CLASS } from "../intentStyles.js";
+import { toClassName } from "../toClassName.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { addDays, addMonths, clampPlainDate, comparePlainDates, formatPlainDate, getDaysInMonth, getIsSameDay, getIsWithinRange, getWeekday, getWeekdayNames, toIsoDate, } from "./plainDate.js";
+const CELL_BASE_CLASS = "cursor-pointer rounded-md p-0 text-center";
+const DAY_BASE_CLASS = "mx-auto flex size-8 items-center justify-center rounded-md border border-transparent text-xs transition-colors duration-(--duration-fast) ease-standard cq-xs:size-9 cq-xs:text-sm cq-sm:size-10";
+/**
+ * One month, as a real `<table role="grid">`.
+ *
+ * ### Why the roving focus is arithmetic and not `useRovingFocus`
+ *
+ * `@charcuterie/logic`'s `RovingFocus` is a **registration** kind:
+ * members register from an effect and `next`/`previous`/`first`/
+ * `last` walk that list. `SegmentedControl` and `Tabs` are exactly
+ * that shape, and a calendar is not, for two reasons that are worth
+ * stating rather than discovering:
+ *
+ *  - The movement is two-dimensional and it is *date* arithmetic, not
+ *    list traversal. ArrowDown is "+7 days", which is a different
+ *    thing from "the seventh next registered member" the moment a
+ *    month does not start on the first column.
+ *  - The move can leave the rendered set entirely. ArrowRight on 31
+ *    August lands on 1 September, which is a day this grid has not
+ *    rendered and no member has registered. A registration list
+ *    cannot express a move to something that does not exist yet; a
+ *    day number can, and re-rendering the grid around it is the
+ *    correct response.
+ *
+ * So the focused *date* is the state and the DOM follows it. This is
+ * the same conclusion `Field` reached about `createLinkedIds` — the
+ * state kind is real and this is not its shape.
+ *
+ * ### The cell is the gridcell
+ *
+ * `<td tabindex>` rather than `<td><button>`. It is the APG date
+ * picker's own structure, it keeps exactly one tab stop in the grid
+ * (which `expectAgentDrivable` checks), and it avoids a focusable
+ * button inside a focusable cell — two tab stops per day, which is
+ * what the naive build produces.
+ *
+ * Each cell's accessible name is the **whole date**, formatted in
+ * the active locale: "Wednesday, August 19, 2026", not "19". A
+ * screen reader reading a bare number in a grid with no row or
+ * column headers announced is a user counting cells, and
+ * `getByRole("gridcell", { name: … })` becomes unusable the moment
+ * two months are on screen.
+ */
+export const DateGrid = ({ firstDayOfWeek, focusedDate, gridMonth, isGridFocused, isRange, label, locale, maximum, minimum, onFocusDate, onHoverDate, onSelectDate, previewEnd, rangeStart, selectedDates, today, }) => {
+    const cellElements = useRef(new Map());
+    const daysInMonth = getDaysInMonth(gridMonth.year, gridMonth.month);
+    const firstOfMonth = {
+        day: 1,
+        month: gridMonth.month,
+        year: gridMonth.year,
+    };
+    const leadingBlanks = (getWeekday(firstOfMonth) - firstDayOfWeek + 7) % 7;
+    const days = Array.from({ length: daysInMonth }, (_unused, index) => ({
+        day: index + 1,
+        month: gridMonth.month,
+        year: gridMonth.year,
+    }));
+    const getIsEnabled = (date) => getIsWithinRange(date, minimum, maximum);
+    const isFocusInThisMonth = focusedDate.month === gridMonth.month &&
+        focusedDate.year === gridMonth.year;
+    /**
+     * Exactly one cell in this grid is in the tab order. When the
+     * focused date is in another month — the second grid of a range
+     * picker — the tab stop falls to the first day this grid *can*
+     * offer, because a grid with zero tab stops strands the widget and
+     * a grid where every cell is tabbable is the pattern not being
+     * implemented at all.
+     */
+    const tabStopDate = isFocusInThisMonth
+        ? focusedDate
+        : (days.find(getIsEnabled) ?? firstOfMonth);
+    useEffect(() => {
+        if (!isGridFocused || !isFocusInThisMonth) {
+            return;
+        }
+        cellElements.current
+            .get(toIsoDate(focusedDate))
+            ?.focus();
+    }, [focusedDate, isFocusInThisMonth, isGridFocused]);
+    const moveFocus = (date) => {
+        onFocusDate(clampPlainDate(date, minimum, maximum));
+    };
+    const handleKeyDown = (keyEvent) => {
+        const moves = {
+            ArrowDown: () => addDays(focusedDate, 7),
+            ArrowLeft: () => addDays(focusedDate, -1),
+            ArrowRight: () => addDays(focusedDate, 1),
+            ArrowUp: () => addDays(focusedDate, -7),
+            End: () => addDays(focusedDate, 6 -
+                ((getWeekday(focusedDate) -
+                    firstDayOfWeek +
+                    7) %
+                    7)),
+            Home: () => addDays(focusedDate, -((getWeekday(focusedDate) - firstDayOfWeek + 7) %
+                7)),
+            PageDown: () => addMonths(focusedDate, keyEvent.shiftKey ? 12 : 1),
+            PageUp: () => addMonths(focusedDate, keyEvent.shiftKey ? -12 : -1),
+        };
+        const move = moves[keyEvent.key];
+        if (move) {
+            // Arrows scroll the page by default, and PageUp/PageDown scroll
+            // it a long way. A calendar that pages the document while it
+            // pages the month is the hand-rolled version of this component.
+            keyEvent.preventDefault();
+            moveFocus(move());
+            return;
+        }
+        if (keyEvent.key === "Enter" || keyEvent.key === " ") {
+            keyEvent.preventDefault();
+            if (getIsEnabled(focusedDate)) {
+                onSelectDate(focusedDate);
+            }
+        }
+    };
+    const weekdayNames = {
+        long: getWeekdayNames({
+            firstDayOfWeek,
+            locale,
+            weekday: "long",
+        }),
+        narrow: getWeekdayNames({
+            firstDayOfWeek,
+            locale,
+            weekday: "narrow",
+        }),
+        short: getWeekdayNames({
+            firstDayOfWeek,
+            locale,
+            weekday: "short",
+        }),
+    };
+    /**
+     * The band being painted right now: the committed pair, or the
+     * committed start plus whatever the pointer or the keyboard is
+     * currently over. Ordered, so a backwards drag paints forwards.
+     */
+    const bandFrom = previewEnd && rangeStart
+        ? comparePlainDates(previewEnd, rangeStart) < 0
+            ? previewEnd
+            : rangeStart
+        : null;
+    const bandTo = previewEnd && rangeStart
+        ? comparePlainDates(previewEnd, rangeStart) < 0
+            ? rangeStart
+            : previewEnd
+        : null;
+    const isBandWiderThanADay = bandFrom !== null &&
+        bandTo !== null &&
+        !getIsSameDay(bandFrom, bandTo);
+    /**
+     * Every cell of every week, including the neighbouring months'
+     * days, each keyed by its own real date.
+     *
+     * Keying a blank cell by its position in the array is the obvious
+     * thing and it is wrong twice over: React reuses the wrong node
+     * when the month changes length, and the lint rule that says so is
+     * right. A leading blank in August *is* a day in July; it has an
+     * ISO date whether or not it is drawn.
+     */
+    const weeks = Array.from({
+        length: Math.ceil((leadingBlanks + daysInMonth) / 7),
+    }, (_unused, weekIndex) => Array.from({ length: 7 }, (_blank, dayIndex) => addDays(firstOfMonth, weekIndex * 7 + dayIndex - leadingBlanks)));
+    return (_jsxs("table", { "aria-label": label, className: "w-full border-collapse", onMouseLeave: () => {
+            onHoverDate(null);
+        }, 
+        // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: a calendar IS the ARIA spec's own worked example of `role="grid"` on a `<table>` — an interactive grid whose cells take roving focus. Biome's advice ("replace table with a div") trades correct table semantics for five more suppressions on the div rebuild. It has to sit on the line immediately above the attribute: a biome suppression covers the NEXT LINE, not the next node, so one placed above a multi-line `<table` covers only the tag name — and `yarn lint` runs `--write --unsafe`, so a misplaced one deletes the role silently and the widget degrades to a static `role="table"`.
+        role: "grid", children: [_jsx("thead", { children: _jsx("tr", { children: weekdayNames.long.map((longName, index) => (_jsxs("th", { className: "pb-1 font-medium text-content-secondary text-xs", scope: "col", children: [_jsx("span", { "aria-hidden": "true", className: "cq-xs:hidden", children: weekdayNames.narrow[index] }), _jsx("span", { "aria-hidden": "true", className: "hidden cq-xs:inline", children: weekdayNames.short[index] }), _jsx(VisuallyHidden, { children: longName })] }, longName))) }) }), _jsx("tbody", { children: weeks.map((week) => (_jsx("tr", { children: week.map((date) => {
+                        const isoDate = toIsoDate(date);
+                        if (date.month !== gridMonth.month) {
+                            return (_jsx("td", { "aria-hidden": "true", className: "p-0", children: _jsx("span", { className: "block size-8 cq-xs:size-9 cq-sm:size-10" }) }, isoDate));
+                        }
+                        const isEnabled = getIsEnabled(date);
+                        const isSelected = selectedDates.some((one) => getIsSameDay(one, date));
+                        const isInBand = isRange &&
+                            isBandWiderThanADay &&
+                            bandFrom !== null &&
+                            bandTo !== null &&
+                            comparePlainDates(date, bandFrom) >= 0 &&
+                            comparePlainDates(date, bandTo) <= 0;
+                        return (_jsx("td", { "aria-current": getIsSameDay(today, date)
+                                ? "date"
+                                : undefined, "aria-disabled": isEnabled ? undefined : true, "aria-label": formatPlainDate(date, {
+                                dateStyle: "full",
+                                locale,
+                            }), "aria-selected": isSelected, className: toClassName(CELL_BASE_CLASS, FOCUS_RING_CLASS, !isEnabled && "cursor-not-allowed", isInBand && "bg-intent-accent-surface", isInBand &&
+                                bandFrom !== null &&
+                                getIsSameDay(bandFrom, date) &&
+                                "rounded-s-md", isInBand &&
+                                bandTo !== null &&
+                                getIsSameDay(bandTo, date) &&
+                                "rounded-e-md"), onClick: () => {
+                                if (isEnabled) {
+                                    onSelectDate(date);
+                                }
+                            }, onKeyDown: handleKeyDown, onMouseEnter: () => {
+                                onHoverDate(date);
+                            }, ref: (element) => {
+                                if (element) {
+                                    cellElements.current.set(isoDate, element);
+                                }
+                                else {
+                                    cellElements.current.delete(isoDate);
+                                }
+                            }, 
+                            // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: the APG date-picker's own structure — the `<td>` IS the gridcell and carries the roving tabindex, rather than wrapping a `<button>` and putting 31 tab stops in one month. A `<td>`'s implicit role is `cell`, so `gridcell` is the one role the platform does not already imply, and `aria-selected` is not supported without it.
+                            role: "gridcell", tabIndex: getIsSameDay(tabStopDate, date) ? 0 : -1, children: _jsx("span", { "aria-hidden": "true", className: toClassName(DAY_BASE_CLASS, isSelected &&
+                                    "bg-intent-accent-solid text-intent-accent-on-solid", !isSelected &&
+                                    getIsSameDay(today, date) &&
+                                    "border-intent-accent-border font-semibold", !isSelected &&
+                                    isEnabled &&
+                                    "hover:bg-intent-neutral-surface-hover", !isEnabled && "text-content-disabled"), children: date.day }) }, isoDate));
+                    }) }, toIsoDate(week[0] ?? firstOfMonth)))) })] }));
+};
+//# sourceMappingURL=DateGrid.js.map

package/dist/DatePicker/DateGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateGrid.js","sourceRoot":"","sources":["../../src/DatePicker/DateGrid.tsx"],"names":[],"mappings":"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"}