@50arms/ui 0.0.0-stage → 35.1.0

package/dist/components/board/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/board/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type {\n  BoardColumnId,\n  BoardColumnModel,\n  BoardItemId,\n  BoardMoveRequest,\n  BoardMoveOutcome,\n  BoardReorderLabels,\n} from \"../../lib/board\";\nimport type { CrossDrop } from \"../../lib/dnd\";\n\n/* ----------------------------------------------------------------------------\n   Shared state for `Board`'s parts — the same three-context, three-throwing-\n   hook shape `components/drag-drop/context.ts` uses, for the identical reason\n   stated there: the nesting is real (a board owns the funnel and the full\n   column list, a column owns which column its cards report as home, a card\n   owns the identity a menu action moves), and flattening it would let a\n   column's cards read a SIBLING column's identity, which is precisely the\n   mistake that sends a card to the wrong place with no error anywhere.\n\n   THE THROW IS THE POINT, same as the sibling file. A `BoardCard` rendered\n   outside a `BoardColumn` would otherwise read `undefined.columnId` and\n   either crash somewhere unrelated or, worse, silently move against a\n   `columnId` of `undefined` — which `resolveMove` would reject, but only at\n   the moment a human tries to move the card, not at the moment the mistake\n   was made.\n\n   ONE CAST, AND IT DOES NOT EXIST IN THE SIBLING FILE. `DragDropContextValue`\n   carries no data shaped by the consumer's item type, so it needs no generic\n   parameter. `BoardContextValue` DOES — `columns` is `BoardColumnModel<T>[]`,\n   because the \"Move to…\" menu (`Board.tsx`) needs every OTHER column's live\n   `count` to compute an append index, and that can only come from the same\n   model `useBoard` already built. React context values cannot carry a type\n   parameter without an indirection, so the context itself is declared over\n   `unknown` and `useBoardContext<T>()` casts on the way out. This is sound\n   exactly because a `<Board<T>>` and everything it provides context to sit in\n   ONE render tree sharing the SAME `T` — the cast never crosses a tree\n   boundary the way an `any` reaching across modules could.\n   -------------------------------------------------------------------------- */\n\n/* ----------------------------------------------------------------------------\n   IS THE WHOLE CARD THE DRAG SOURCE?\n\n   Set by `BoardCardSurface` around whatever the consumer renders inside it,\n   and read by the handle cluster — which sits inside that same subtree,\n   because the consumer places it there. That ordering is what makes a context\n   work where a ref would not: both are rendered in the same pass, and a ref\n   written during one child's render is not readable by a sibling's.\n\n   Default `false`, so a card with no surface behaves exactly as it always\n   has. The only thing this changes is whether the cluster still draws a grip:\n   with the whole card draggable a grip is a SECOND drag source for the same\n   card, which is redundant to look at and ambiguous to explain. The pointer\n   alternative the grip sits next to is untouched — that is the menu, it is\n   what WCAG 2.2 SC 2.5.7 actually requires, and it is never conditional.\n   -------------------------------------------------------------------------- */\nexport const BoardCardSurfaceContext = createContext(false);\n\n/** `true` when an ancestor `BoardCardSurface` makes this whole card draggable. */\nexport function useBoardCardIsDragSource(): boolean {\n  return useContext(BoardCardSurfaceContext);\n}\n\nexport interface BoardContextValue<T> {\n  /** Every declared column, in order, as `useBoard` last computed it. The\n   *  \"Move to…\" menu reads `id` / `label` / `count` off this to offer every\n   *  OTHER column as a destination and to compute an append index. */\n  columns: readonly BoardColumnModel<T>[];\n  /**\n   * The single funnel — see `lib/board/use-board.ts`. Every input source\n   * (drag, keyboard, the menu) calls exactly THIS and nothing else.\n   *\n   * This is `Board.tsx`'s own wrapper around `useBoard`'s `requestMove`, not\n   * the raw hook result — it ALSO surfaces a rejected verdict's reason (see\n   * `types.ts`'s own doc on `BoardMoveVerdict`: \"written for a person to\n   * read, not logged\") before returning it. Routing that through the same\n   * function every caller already has to call — rather than a second\n   * `reportRejection` a caller could forget — is what makes \"a rejected move\n   * never fails silently\" true of every source by construction, not by\n   * convention.\n   */\n  requestMove: (request: BoardMoveRequest) => BoardMoveOutcome;\n  /** The words for the card menu's within-column items (`Board`'s `reorderLabels`). */\n  reorderLabels: BoardReorderLabels;\n  /** What a card dropped on another lane means — `Board`'s `crossLaneDrop`. */\n  crossLaneDrop: CrossDrop;\n}\n\nexport interface BoardColumnContextValue {\n  columnId: BoardColumnId;\n  label: string;\n}\n\nexport interface BoardCardContextValue {\n  itemId: BoardItemId;\n  /** Position within ITS OWN column right now — the `from.index` half of any\n   *  move this card's handle constructs. */\n  index: number;\n  label: string | undefined;\n  /**\n   * Called by the card's move control on mount, returning its own cleanup.\n   *\n   * WHY A REGISTRATION RATHER THAN TRUST. `BoardCard` hands its control out\n   * through a render prop, which is what keeps card layout entirely\n   * consumer-owned — but a render prop can be received and never placed, and\n   * the thing that would go missing is the WCAG 2.2 SC 2.5.7 pointer\n   * alternative: the one control a touchscreen user with no keyboard has. That\n   * failure has no error, no type error and no visible symptom for anyone\n   * testing with a mouse, which is precisely the class this project keeps\n   * finding.\n   *\n   * So the control announces itself and `BoardCard` checks. React runs child\n   * effects before parent effects, so by the time the card's own effect runs\n   * the answer is already known. This is the same shape `DragDrop` uses to\n   * learn whether an overlay was rendered (`registerOverlay`) — a part reports\n   * its own existence rather than the parent trying to inspect its children.\n   */\n  registerHandle: () => () => void;\n}\n\nconst RootContext = createContext<BoardContextValue<unknown> | null>(null);\nconst ColumnContext = createContext<BoardColumnContextValue | null>(null);\nconst CardContext = createContext<BoardCardContextValue | null>(null);\n\nexport const BoardProvider = RootContext.Provider;\nexport const BoardColumnProvider = ColumnContext.Provider;\nexport const BoardCardProvider = CardContext.Provider;\n\nexport function useBoardContext<T>(component: string): BoardContextValue<T> {\n  const value = useContext(RootContext);\n  if (!value) throw new Error(`<${component}> must be rendered inside a <Board>.`);\n  // See the file header — sound because one render tree never mixes two `T`s.\n  return value as BoardContextValue<T>;\n}\n\nexport function useBoardColumnContext(component: string): BoardColumnContextValue {\n  const value = useContext(ColumnContext);\n  if (!value) throw new Error(`<${component}> must be rendered inside a <BoardColumn>.`);\n  return value;\n}\n\nexport function useBoardCardContext(component: string): BoardCardContextValue {\n  const value = useContext(CardContext);\n  if (!value) throw new Error(`<${component}> must be rendered inside a <BoardCard>.`);\n  return value;\n}\n"],"names":["BoardCardSurfaceContext","createContext","useBoardCardIsDragSource","useContext","RootContext","ColumnContext","CardContext","BoardProvider","BoardColumnProvider","BoardCardProvider","useBoardContext","component","value","useBoardColumnContext","useBoardCardContext"],"mappings":";AAwDO,MAAMA,IAA0BC,EAAc,EAAK;AAGnD,SAASC,IAAoC;AAClD,SAAOC,EAAWH,CAAuB;AAC3C;AA2DA,MAAMI,IAAcH,EAAiD,IAAI,GACnEI,IAAgBJ,EAA8C,IAAI,GAClEK,IAAcL,EAA4C,IAAI,GAEvDM,IAAgBH,EAAY,UAC5BI,IAAsBH,EAAc,UACpCI,IAAoBH,EAAY;AAEtC,SAASI,EAAmBC,GAAyC;AAC1E,QAAMC,IAAQT,EAAWC,CAAW;AACpC,MAAI,CAACQ,EAAO,OAAM,IAAI,MAAM,IAAID,CAAS,sCAAsC;AAE/E,SAAOC;AACT;AAEO,SAASC,EAAsBF,GAA4C;AAChF,QAAMC,IAAQT,EAAWE,CAAa;AACtC,MAAI,CAACO,EAAO,OAAM,IAAI,MAAM,IAAID,CAAS,4CAA4C;AACrF,SAAOC;AACT;AAEO,SAASE,EAAoBH,GAA0C;AAC5E,QAAMC,IAAQT,EAAWG,CAAW;AACpC,MAAI,CAACM,EAAO,OAAM,IAAI,MAAM,IAAID,CAAS,0CAA0C;AACnF,SAAOC;AACT;"}

package/dist/components/board/recipe.js

@@ -0,0 +1,94 @@
+import { tv as e } from "tailwind-variants";
+const t = e({
+  slots: {
+    /* The whole column: header + list, stacked. Width and grid placement are
+       the consumer's job (a page decides 3 columns vs 7, fixed vs scrolling) —
+       this only owns the INSIDE of one column. */
+    column: "flex min-h-0 min-w-64 flex-col rounded-xl border",
+    header: [
+      "flex items-center justify-between gap-2 rounded-t-xl px-3 py-2.5",
+      "transition-[var(--tx-colors)] duration-(--dur-base)"
+    ],
+    /* The label and its optional icon sit together at the header's start. */
+    title: "flex min-w-0 items-center gap-1.5",
+    glyph: "inline-grid shrink-0 place-items-center",
+    /* DX-4540: the count and the header's actions, side by side at its end. */
+    trailing: "flex shrink-0 items-center gap-1.5",
+    label: "truncate text-2xs font-semibold tracking-widest uppercase",
+    /* The scrollable list itself. `role="list"` lives on THIS element in
+       `Board.tsx` — see its header for why the ARIA role has to sit on a
+       wrapper rather than on `DragDropContainer`'s own div, which this
+       package does not expose a way to annotate. */
+    list: "flex min-h-0 flex-1 flex-col",
+    empty: "px-3 py-8",
+    /* The dual-purpose cluster: the drag handle and the "Move to…" trigger,
+       side by side, one control the size of the other. Neither is styled to
+       look more important than the other — RES-GAME's whole point is that
+       the pointer path is NOT a fallback bolted onto the drag path. */
+    handleCluster: "inline-flex shrink-0 items-center gap-0.5",
+    menuTrigger: [
+      "dx-tap inline-grid shrink-0 cursor-pointer place-items-center rounded p-1",
+      "text-tertiary outline-none",
+      "transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover",
+      "hover:bg-surface-hover hover:text-primary",
+      "focus-visible:ring-2 focus-visible:ring-focus-ring"
+    ],
+    /* DX-4575: the consumer's sentence inside a lane that refuses reordering,
+       shown while a card from it is dragged over. Calm, not danger: nothing went
+       wrong, the lane just cannot take that kind of drop. An overlay on the
+       box wrapping the lane's list, never in flow: see `Board.tsx#ReorderLockedBanner`. */
+    reorderLocked: [
+      "pointer-events-none absolute inset-x-2 top-2 z-10 flex items-center gap-1.5 rounded-lg",
+      "border border-border bg-surface px-2.5 py-1.5 text-xs text-secondary"
+    ],
+    /* DX-4583: the whole-lane highlight shown while a card from ANOTHER lane is
+       held over this one under `crossLaneDrop="lane"`. A dashed accent outline
+       over a soft tint, the same pair the engine's own landing zone uses, so the
+       signal is never colour alone. An overlay on the box wrapping the lane's
+       list, never in flow, and `pointer-events-none` for the same autoscroll
+       reason as the banner above: see `Board.tsx#LaneDropHighlight`. */
+    laneDrop: [
+      "pointer-events-none absolute inset-0 z-10 rounded-b-xl border-2 border-dashed border-accent",
+      "bg-accent-subtle/40"
+    ],
+    /* The rejection line — see `Board.tsx`'s header on why this exists
+       instead of relying on `DragDrop`'s own live region: a card that fails
+       `validateMove` still completes its DRAG (the pointer released, the
+       session committed) even though the board is about to refuse to write
+       it, so the engine's own "Dropped…" announcement cannot be made to say
+       "rejected" without a hook this package does not expose. This is a
+       SEPARATE, board-owned line that speaks the verdict's reason instead —
+       visible, not `sr-only`, so a sighted user reads the same words a
+       screen reader hears rather than a colour they have to interpret. */
+    rejection: [
+      "flex items-center gap-1.5 rounded-lg border border-danger-border bg-danger-subtle",
+      "px-2.5 py-1.5 text-xs text-danger-text"
+    ]
+  },
+  variants: {
+    overWip: {
+      true: { header: "bg-danger-subtle", label: "text-danger-text", glyph: "text-danger-text" },
+      false: {}
+    },
+    /* DX-3981: a lane in a caller-given colour. The tint, the card-edge
+       override and the header fill live in `.dx-lane` / `.dx-lane-header`
+       (components.css) over per-theme `--lane-*` tokens, so the one formula
+       is written once and the contrast test reads the shipped CSS. Without
+       an accent the shell keeps exactly the classes it always had. */
+    accented: {
+      true: { column: "dx-lane", header: "dx-lane-header" },
+      false: { column: "border-border-subtle bg-surface-sunken" }
+    }
+  },
+  compoundVariants: [
+    /* DX-3981: ink, never the accent as text. `text-primary` is the one ink
+       token that clears 4.5:1 on every tinted header in both themes. */
+    { accented: !0, overWip: !1, class: { label: "text-primary", glyph: "text-primary" } },
+    { accented: !1, overWip: !1, class: { label: "text-tertiary", glyph: "text-tertiary" } }
+  ],
+  defaultVariants: { overWip: !1, accented: !1 }
+});
+export {
+  t as board
+};
+//# sourceMappingURL=recipe.js.map

package/dist/components/board/recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recipe.js","sources":["../../../src/components/board/recipe.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\r\n\r\n/* ----------------------------------------------------------------------------\r\n   The slots for `Board`'s own parts — the column shell, its header, the count\r\n   badge, the handle cluster and the rejection status line. Card CONTENT has\r\n   no recipe here on purpose: `RecordCard` (or whatever the consumer renders)\r\n   owns its own styling entirely, and this file never reaches past the parts\r\n   `Board.tsx` itself renders.\r\n\r\n   THE WIP-EXCEEDED SHIFT IS A HEADER BACKGROUND CHANGE, NOT JUST A NUMBER —\r\n   RES-GAME names this explicitly: \"WIP limits must be visually LOUD when\r\n   exceeded (header background shift), not just a number in the corner. The\r\n   point of a limit is to interrupt, not to inform.\" The `overWip` variant\r\n   below is what does that; it is driven by `BoardColumnModel.overWip`\r\n   (derived data), never by a boolean prop a consumer sets — see AGENTS' rule\r\n   against `show*`/`enable*` props. WCAG 1.4.1 still applies even to a LOUD\r\n   signal: the background shift is paired with an icon and a \"N / limit\" text\r\n   change in `Board.tsx`, never colour alone.\r\n   -------------------------------------------------------------------------- */\r\n\r\nexport const board = tv({\r\n  slots: {\r\n    /* The whole column: header + list, stacked. Width and grid placement are\r\n       the consumer's job (a page decides 3 columns vs 7, fixed vs scrolling) —\r\n       this only owns the INSIDE of one column. */\r\n    column: \"flex min-h-0 min-w-64 flex-col rounded-xl border\",\r\n    header: [\r\n      \"flex items-center justify-between gap-2 rounded-t-xl px-3 py-2.5\",\r\n      \"transition-[var(--tx-colors)] duration-(--dur-base)\",\r\n    ],\r\n    /* The label and its optional icon sit together at the header's start. */\r\n    title: \"flex min-w-0 items-center gap-1.5\",\r\n    glyph: \"inline-grid shrink-0 place-items-center\",\r\n    /* DX-4540: the count and the header's actions, side by side at its end. */\r\n    trailing: \"flex shrink-0 items-center gap-1.5\",\r\n    label: \"truncate text-2xs font-semibold tracking-widest uppercase\",\r\n    /* The scrollable list itself. `role=\"list\"` lives on THIS element in\r\n       `Board.tsx` — see its header for why the ARIA role has to sit on a\r\n       wrapper rather than on `DragDropContainer`'s own div, which this\r\n       package does not expose a way to annotate. */\r\n    list: \"flex min-h-0 flex-1 flex-col\",\r\n    empty: \"px-3 py-8\",\r\n\r\n    /* The dual-purpose cluster: the drag handle and the \"Move to…\" trigger,\r\n       side by side, one control the size of the other. Neither is styled to\r\n       look more important than the other — RES-GAME's whole point is that\r\n       the pointer path is NOT a fallback bolted onto the drag path. */\r\n    handleCluster: \"inline-flex shrink-0 items-center gap-0.5\",\r\n    menuTrigger: [\r\n      \"dx-tap inline-grid shrink-0 cursor-pointer place-items-center rounded p-1\",\r\n      \"text-tertiary outline-none\",\r\n      \"transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover\",\r\n      \"hover:bg-surface-hover hover:text-primary\",\r\n      \"focus-visible:ring-2 focus-visible:ring-focus-ring\",\r\n    ],\r\n\r\n    /* DX-4575: the consumer's sentence inside a lane that refuses reordering,\r\n       shown while a card from it is dragged over. Calm, not danger: nothing went\r\n       wrong, the lane just cannot take that kind of drop. An overlay on the\r\n       box wrapping the lane's list, never in flow: see `Board.tsx#ReorderLockedBanner`. */\r\n    reorderLocked: [\r\n      \"pointer-events-none absolute inset-x-2 top-2 z-10 flex items-center gap-1.5 rounded-lg\",\r\n      \"border border-border bg-surface px-2.5 py-1.5 text-xs text-secondary\",\r\n    ],\r\n\r\n    /* DX-4583: the whole-lane highlight shown while a card from ANOTHER lane is\r\n       held over this one under `crossLaneDrop=\"lane\"`. A dashed accent outline\r\n       over a soft tint, the same pair the engine's own landing zone uses, so the\r\n       signal is never colour alone. An overlay on the box wrapping the lane's\r\n       list, never in flow, and `pointer-events-none` for the same autoscroll\r\n       reason as the banner above: see `Board.tsx#LaneDropHighlight`. */\r\n    laneDrop: [\r\n      \"pointer-events-none absolute inset-0 z-10 rounded-b-xl border-2 border-dashed border-accent\",\r\n      \"bg-accent-subtle/40\",\r\n    ],\r\n\r\n    /* The rejection line — see `Board.tsx`'s header on why this exists\r\n       instead of relying on `DragDrop`'s own live region: a card that fails\r\n       `validateMove` still completes its DRAG (the pointer released, the\r\n       session committed) even though the board is about to refuse to write\r\n       it, so the engine's own \"Dropped…\" announcement cannot be made to say\r\n       \"rejected\" without a hook this package does not expose. This is a\r\n       SEPARATE, board-owned line that speaks the verdict's reason instead —\r\n       visible, not `sr-only`, so a sighted user reads the same words a\r\n       screen reader hears rather than a colour they have to interpret. */\r\n    rejection: [\r\n      \"flex items-center gap-1.5 rounded-lg border border-danger-border bg-danger-subtle\",\r\n      \"px-2.5 py-1.5 text-xs text-danger-text\",\r\n    ],\r\n  },\r\n  variants: {\r\n    overWip: {\r\n      true: { header: \"bg-danger-subtle\", label: \"text-danger-text\", glyph: \"text-danger-text\" },\r\n      false: {},\r\n    },\r\n    /* DX-3981: a lane in a caller-given colour. The tint, the card-edge\r\n       override and the header fill live in `.dx-lane` / `.dx-lane-header`\r\n       (components.css) over per-theme `--lane-*` tokens, so the one formula\r\n       is written once and the contrast test reads the shipped CSS. Without\r\n       an accent the shell keeps exactly the classes it always had. */\r\n    accented: {\r\n      true: { column: \"dx-lane\", header: \"dx-lane-header\" },\r\n      false: { column: \"border-border-subtle bg-surface-sunken\" },\r\n    },\r\n  },\r\n  compoundVariants: [\r\n    /* DX-3981: ink, never the accent as text. `text-primary` is the one ink\r\n       token that clears 4.5:1 on every tinted header in both themes. */\r\n    { accented: true, overWip: false, class: { label: \"text-primary\", glyph: \"text-primary\" } },\r\n    { accented: false, overWip: false, class: { label: \"text-tertiary\", glyph: \"text-tertiary\" } },\r\n  ],\r\n  defaultVariants: { overWip: false, accented: false },\r\n});\r\n"],"names":["board","tv"],"mappings":";AAoBO,MAAMA,IAAQC,EAAG;AAAA,EACtB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,IAAA;AAAA;AAAA,IAGF,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,IAEP,UAAU;AAAA,IACV,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA,IACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,eAAe;AAAA,IACf,aAAa;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF,eAAe;AAAA,MACb;AAAA,MACA;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASF,UAAU;AAAA,MACR;AAAA,MACA;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYF,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM,EAAE,QAAQ,oBAAoB,OAAO,oBAAoB,OAAO,mBAAA;AAAA,MACtE,OAAO,CAAA;AAAA,IAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOV,UAAU;AAAA,MACR,MAAM,EAAE,QAAQ,WAAW,QAAQ,iBAAA;AAAA,MACnC,OAAO,EAAE,QAAQ,yCAAA;AAAA,IAAyC;AAAA,EAC5D;AAAA,EAEF,kBAAkB;AAAA;AAAA;AAAA,IAGhB,EAAE,UAAU,IAAM,SAAS,IAAO,OAAO,EAAE,OAAO,gBAAgB,OAAO,iBAAe;AAAA,IACxF,EAAE,UAAU,IAAO,SAAS,IAAO,OAAO,EAAE,OAAO,iBAAiB,OAAO,gBAAA,EAAgB;AAAA,EAAE;AAAA,EAE/F,iBAAiB,EAAE,SAAS,IAAO,UAAU,GAAA;AAC/C,CAAC;"}

package/dist/components/calendar/CalendarMonth.js

@@ -0,0 +1,299 @@
+import { jsxs as g, jsx as a, Fragment as z } from "react/jsx-runtime";
+import { useId as ee, useMemo as I, useRef as U, useEffect as te } from "react";
+import { tv as oe } from "tailwind-variants";
+import { cn as w } from "../../lib/cn.js";
+import { Popover as re } from "../Popover.js";
+import { packBand as ae } from "../../lib/calendar/band-packer.js";
+import { allDayBandSegment as se, timedBandSegment as le } from "../../lib/calendar/segments.js";
+import { weekdayName as A, dayNumber as ne, timeOfDay as H, eventLabel as O, cellLabel as W } from "./format.js";
+import { paletteFor as X } from "./palette.js";
+import { useGridNavigation as ie, initialFocusDay as ce, isInMonth as de } from "./use-grid-navigation.js";
+import { useUiLocale as ue, useUiStrings as me } from "../../lib/i18n/provider.js";
+import { useNumberFormat as fe } from "../../lib/i18n/number-format.js";
+import { monthGridDays as he, isSameDate as B } from "../../lib/time/plain.js";
+import { addDays as Se, startOfMonth as Ke } from "../../lib/time/plain.js";
+import { isoDateString as N } from "../../lib/time/types.js";
+const pe = oe({
+  slots: {
+    root: "flex min-w-0 flex-col gap-2",
+    table: "w-full table-fixed border-collapse",
+    headCell: [
+      "px-2 pb-2 text-2xs font-semibold tracking-widest text-tertiary uppercase",
+      "text-center"
+    ],
+    cell: "p-0 align-top",
+    /* `box-shadow` for the rules — see the header. `overflow-visible` is what
+       lets a multi-day bar cross out of the cell it starts in. */
+    cellInner: [
+      "relative flex min-h-28 flex-col overflow-visible outline-none",
+      "shadow-[inset_-1px_-1px_0_0_var(--border-subtle)]",
+      "transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover",
+      "focus-visible:z-10 focus-visible:shadow-[inset_0_0_0_2px_var(--focus-ring)]"
+    ],
+    dayNumber: [
+      "mx-1 mt-1 grid size-6 shrink-0 place-items-center self-start rounded-full",
+      "text-xs tabular-nums",
+      "transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover"
+    ],
+    bars: "relative mt-0.5 w-full",
+    bar: [
+      /* h-6 IS 24px, WHICH IS THE WCAG 2.2 SC 2.5.8 FLOOR, and it is not a
+         style choice. Chips were 20px on a 22px pitch, which fails twice: under
+         the floor, and too close together for the spacing exception — a 24px
+         circle centred on one chip's box intersects its neighbour's. Google's
+         own chips are smaller than this and Google does not meet 2.5.8 either.
+         The cost is real and accepted: a cell fits fewer chips before it
+         overflows, and the month is taller. Being reliably clickable beats
+         being dense. */
+      "absolute flex h-6 items-center gap-1 overflow-hidden rounded-sm px-1.5 text-left",
+      "text-2xs leading-none whitespace-nowrap",
+      "transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover",
+      "focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-(--focus-ring)"
+    ],
+    more: [
+      /* Same floor as a chip — see above. The overflow link is the ONLY route
+         to the events it hides, so it is the last control that should be hard
+         to hit. */
+      /* SECONDARY, not tertiary. Tertiary at this size fails AA in the dark
+         theme's enforced-contrast mode — caught by `npm run a11y`, which is a
+         gate this project owns and had stopped running (A11Y-2). It is also the
+         right weight regardless: this is the only route to the events it hides,
+         so it is a control, not incidental text. */
+      "mx-1 mt-0.5 flex h-6 min-w-6 items-center self-start rounded-sm px-1.5 text-2xs text-secondary",
+      "transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover",
+      "hover:bg-surface-hover hover:text-primary",
+      "focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-(--focus-ring)"
+    ],
+    popoverList: "flex max-h-72 min-w-56 flex-col gap-1 overflow-y-auto"
+  }
+}), L = 26;
+function Ie({
+  month: m,
+  zone: p,
+  events: S,
+  weekStartsOn: k = 0,
+  today: D,
+  selectedDate: _,
+  onSelectDate: q,
+  onSelectEvent: K,
+  onMonthChange: J,
+  maxEventRows: R = 4,
+  renderEvent: T,
+  className: Q,
+  label: V
+}) {
+  const c = ue(), j = fe(), n = me().calendar, l = pe(), Y = ee(), C = I(
+    () => he(m, k),
+    [m.year, m.month, m.day, k]
+  ), $ = I(() => {
+    const t = [];
+    for (let o = 0; o < C.length; o += 7) t.push(C.slice(o, o + 7));
+    return t;
+  }, [C]), d = ie(
+    ce(C, m, D, _),
+    { month: m, weekStartsOn: k, onMonthChange: J }
+  ), M = U(/* @__PURE__ */ new Map()), F = U(!1);
+  te(() => {
+    F.current && M.current.get(N(d.focusedDay))?.focus();
+  }, [d.focusedDay]);
+  const Z = I(
+    () => $.map((t) => {
+      const o = [];
+      for (const r of S) {
+        const s = r.allDay ? se(t, r) : le(p, t, r);
+        s && o.push(s);
+      }
+      const f = o.map((r, s) => ({
+        key: `${r.event.id}:${s}`,
+        startColumn: r.startColumn,
+        endColumn: r.endColumn,
+        /* All-day bars sort above timed chips: a bar spanning the row is the
+           structure of the week, and burying it under single-day chips makes
+           the week unreadable. */
+        priority: r.event.allDay ? 0 : 1
+      })), u = ae(f, { columns: t.length, maxRows: R }), h = new Map(f.map((r, s) => [r.key, o[s]])), b = u.placed.map((r) => ({
+        ...h.get(r.key),
+        row: r.row
+      })), v = t.map(() => []);
+      for (const r of u.hidden) {
+        const s = h.get(r.key);
+        for (let i = Math.max(0, s.startColumn); i <= Math.min(t.length - 1, s.endColumn); i++)
+          v[i].push(s.event);
+      }
+      return {
+        days: t,
+        placed: b,
+        overflow: u.overflow,
+        hiddenByColumn: v,
+        rows: u.rows
+      };
+    }),
+    [$, S, p, R]
+  ), E = $[0] ?? [];
+  return /* @__PURE__ */ g("div", { className: w(l.root(), Q), children: [
+    /* @__PURE__ */ g(
+      "table",
+      {
+        className: l.table(),
+        role: "grid",
+        "aria-label": V ?? n.month.label,
+        onKeyDown: d.onKeyDown,
+        onFocus: () => {
+          F.current = !0;
+        },
+        onBlur: (t) => {
+          t.currentTarget.contains(t.relatedTarget) || (F.current = !1, d.leaveCell());
+        },
+        children: [
+          /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: E.map((t) => /* @__PURE__ */ a(
+            "th",
+            {
+              scope: "col",
+              abbr: A(t, "long", c),
+              className: l.headCell(),
+              children: A(t, "short", c)
+            },
+            N(t)
+          )) }) }),
+          /* @__PURE__ */ a("tbody", { children: Z.map((t) => /* @__PURE__ */ a("tr", { children: t.days.map((o, f) => {
+            const u = N(o), h = de(o, m), b = D ? B(o, D) : !1, v = _ ? B(o, _) : !1, r = B(o, d.focusedDay), s = t.placed.filter((e) => e.startColumn === f), i = t.hiddenByColumn[f], G = t.placed.filter((e) => e.startColumn <= f && e.endColumn >= f).length + i.length;
+            return /* @__PURE__ */ a(
+              "td",
+              {
+                ref: (e) => {
+                  e ? M.current.set(u, e) : M.current.delete(u);
+                },
+                tabIndex: r ? 0 : -1,
+                "aria-label": W(o, G, c, n),
+                "aria-selected": v || void 0,
+                "aria-current": b ? "date" : void 0,
+                "data-in-month": h ? "" : void 0,
+                "data-today": b ? "" : void 0,
+                className: l.cell(),
+                onClick: () => {
+                  d.setFocusedDay(o), q?.(o);
+                },
+                onFocus: () => d.setFocusedDay(o),
+                children: /* @__PURE__ */ g(
+                  "div",
+                  {
+                    className: w(
+                      l.cellInner(),
+                      !h && "bg-canvas-subtle",
+                      v && "bg-surface-selected"
+                    ),
+                    style: {
+                      /* Room for every visible bar row plus the link. Fixed
+                         rather than content-driven so rows do not jump height
+                         as events are added. */
+                      paddingBottom: `${Math.max(0, t.rows) * L + 4}px`
+                    },
+                    children: [
+                      /* @__PURE__ */ a(
+                        "span",
+                        {
+                          className: w(
+                            l.dayNumber(),
+                            !h && "text-tertiary",
+                            h && !b && "text-secondary",
+                            b && "bg-accent font-semibold text-accent-contrast"
+                          ),
+                          children: ne(o, c)
+                        }
+                      ),
+                      /* @__PURE__ */ a("div", { className: l.bars(), style: { height: `${t.rows * L}px` }, children: s.map((e) => {
+                        const x = e.endColumn - e.startColumn + 1, y = X(e.event.paletteKey);
+                        return /* @__PURE__ */ a(
+                          "button",
+                          {
+                            type: "button",
+                            tabIndex: d.insideCell && r ? 0 : -1,
+                            "aria-label": O(e.event, p, n.colors[y.key], c, n),
+                            className: w(
+                              l.bar(),
+                              /* Only the clipped end loses its radius, so the
+                                 bar reads as continuing rather than ending. */
+                              !e.isStart && "rounded-l-none",
+                              !e.isEnd && "rounded-r-none"
+                            ),
+                            style: {
+                              top: `${e.row * L}px`,
+                              /* EXACT because the cell's box is exactly one
+                                 seventh of the row — see the file header. */
+                              width: `calc(${x} * 100% - 8px)`,
+                              left: "4px",
+                              background: y.fill,
+                              color: y.text,
+                              borderLeft: e.isStart ? `3px solid ${y.edge}` : void 0,
+                              boxShadow: `inset 0 0 0 1px ${y.edge}`
+                            },
+                            onClick: (P) => {
+                              P.stopPropagation(), K?.(e.event);
+                            },
+                            children: T ? T(e.event) : /* @__PURE__ */ g(z, { children: [
+                              !e.event.allDay && e.isStart && /* @__PURE__ */ a("span", { className: "shrink-0 tabular-nums opacity-80", children: H(e.event.start, p, c) }),
+                              /* @__PURE__ */ a("span", { className: "truncate", children: e.event.title })
+                            ] })
+                          },
+                          `${e.event.id}:${e.row}`
+                        );
+                      }) }),
+                      i.length > 0 && /* @__PURE__ */ a(
+                        re,
+                        {
+                          side: "bottom",
+                          align: "start",
+                          trigger: /* @__PURE__ */ a(
+                            "button",
+                            {
+                              type: "button",
+                              tabIndex: d.insideCell && r ? 0 : -1,
+                              className: l.more(),
+                              "aria-label": n.month.showMore(i.length, j(i.length), W(o, G, c, n)),
+                              onClick: (e) => e.stopPropagation(),
+                              children: n.month.more(j(i.length))
+                            }
+                          ),
+                          children: /* @__PURE__ */ a("div", { className: l.popoverList(), children: i.map((e) => {
+                            const x = X(e.paletteKey);
+                            return /* @__PURE__ */ g(
+                              "button",
+                              {
+                                type: "button",
+                                className: w(l.bar(), "relative! w-full"),
+                                "aria-label": O(e, p, n.colors[x.key], c, n),
+                                style: {
+                                  background: x.fill,
+                                  color: x.text,
+                                  borderLeft: `3px solid ${x.edge}`
+                                },
+                                onClick: () => K?.(e),
+                                children: [
+                                  !e.allDay && /* @__PURE__ */ a("span", { className: "shrink-0 tabular-nums opacity-80", children: H(e.start, p, c) }),
+                                  /* @__PURE__ */ a("span", { className: "truncate", children: e.title })
+                                ]
+                              },
+                              e.id
+                            );
+                          }) })
+                        }
+                      )
+                    ]
+                  }
+                )
+              },
+              u
+            );
+          }) }, N(t.days[0]))) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("p", { id: `${Y}-hint`, className: "sr-only", children: n.month.keyboardHint })
+  ] });
+}
+export {
+  Ie as CalendarMonth,
+  Se as addDays,
+  Ke as startOfMonth
+};
+//# sourceMappingURL=CalendarMonth.js.map

package/dist/components/calendar/CalendarMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonth.js","sources":["../../../src/components/calendar/CalendarMonth.tsx"],"sourcesContent":["import { useEffect, useId, useMemo, useRef, type ReactNode } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"@/lib/cn\";\nimport { Popover } from \"@/components/Popover\";\nimport {\n  addDays,\n  isSameDate,\n  isoDateString,\n  monthGridDays,\n  startOfMonth,\n  type PlainDate,\n  type TimeZone,\n} from \"@/lib/time\";\nimport { packBand, type BandInput } from \"@/lib/calendar/band-packer\";\nimport { allDayBandSegment, timedBandSegment, type BandSegment } from \"@/lib/calendar/segments\";\nimport type { CalendarEvent } from \"@/lib/calendar/types\";\nimport { cellLabel, dayNumber, eventLabel, timeOfDay, weekdayName } from \"./format\";\nimport { paletteFor } from \"./palette\";\nimport { useNumberFormat, useUiLocale, useUiStrings } from \"@/lib/i18n\";\nimport { initialFocusDay, isInMonth, useGridNavigation } from \"./use-grid-navigation\";\n\n/* ============================================================================\n   MONTH VIEW.\n\n   A REAL <table>, and the reasons are all screen-reader behaviour rather than\n   taste. The header and body are ONE table — every sticky-header week view is\n   tempted to split them, FullCalendar admits it does, and JAWS's table\n   navigation (Ctrl+Alt+arrows) is broken inside nested tables: it announces\n   \"end of row\" instead of moving. `<th scope=\"col\" abbr>` costs nothing and is\n   what table navigation reads, but nothing here RELIES on `abbr`, because NVDA\n   ignores it outright and JAWS has expansion off by default.\n\n   GRID LINES ARE `box-shadow`, NOT `border`. Two reasons, and the second is the\n   load-bearing one. A month is 35–42 cells and the cost of this view is DOM\n   node count, so lines drawn by the cell itself beat lines drawn as elements.\n   And `box-shadow` takes no space: a cell's box is EXACTLY one seventh of the\n   row, so a bar spanning N days is `width: calc(N * 100%)` with no correction\n   term for borders, padding or collapsing. Every attempt to do this with real\n   borders ends in a `calc()` full of magic numbers that is wrong at some zoom\n   level.\n\n   MULTI-DAY BARS LIVE IN THE CELL THEY START IN and overflow it. That keeps\n   them inside the table — an absolutely positioned overlay layer outside the\n   `<tbody>` would put the events outside the grid the user is navigating.\n   ========================================================================= */\n\nconst month = tv({\n  slots: {\n    root: \"flex min-w-0 flex-col gap-2\",\n    table: \"w-full table-fixed border-collapse\",\n    headCell: [\n      \"px-2 pb-2 text-2xs font-semibold tracking-widest text-tertiary uppercase\",\n      \"text-center\",\n    ],\n    cell: \"p-0 align-top\",\n    /* `box-shadow` for the rules — see the header. `overflow-visible` is what\n       lets a multi-day bar cross out of the cell it starts in. */\n    cellInner: [\n      \"relative flex min-h-28 flex-col overflow-visible outline-none\",\n      \"shadow-[inset_-1px_-1px_0_0_var(--border-subtle)]\",\n      \"transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover\",\n      \"focus-visible:z-10 focus-visible:shadow-[inset_0_0_0_2px_var(--focus-ring)]\",\n    ],\n    dayNumber: [\n      \"mx-1 mt-1 grid size-6 shrink-0 place-items-center self-start rounded-full\",\n      \"text-xs tabular-nums\",\n      \"transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover\",\n    ],\n    bars: \"relative mt-0.5 w-full\",\n    bar: [\n      /* h-6 IS 24px, WHICH IS THE WCAG 2.2 SC 2.5.8 FLOOR, and it is not a\n         style choice. Chips were 20px on a 22px pitch, which fails twice: under\n         the floor, and too close together for the spacing exception — a 24px\n         circle centred on one chip's box intersects its neighbour's. Google's\n         own chips are smaller than this and Google does not meet 2.5.8 either.\n         The cost is real and accepted: a cell fits fewer chips before it\n         overflows, and the month is taller. Being reliably clickable beats\n         being dense. */\n      \"absolute flex h-6 items-center gap-1 overflow-hidden rounded-sm px-1.5 text-left\",\n      \"text-2xs leading-none whitespace-nowrap\",\n      \"transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover\",\n      \"focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-(--focus-ring)\",\n    ],\n    more: [\n      /* Same floor as a chip — see above. The overflow link is the ONLY route\n         to the events it hides, so it is the last control that should be hard\n         to hit. */\n      /* SECONDARY, not tertiary. Tertiary at this size fails AA in the dark\n         theme's enforced-contrast mode — caught by `npm run a11y`, which is a\n         gate this project owns and had stopped running (A11Y-2). It is also the\n         right weight regardless: this is the only route to the events it hides,\n         so it is a control, not incidental text. */\n      \"mx-1 mt-0.5 flex h-6 min-w-6 items-center self-start rounded-sm px-1.5 text-2xs text-secondary\",\n      \"transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover\",\n      \"hover:bg-surface-hover hover:text-primary\",\n      \"focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-(--focus-ring)\",\n    ],\n    popoverList: \"flex max-h-72 min-w-56 flex-col gap-1 overflow-y-auto\",\n  },\n});\n\n/**\n * One bar row's pitch in px: a 24px chip plus a 2px gap.\n *\n * THE PITCH MUST EXCEED 24, not merely equal the chip height. SC 2.5.8's\n * spacing exception is expressed as 24px CIRCLES centred on each target's\n * bounding box not intersecting — so two 24px chips at a 24px pitch still fail,\n * and 26 is the first value that passes. Measured by `audit:responsive`,\n * which is what caught the original 22.\n */\nconst BAR_ROW_PX = 26;\n\nexport interface CalendarMonthProps {\n  /** Any day in the month to display. */\n  month: PlainDate;\n  /** The zone every timed event is interpreted in. Required — there is no default. */\n  zone: TimeZone;\n  events: readonly CalendarEvent[];\n  /** 0 = Sunday. No default anywhere up the stack — see `startOfWeek`. */\n  weekStartsOn?: number;\n  /** Today, for the highlight. Omit in tests so snapshots do not rot. */\n  today?: PlainDate;\n  selectedDate?: PlainDate;\n  onSelectDate?: (day: PlainDate) => void;\n  onSelectEvent?: (event: CalendarEvent) => void;\n  /** Fired when navigation or paging leaves the displayed month. */\n  onMonthChange?: (month: PlainDate) => void;\n  /**\n   * Most bar rows a cell may show, INCLUDING the row the \"+N more\" link takes.\n   * See `packBand`; the affordance is counted so it cannot be drawn over an event.\n   */\n  maxEventRows?: number;\n  /** Replace a chip's contents. The chip itself — button, label, colour — stays ours. */\n  renderEvent?: (event: CalendarEvent) => ReactNode;\n  className?: string;\n  /** Accessible name for the grid. Omit for the built-in one. */\n  label?: string;\n}\n\ninterface RowPlan {\n  readonly days: readonly PlainDate[];\n  readonly placed: readonly (BandSegment & { row: number })[];\n  readonly overflow: readonly number[];\n  readonly hiddenByColumn: readonly CalendarEvent[][];\n  readonly rows: number;\n}\n\nexport function CalendarMonth({\n  month: monthProp,\n  zone,\n  events,\n  weekStartsOn = 0,\n  today,\n  selectedDate,\n  onSelectDate,\n  onSelectEvent,\n  onMonthChange,\n  maxEventRows = 4,\n  renderEvent,\n  className,\n  label,\n}: CalendarMonthProps) {\n  const locale = useUiLocale();\n  const fmt = useNumberFormat();\n  const strings = useUiStrings().calendar;\n  const s = month();\n  const gridId = useId();\n\n  const days = useMemo(\n    () => monthGridDays(monthProp, weekStartsOn),\n    [monthProp.year, monthProp.month, monthProp.day, weekStartsOn],\n  );\n\n  const weeks = useMemo(() => {\n    const out: PlainDate[][] = [];\n    for (let i = 0; i < days.length; i += 7) out.push(days.slice(i, i + 7));\n    return out;\n  }, [days]);\n\n  const nav = useGridNavigation(\n    initialFocusDay(days, monthProp, today, selectedDate),\n    { month: monthProp, weekStartsOn, onMonthChange },\n  );\n\n  /* The focused cell owns the DOM focus. Re-applied after every change so the\n     roving tabindex and the real focus can never disagree — which is the defect\n     an AX probe should assert against after every keypress. */\n  const cellRefs = useRef(new Map<string, HTMLTableCellElement>());\n  const hasFocusRef = useRef(false);\n  useEffect(() => {\n    if (!hasFocusRef.current) return;\n    cellRefs.current.get(isoDateString(nav.focusedDay))?.focus();\n  }, [nav.focusedDay]);\n\n  /* One packing pass per WEEK ROW — never per cell. A per-cell pass is what\n     makes a multi-day event truncated on day 1 vanish from days 2-5. */\n  const plans = useMemo<RowPlan[]>(\n    () =>\n      weeks.map((rowDays) => {\n        const segments: BandSegment[] = [];\n        for (const event of events) {\n          const segment = event.allDay\n            ? allDayBandSegment(rowDays, event)\n            : timedBandSegment(zone, rowDays, event);\n          if (segment) segments.push(segment);\n        }\n\n        const inputs: BandInput[] = segments.map((segment, index) => ({\n          key: `${segment.event.id}:${index}`,\n          startColumn: segment.startColumn,\n          endColumn: segment.endColumn,\n          /* All-day bars sort above timed chips: a bar spanning the row is the\n             structure of the week, and burying it under single-day chips makes\n             the week unreadable. */\n          priority: segment.event.allDay ? 0 : 1,\n        }));\n\n        const result = packBand(inputs, { columns: rowDays.length, maxRows: maxEventRows });\n        const byKey = new Map(inputs.map((input, index) => [input.key, segments[index]]));\n\n        const placed = result.placed.map((placement) => ({\n          ...byKey.get(placement.key)!,\n          row: placement.row,\n        }));\n\n        /* The \"+N more\" popover needs the actual events, not just a count, and\n           it needs them per COLUMN because that is the cell the link sits in. */\n        const hiddenByColumn: CalendarEvent[][] = rowDays.map(() => []);\n        for (const hiddenItem of result.hidden) {\n          const segment = byKey.get(hiddenItem.key)!;\n          for (\n            let c = Math.max(0, segment.startColumn);\n            c <= Math.min(rowDays.length - 1, segment.endColumn);\n            c++\n          ) {\n            hiddenByColumn[c].push(segment.event);\n          }\n        }\n\n        return {\n          days: rowDays,\n          placed,\n          overflow: result.overflow,\n          hiddenByColumn,\n          rows: result.rows,\n        };\n      }),\n    [weeks, events, zone, maxEventRows],\n  );\n\n  const headerDays = weeks[0] ?? [];\n\n  return (\n    <div className={cn(s.root(), className)}>\n      <table\n        className={s.table()}\n        /* role=\"grid\", AND THIS IS THE ONE PLACE IN THE CALENDAR IT IS RIGHT.\n           The research rejected `grid` for the TIME grid, for reasons that all\n           hold there and none of which apply here: an event spans six 15-minute\n           cells, overlapping events stack in sub-columns with no row meaning,\n           and the chips are absolutely positioned OUTSIDE any row, which breaks\n           the role's required children outright.\n\n           A month is genuinely a grid: seven columns, whole-day cells, one row\n           per week, and every chip is a child of the cell it belongs to. It is\n           also APG's own Date Picker Dialog pattern.\n\n           The immediate cause was axe reporting `aria-allowed-attr` as\n           CRITICAL: `aria-selected` is not permitted on a `cell`, only on a\n           `gridcell`. The choices were to drop the attribute — leaving the\n           selected date visible and unannounced — or to make the table what it\n           actually is. HTML-AAM remaps a <td> to `gridcell` when its nearest\n           table ancestor is a grid, so this one attribute does it.\n\n           THAT THE REMAP REALLY HAPPENS IS MEASURED, not assumed:\n           `audit:axtree` carries a route expectation requiring this page to\n           expose at least 28 `gridcell` nodes, and deleting this attribute\n           turns it red. An earlier version of that probe checked only\n           table-vs-grid CONSISTENCY, which Chromium can never violate — it\n           stayed green with this line removed. */\n        role=\"grid\"\n        aria-label={label ?? strings.month.label}\n        onKeyDown={nav.onKeyDown}\n        onFocus={() => {\n          hasFocusRef.current = true;\n        }}\n        onBlur={(event) => {\n          if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n            hasFocusRef.current = false;\n            nav.leaveCell();\n          }\n        }}\n      >\n        <thead>\n          <tr>\n            {headerDays.map((day) => (\n              <th\n                key={isoDateString(day)}\n                scope=\"col\"\n                /* Costs nothing and is what table navigation reads. Nothing\n                   relies on it: NVDA ignores `abbr`, JAWS has expansion off. */\n                abbr={weekdayName(day, \"long\", locale)}\n                className={s.headCell()}\n              >\n                {weekdayName(day, \"short\", locale)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {plans.map((plan) => (\n            <tr key={isoDateString(plan.days[0])}>\n              {plan.days.map((day, column) => {\n                const key = isoDateString(day);\n                const inMonth = isInMonth(day, monthProp);\n                const isToday = today ? isSameDate(day, today) : false;\n                const isSelected = selectedDate ? isSameDate(day, selectedDate) : false;\n                const isFocused = isSameDate(day, nav.focusedDay);\n\n                const bars = plan.placed.filter((segment) => segment.startColumn === column);\n                const hidden = plan.hiddenByColumn[column];\n                /* The count in the accessible name is everything COVERING this\n                   day, hidden included — a cell that says \"no events\" while\n                   showing \"+2 more\" is worse than saying nothing. */\n                const covering =\n                  plan.placed.filter((s2) => s2.startColumn <= column && s2.endColumn >= column)\n                    .length + hidden.length;\n\n                return (\n                  <td\n                    key={key}\n                    ref={(node) => {\n                      if (node) cellRefs.current.set(key, node);\n                      else cellRefs.current.delete(key);\n                    }}\n                    /* ROVING TABINDEX ON THE CELL, never on a control inside it.\n                       See `use-grid-navigation.ts` for the two screen-reader\n                       defects that shape rules out. */\n                    tabIndex={isFocused ? 0 : -1}\n                    aria-label={cellLabel(day, covering, locale, strings)}\n                    aria-selected={isSelected || undefined}\n                    aria-current={isToday ? \"date\" : undefined}\n                    data-in-month={inMonth ? \"\" : undefined}\n                    data-today={isToday ? \"\" : undefined}\n                    className={s.cell()}\n                    onClick={() => {\n                      nav.setFocusedDay(day);\n                      onSelectDate?.(day);\n                    }}\n                    onFocus={() => nav.setFocusedDay(day)}\n                  >\n                    <div\n                      className={cn(\n                        s.cellInner(),\n                        !inMonth && \"bg-canvas-subtle\",\n                        isSelected && \"bg-surface-selected\",\n                      )}\n                      style={{\n                        /* Room for every visible bar row plus the link. Fixed\n                           rather than content-driven so rows do not jump height\n                           as events are added. */\n                        paddingBottom: `${Math.max(0, plan.rows) * BAR_ROW_PX + 4}px`,\n                      }}\n                    >\n                      <span\n                        className={cn(\n                          s.dayNumber(),\n                          !inMonth && \"text-tertiary\",\n                          inMonth && !isToday && \"text-secondary\",\n                          isToday && \"bg-accent font-semibold text-accent-contrast\",\n                        )}\n                      >\n                        {dayNumber(day, locale)}\n                      </span>\n\n                      <div className={s.bars()} style={{ height: `${plan.rows * BAR_ROW_PX}px` }}>\n                        {bars.map((segment) => {\n                          const span = segment.endColumn - segment.startColumn + 1;\n                          const swatch = paletteFor(segment.event.paletteKey);\n                          return (\n                            <button\n                              key={`${segment.event.id}:${segment.row}`}\n                              type=\"button\"\n                              tabIndex={nav.insideCell && isFocused ? 0 : -1}\n                              aria-label={eventLabel(segment.event, zone, strings.colors[swatch.key], locale, strings)}\n                              className={cn(\n                                s.bar(),\n                                /* Only the clipped end loses its radius, so the\n                                   bar reads as continuing rather than ending. */\n                                !segment.isStart && \"rounded-l-none\",\n                                !segment.isEnd && \"rounded-r-none\",\n                              )}\n                              style={{\n                                top: `${segment.row * BAR_ROW_PX}px`,\n                                /* EXACT because the cell's box is exactly one\n                                   seventh of the row — see the file header. */\n                                width: `calc(${span} * 100% - 8px)`,\n                                left: \"4px\",\n                                background: swatch.fill,\n                                color: swatch.text,\n                                borderLeft: segment.isStart ? `3px solid ${swatch.edge}` : undefined,\n                                boxShadow: `inset 0 0 0 1px ${swatch.edge}`,\n                              }}\n                              onClick={(clickEvent) => {\n                                clickEvent.stopPropagation();\n                                onSelectEvent?.(segment.event);\n                              }}\n                            >\n                              {renderEvent ? (\n                                renderEvent(segment.event)\n                              ) : (\n                                <>\n                                  {!segment.event.allDay && segment.isStart && (\n                                    <span className=\"shrink-0 tabular-nums opacity-80\">\n                                      {timeOfDay(segment.event.start, zone, locale)}\n                                    </span>\n                                  )}\n                                  <span className=\"truncate\">{segment.event.title}</span>\n                                </>\n                              )}\n                            </button>\n                          );\n                        })}\n                      </div>\n\n                      {hidden.length > 0 && (\n                        <Popover\n                          side=\"bottom\"\n                          align=\"start\"\n                          trigger={\n                            <button\n                              type=\"button\"\n                              tabIndex={nav.insideCell && isFocused ? 0 : -1}\n                              className={s.more()}\n                              aria-label={strings.month.showMore(hidden.length, fmt(hidden.length), cellLabel(day, covering, locale, strings))}\n                              onClick={(clickEvent) => clickEvent.stopPropagation()}\n                            >\n                              {strings.month.more(fmt(hidden.length))}\n                            </button>\n                          }\n                        >\n                          <div className={s.popoverList()}>\n                            {hidden.map((event) => {\n                              const swatch = paletteFor(event.paletteKey);\n                              return (\n                                <button\n                                  key={event.id}\n                                  type=\"button\"\n                                  className={cn(s.bar(), \"relative! w-full\")}\n                                  aria-label={eventLabel(event, zone, strings.colors[swatch.key], locale, strings)}\n                                  style={{\n                                    background: swatch.fill,\n                                    color: swatch.text,\n                                    borderLeft: `3px solid ${swatch.edge}`,\n                                  }}\n                                  onClick={() => onSelectEvent?.(event)}\n                                >\n                                  {!event.allDay && (\n                                    <span className=\"shrink-0 tabular-nums opacity-80\">\n                                      {timeOfDay(event.start, zone, locale)}\n                                    </span>\n                                  )}\n                                  <span className=\"truncate\">{event.title}</span>\n                                </button>\n                              );\n                            })}\n                          </div>\n                        </Popover>\n                      )}\n                    </div>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <p id={`${gridId}-hint`} className=\"sr-only\">\n        {strings.month.keyboardHint}\n      </p>\n    </div>\n  );\n}\n\n/** The first day of the month `date` falls in — re-exported for consumers paging. */\nexport { startOfMonth, addDays };\n"],"names":["month","tv","BAR_ROW_PX","CalendarMonth","monthProp","zone","events","weekStartsOn","today","selectedDate","onSelectDate","onSelectEvent","onMonthChange","maxEventRows","renderEvent","className","label","locale","useUiLocale","fmt","useNumberFormat","strings","useUiStrings","s","gridId","useId","days","useMemo","monthGridDays","weeks","out","i","nav","useGridNavigation","initialFocusDay","cellRefs","useRef","hasFocusRef","useEffect","isoDateString","plans","rowDays","segments","event","segment","allDayBandSegment","timedBandSegment","inputs","index","result","packBand","byKey","input","placed","placement","hiddenByColumn","hiddenItem","c","headerDays","jsxs","cn","jsx","day","weekdayName","plan","column","key","inMonth","isInMonth","isToday","isSameDate","isSelected","isFocused","bars","hidden","covering","s2","node","cellLabel","dayNumber","span","swatch","paletteFor","eventLabel","clickEvent","Fragment","Popover","timeOfDay"],"mappings":"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"}