@charcuterie/ui 3.21.0 → 3.23.0

package/dist/NavBar/NavBar.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useVisibility } from "@charcuterie/logic";
+import { Button } from "../Button/Button.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { usePanelItemSize } from "../Overlay/usePanelItemSize.js";
+import { Popover } from "../Popover/Popover.js";
+import { useToolbarOverflow } from "../Toolbar/useToolbarOverflow.js";
+import { toClassName } from "../toClassName.js";
+import { NavBarLink } from "./NavBarLink.js";
+import { getIsCurrentHref } from "./navBarCurrent.js";
+/**
+ * The app's destinations as real links, in one line — folding into a
+ * single menu button, whole, when that line does not fit.
+ *
+ * ## Why this is not `Toolbar`
+ *
+ * `Toolbar` already solves collapse-into-an-overflow, and this
+ * component **reuses its measurement** (`useToolbarOverflow`) rather
+ * than growing a second one. What it cannot reuse is the rendering:
+ * a `ToolbarAction` is `{ label, onSelect }` and a collapsed one
+ * becomes a `MenuItem`, so a nav folded into a `Toolbar` is a row of
+ * `<button>`s. Navigation is an `<a href>` — see `NavBarLink`.
+ *
+ * The overflow is a `Popover` (`role="dialog"`) rather than a `Menu`
+ * for the same reason: `role="menu"` permits only the `menuitem`
+ * family, and a `menuitem` is something you *do*, not somewhere you
+ * *go*.
+ *
+ * ## It folds WHOLE, and that is the decision
+ *
+ * `Toolbar` collapses **progressively** — items drop off the end one
+ * at a time — because its items are ranked: the two things you do to
+ * a running job matter more than the two you do to the deck. A nav
+ * is not ranked. Its order is the shape of the product (Docket's
+ * reads as the pipeline: Triage → Backlog → Phases → Board →
+ * Archives), and a half-collapsed one splits that shape across two
+ * places with no rule the reader can learn — "some of the app is up
+ * here and the rest is behind a button" is worse than either whole
+ * answer. So the bar shows **every** destination or **none**, and
+ * the menu, when it opens, is the complete list in the product's own
+ * order.
+ *
+ * ## Measured, not breakpointed
+ *
+ * There is no `collapseAt` prop and no media query. The bar reads
+ * the width its links actually have and folds when their sum stops
+ * fitting, so a longer label, a tenth destination, a
+ * `data-density="kiosk"` or a reader at 175% browser zoom each move
+ * the fold on their own. A hardcoded pixel number is wrong the first
+ * time any of those changes — mux-magic collapses at `480px` and
+ * plex-channels at `760px`, and neither number has a reason.
+ *
+ * ⚠️ **The bar must not be sized by its own contents.** It measures
+ * its own box to decide what to draw in it, so a container that
+ * shrink-wraps makes the answer its own input: put it in a
+ * `minmax(0, 1fr)` grid track or a `flex-1 min-w-0` row. The root
+ * carries `min-w-0 flex-1` for the flex case; a grid track is the
+ * caller's to declare. Same trap `useAdaptiveColumns` documents from
+ * the other end.
+ *
+ * ## Mounted exactly once
+ *
+ * A destination is in the bar or in the panel, never both. The
+ * fleet's habit is to render the whole nav twice and hide one copy
+ * with `hidden md:flex` — mux-magic's `PageHeader` across two
+ * ~55-line blocks, mail-sifter's `TriageQueue` again — which puts
+ * every link in the DOM at every width, so an agent driving the page
+ * finds two of each and cannot tell which one a human can see.
+ */
+export const NavBar = ({ className, currentHref, isMenuVisible = false, items, label, menuAlign = "start", menuIcon, menuLabel = "Menu", menuPlacement = "bottom-start", size = "sm", }) => {
+    const itemKeys = items.map((item) => item.key ?? item.href);
+    const { containerRef, trackItem, visibleCount } = useToolbarOverflow({ itemKeys });
+    /**
+     * All or nothing. `visibleCount` is the progressive answer and
+     * this is the only thing read off it: the moment one link stops
+     * fitting, every link goes into the menu together.
+     *
+     * The hook's `trackTrigger` is deliberately not wired up, and the
+     * missing measurement costs nothing here. It exists so a
+     * progressive bar can ask "how many fit **beside a trigger**",
+     * which is a question this bar never asks: either every link fits
+     * with no trigger at all, or the row is one trigger and nothing
+     * else. `chooseVisibleCount` tests the whole-row case first and
+     * with the trigger costed at zero, so that branch is exact.
+     */
+    const isCollapsed = visibleCount < items.length;
+    const { hide, isVisible, toggle } = useVisibility({
+        isVisible: isMenuVisible,
+    });
+    const panelItemSize = usePanelItemSize("lg");
+    const renderLink = (item, placement) => (_jsx(NavBarLink, { isCurrent: getIsCurrentHref({
+            currentHref,
+            href: item.href,
+        }), item: item, onNavigate: placement === "panel" ? hide : undefined, placement: placement, size: placement === "bar" ? size : panelItemSize, trackElement: placement === "bar" ? trackItem : undefined }, item.key ?? item.href));
+    const trigger = menuIcon === undefined ? (_jsx(Button, { appearance: "ghost", intent: "neutral", onClick: toggle, size: size, children: menuLabel })) : (_jsx(IconButton, { appearance: "ghost", intent: "neutral", label: menuLabel, onClick: toggle, size: size, children: menuIcon }));
+    return (_jsx("nav", { "aria-label": label, className: toClassName("flex min-w-0 flex-1 items-center gap-1", 
+        // Two written-out entries rather than one interpolated
+        // string: Tailwind's scanner cannot see a class that
+        // exists only at runtime.
+        isCollapsed && menuAlign === "end"
+            ? "justify-end"
+            : "justify-start", className), ref: containerRef, children: isCollapsed ? (_jsx(Popover
+        // The default panel is `max-w-xs p-3` — sized for a
+        // paragraph of prose. This one holds full-bleed rows that
+        // bring their own inset, so the padding shrinks to the
+        // gutter around them and the width is left to the list.
+        , { 
+            // The default panel is `max-w-xs p-3` — sized for a
+            // paragraph of prose. This one holds full-bleed rows that
+            // bring their own inset, so the padding shrinks to the
+            // gutter around them and the width is left to the list.
+            className: "max-w-none p-1", heading: menuLabel, isVisible: isVisible, onDismiss: hide, placement: menuPlacement, trigger: trigger, children: _jsx("ul", { className: "flex min-w-48 list-none flex-col gap-0.5", children: items.map((item) => (_jsx("li", { children: renderLink(item, "panel") }, item.key ?? item.href))) }) })) : (items.map((item) => renderLink(item, "bar"))) }));
+};
+//# sourceMappingURL=NavBar.js.map

package/dist/NavBar/NavBar.js.map

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

package/dist/NavBar/NavBarLink.d.ts

@@ -0,0 +1,43 @@
+import type { ControlSize } from "@charcuterie/tokens";
+import type { ReactNode } from "react";
+import type { NavBarItem } from "./NavBar.tsx";
+export type NavBarLinkProps = {
+    isCurrent: boolean;
+    item: NavBarItem;
+    /**
+     * Fires when the reader activates this link **in a way that keeps
+     * them on the page** — a plain left click, Enter, Space. It is
+     * what closes the collapsed panel behind them.
+     *
+     * A modified click (ctrl, meta, shift, alt) opens a new tab and
+     * leaves this document exactly where it was, so it deliberately
+     * does not fire: shutting the menu the reader is still working
+     * through is the behaviour that makes people stop ctrl-clicking.
+     */
+    onNavigate?: () => void;
+    /** Where it is drawn. A bar row and a panel row paint differently. */
+    placement: "bar" | "panel";
+    size: ControlSize;
+    /** Hands the bar row's box to the measuring hook. Bar only. */
+    trackElement?: (key: string, element: HTMLElement | null) => void;
+};
+/**
+ * One destination, drawn either in the bar or in the collapsed
+ * panel — and it is a real `<a href>` in both.
+ *
+ * That is the whole reason this component exists rather than the
+ * `Menu` a collapsed `Toolbar` opens: `MenuItem` is `{ label,
+ * onSelect }`, so a nav folded into one becomes a row of
+ * `<button>`s. It looks identical in a screenshot and it loses
+ * middle-click, ctrl-click, "open in a new tab", "copy link
+ * address", the status bar, and the browser's own visited styling.
+ * `BuildingAnApp.mdx` names `<button onClick={navigate}>` as the
+ * fleet's most common navigation defect; a collapse mechanism that
+ * introduced it at narrow widths would be that defect on a timer.
+ *
+ * The router seam is `ButtonLink`'s, unchanged: an external
+ * destination or a fragment falls back to a plain anchor rather than
+ * being pushed onto a history stack that has no route for it.
+ */
+export declare const NavBarLink: ({ isCurrent, item, onNavigate, placement, size, trackElement, }: NavBarLinkProps) => ReactNode;
+//# sourceMappingURL=NavBarLink.d.ts.map

package/dist/NavBar/NavBarLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarLink.d.ts","sourceRoot":"","sources":["../../src/NavBar/NavBarLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAUlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,sEAAsE;IACtE,SAAS,EAAE,KAAK,GAAG,OAAO,CAAA;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CACb,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,WAAW,GAAG,IAAI,KACxB,IAAI,CAAA;CACV,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,GAAI,iEAOxB,eAAe,KAAG,SA4EpB,CAAA"}

package/dist/NavBar/NavBarLink.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CONTROL_SIZE_CLASS, PANEL_ITEM_SIZE_CLASS, } from "../controlStyles.js";
+import { FOCUS_RING_CLASS } from "../intentStyles.js";
+import { useRouterLink } from "../RouterLink/RouterLinkProvider.js";
+import { getIsRoutedHref } from "../RouterLink/routerLink.js";
+import { toClassName } from "../toClassName.js";
+/**
+ * One destination, drawn either in the bar or in the collapsed
+ * panel — and it is a real `<a href>` in both.
+ *
+ * That is the whole reason this component exists rather than the
+ * `Menu` a collapsed `Toolbar` opens: `MenuItem` is `{ label,
+ * onSelect }`, so a nav folded into one becomes a row of
+ * `<button>`s. It looks identical in a screenshot and it loses
+ * middle-click, ctrl-click, "open in a new tab", "copy link
+ * address", the status bar, and the browser's own visited styling.
+ * `BuildingAnApp.mdx` names `<button onClick={navigate}>` as the
+ * fleet's most common navigation defect; a collapse mechanism that
+ * introduced it at narrow widths would be that defect on a timer.
+ *
+ * The router seam is `ButtonLink`'s, unchanged: an external
+ * destination or a fragment falls back to a plain anchor rather than
+ * being pushed onto a history stack that has no route for it.
+ */
+export const NavBarLink = ({ isCurrent, item, onNavigate, placement, size, trackElement, }) => {
+    const RouterLink = useRouterLink();
+    const LinkElement = getIsRoutedHref(item.href)
+        ? RouterLink
+        : "a";
+    const className = placement === "bar"
+        ? toClassName("inline-flex shrink-0 items-center rounded-md border border-transparent whitespace-nowrap transition-colors duration-(--duration-fast) ease-standard", CONTROL_SIZE_CLASS[size], 
+        // Two written-out entries rather than one interpolated
+        // string, the same rule `SegmentedOption` follows:
+        // Tailwind's scanner cannot see a class that exists only
+        // at runtime, and `tailwindCandidates.test.ts` rejects a
+        // template literal in a className outright.
+        isCurrent
+            ? "bg-intent-neutral-surface font-medium text-content-primary"
+            : "text-content-secondary hover:bg-intent-neutral-surface hover:text-content-primary", FOCUS_RING_CLASS)
+        : toClassName("flex w-full items-center rounded-sm text-start transition-colors duration-(--duration-fast) ease-standard", PANEL_ITEM_SIZE_CLASS[size], 
+        // `-hover`, not the plain surface: the panel is drawn on
+        // `surface-overlay`, which every dark scheme paints
+        // *lighter* than the base tint, so the plain one reads as
+        // no change at all. Same correction `MenuAction` carries.
+        isCurrent
+            ? "bg-intent-neutral-surface-hover font-medium text-content-primary"
+            : "text-content-primary hover:bg-intent-neutral-surface-hover", FOCUS_RING_CLASS);
+    return (_jsxs(LinkElement
+    // The platform's own "you are here", and the reason the paint
+    // above is never the only signal: a highlight is invisible to
+    // a screen reader and to anyone who cannot tell the two
+    // surfaces apart.
+    , { "aria-current": isCurrent ? "page" : undefined, className: className, href: item.href, onClick: (event) => {
+            if (event.defaultPrevented ||
+                event.button !== 0 ||
+                event.altKey ||
+                event.ctrlKey ||
+                event.metaKey ||
+                event.shiftKey) {
+                return;
+            }
+            onNavigate?.();
+        }, ref: (element) => {
+            trackElement?.(item.key ?? item.href, element);
+        }, children: [item.icon === undefined ? null : (_jsx("span", { "aria-hidden": "true", className: "shrink-0 text-content-secondary", children: item.icon })), item.label] }));
+};
+//# sourceMappingURL=NavBarLink.js.map

package/dist/NavBar/NavBarLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarLink.js","sourceRoot":"","sources":["../../src/NavBar/NavBarLink.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAsC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AA2B/C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,YAAY,GACI,EAAa,EAAE;IAC/B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5C,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,GAAG,CAAA;IAEP,MAAM,SAAS,GACb,SAAS,KAAK,KAAK;QACjB,CAAC,CAAC,WAAW,CACT,qJAAqJ,EACrJ,kBAAkB,CAAC,IAAI,CAAC;QACxB,uDAAuD;QACvD,mDAAmD;QACnD,yDAAyD;QACzD,yDAAyD;QACzD,4CAA4C;QAC5C,SAAS;YACP,CAAC,CAAC,4DAA4D;YAC9D,CAAC,CAAC,mFAAmF,EACvF,gBAAgB,CACjB;QACH,CAAC,CAAC,WAAW,CACT,2GAA2G,EAC3G,qBAAqB,CAAC,IAAI,CAAC;QAC3B,yDAAyD;QACzD,oDAAoD;QACpD,0DAA0D;QAC1D,0DAA0D;QAC1D,SAAS;YACP,CAAC,CAAC,kEAAkE;YACpE,CAAC,CAAC,4DAA4D,EAChE,gBAAgB,CACjB,CAAA;IAEP,OAAO,CACL,MAAC,WAAW;IACV,8DAA8D;IAC9D,8DAA8D;IAC9D,wDAAwD;IACxD,kBAAkB;wBACJ,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAoC,EAAE,EAAE;YAChD,IACE,KAAK,CAAC,gBAAgB;gBACtB,KAAK,CAAC,MAAM,KAAK,CAAC;gBAClB,KAAK,CAAC,MAAM;gBACZ,KAAK,CAAC,OAAO;gBACb,KAAK,CAAC,OAAO;gBACb,KAAK,CAAC,QAAQ,EACd,CAAC;gBACD,OAAM;YACR,CAAC;YAED,UAAU,EAAE,EAAE,CAAA;QAChB,CAAC,EACD,GAAG,EAAE,CAAC,OAAiC,EAAE,EAAE;YACzC,YAAY,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QAChD,CAAC,aAEA,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAGhC,8BACc,MAAM,EAClB,SAAS,EAAC,iCAAiC,YAE1C,IAAI,CAAC,IAAI,GACL,CACR,EAEA,IAAI,CAAC,KAAK,IACC,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/NavBar/navBarCurrent.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Which destination the reader is on — the rule behind
+ * `aria-current="page"`, kept pure so it can be checked in Node.
+ *
+ * The library is router-agnostic (see `RouterLinkProvider`), so it
+ * cannot ask a router which link is active. The app hands it one
+ * string — `useLocation().pathname`, `window.location.pathname`,
+ * whatever it has — and this decides the rest.
+ *
+ * ## A parent path is current for its children
+ *
+ * `/tasks` is current while the reader is on `/tasks/41`, because a
+ * nav item names a **section** and a section does not stop being the
+ * one you are in when you open something inside it. The match is on
+ * whole segments: `/task` is *not* current for `/tasks`, which a bare
+ * `startsWith` would get wrong.
+ *
+ * ## `/` is exact, and that is deliberately not react-router
+ *
+ * react-router's `<NavLink to="/">` is active on **every** route
+ * unless the caller remembers `end`, which is the footgun behind
+ * every "why is Home always highlighted" bug in the fleet. The root
+ * matches only itself here, and there is no prop to change it: a nav
+ * with two current items is a nav that has stopped saying anything.
+ *
+ * ## The query string and the fragment are not part of the answer
+ *
+ * `/backlog?focus=search` is still the Backlog. Sorting a list does
+ * not move the reader to a different destination.
+ */
+export declare const getIsCurrentHref: ({ currentHref, href, }: {
+    /** Where the reader is. `undefined` means "nothing is current". */
+    currentHref: string | undefined;
+    /** Where this destination goes. */
+    href: string;
+}) => boolean;
+//# sourceMappingURL=navBarCurrent.d.ts.map

package/dist/NavBar/navBarCurrent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navBarCurrent.d.ts","sourceRoot":"","sources":["../../src/NavBar/navBarCurrent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAUH,eAAO,MAAM,gBAAgB,GAAI,wBAG9B;IACD,mEAAmE;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAA;CACb,KAAG,OAgBH,CAAA"}

package/dist/NavBar/navBarCurrent.js

@@ -0,0 +1,48 @@
+/**
+ * Which destination the reader is on — the rule behind
+ * `aria-current="page"`, kept pure so it can be checked in Node.
+ *
+ * The library is router-agnostic (see `RouterLinkProvider`), so it
+ * cannot ask a router which link is active. The app hands it one
+ * string — `useLocation().pathname`, `window.location.pathname`,
+ * whatever it has — and this decides the rest.
+ *
+ * ## A parent path is current for its children
+ *
+ * `/tasks` is current while the reader is on `/tasks/41`, because a
+ * nav item names a **section** and a section does not stop being the
+ * one you are in when you open something inside it. The match is on
+ * whole segments: `/task` is *not* current for `/tasks`, which a bare
+ * `startsWith` would get wrong.
+ *
+ * ## `/` is exact, and that is deliberately not react-router
+ *
+ * react-router's `<NavLink to="/">` is active on **every** route
+ * unless the caller remembers `end`, which is the footgun behind
+ * every "why is Home always highlighted" bug in the fleet. The root
+ * matches only itself here, and there is no prop to change it: a nav
+ * with two current items is a nav that has stopped saying anything.
+ *
+ * ## The query string and the fragment are not part of the answer
+ *
+ * `/backlog?focus=search` is still the Backlog. Sorting a list does
+ * not move the reader to a different destination.
+ */
+const toComparablePath = (href) => {
+    const path = href.split(/[#?]/u)[0] ?? "";
+    // A trailing slash is the same place, so it must not change the
+    // answer — but `/` itself has to survive being trimmed.
+    return path.length > 1 ? path.replace(/\/+$/u, "") : path;
+};
+export const getIsCurrentHref = ({ currentHref, href, }) => {
+    if (currentHref === undefined) {
+        return false;
+    }
+    const current = toComparablePath(currentHref);
+    const target = toComparablePath(href);
+    if (target === "" || target === "/") {
+        return current === target;
+    }
+    return (current === target || current.startsWith(`${target}/`));
+};
+//# sourceMappingURL=navBarCurrent.js.map

package/dist/NavBar/navBarCurrent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navBarCurrent.js","sourceRoot":"","sources":["../../src/NavBar/navBarCurrent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAU,EAAE;IAChD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IAEzC,gEAAgE;IAChE,wDAAwD;IACxD,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC3D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,EACX,IAAI,GAML,EAAW,EAAE;IACZ,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,OAAO,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAA;IAE7C,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAErC,IAAI,MAAM,KAAK,EAAE,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;QACpC,OAAO,OAAO,KAAK,MAAM,CAAA;IAC3B,CAAC;IAED,OAAO,CACL,OAAO,KAAK,MAAM,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,MAAM,GAAG,CAAC,CACvD,CAAA;AACH,CAAC,CAAA"}

package/dist/ReorderList/ReorderList.d.ts

@@ -0,0 +1,131 @@
+import type { ReactNode, Ref } from "react";
+export type ReorderListItem = {
+    key: string;
+    /**
+     * Plain text, and it is not optional. Every accessible name the
+     * component writes is built from it — "Move <label> earlier" —
+     * and so is the sentence the live region reads after a move. A
+     * button announced as "↑" names nothing.
+     */
+    label: string;
+};
+export type ReorderListRenderArguments<TItem extends ReorderListItem> = {
+    /**
+     * Spread onto whatever the host wants the drag to start FROM.
+     * Absent — as an empty object — when the list is too short to
+     * reorder, so a one-row list has no dead handle on it.
+     *
+     * It is a **handle**, never the whole row: a row holds links,
+     * and a link is draggable already.
+     */
+    gripProps: {
+        onPointerDown?: (event: {
+            clientX: number;
+            clientY: number;
+            currentTarget: EventTarget & Element;
+            pointerId: number;
+        }) => void;
+        style?: {
+            touchAction: "none";
+        };
+        title?: string;
+    };
+    index: number;
+    isDragged: boolean;
+    isFirst: boolean;
+    isLast: boolean;
+    item: TItem;
+    /**
+     * The KEYBOARD path, and it is the primary one. The host draws
+     * the two buttons because only the host knows where they sit in
+     * its own row; the component supplies what they do and whether
+     * each end is disabled.
+     */
+    moveBy: (offset: -1 | 1) => void;
+    /** 1-based, for printing. */
+    position: number;
+};
+export type ReorderListProps<TItem extends ReorderListItem> = {
+    className?: string;
+    /**
+     * The container element. `ul` by default, because an ordered
+     * pile of rows is a list; `div` for a host whose own CSS grid
+     * owns the shape and would have to undo list semantics to get
+     * it.
+     */
+    elementType?: "div" | "ol" | "ul";
+    /**
+     * The container element, for a host that needs it too.
+     *
+     * The component keeps its own hold on that element — the drag
+     * measures its rows off it — so this is MERGED rather than
+     * forwarded. Docket plays a FLIP animation off the same
+     * element, and without this the two uses would have to fight
+     * over one `ref`.
+     */
+    elementRef?: Ref<HTMLElement>;
+    itemClassName?: string;
+    items: readonly TItem[];
+    /** The list's accessible name. */
+    label: string;
+    /**
+     * `fromIndex` and `toIndex` are both indexes into `items`, and
+     * `toIndex` is already corrected for the row's own removal — so
+     * a handler is `splice(from, 1)` then `splice(to, 0, row)` with
+     * no arithmetic of its own.
+     */
+    onReorder: (fromIndex: number, toIndex: number) => void;
+    renderItem: (renderArguments: ReorderListRenderArguments<TItem>) => ReactNode;
+};
+/**
+ * A vertical list whose rows can be put in a different order — by
+ * two buttons, or by dragging a handle.
+ *
+ * ### Why it is not a fourth hand-rolled reorder
+ *
+ * Docket wrote this twice: a subtask checklist on HTML5
+ * `draggable`, and a phase queue with the buttons and no drag at
+ * all. `Board` wrote a third, properly, on Pointer Events. Three
+ * implementations of one shape is the case the workspace's
+ * component rule exists for, so the geometry here is **`Board`'s
+ * own** — `useBoardDrag` with a single registered lane and the
+ * item selector pointed at this component's rows. Nothing about
+ * the measuring, the snapshot, the threshold or the pointer
+ * capture is written twice.
+ *
+ * ### The buttons are primary, the drag is the enhancement
+ *
+ * WCAG 2.5.7 requires a single-pointer alternative to any dragging
+ * movement, and the board's decision already argues the stronger
+ * version: the buttons are not a fallback bolted onto a drag, they
+ * are the only path that works from a keyboard, under a screen
+ * reader, or under a thumb in the Narrow View. So `renderItem`
+ * receives `moveBy` before it receives `gripProps`, and a host
+ * that draws no handle at all is a supported host.
+ *
+ * ### It takes no drag-and-drop dependency
+ *
+ * The board priced four libraries at 7–32 KB gzipped and took none
+ * of them, because a published library's dependency list is
+ * inherited by every consumer
+ * ([decision](../../../docs/decisions/2026-08-19-the-board-owns-the-move-and-takes-no-drag-and-drop-dependency.md)).
+ * This adds nothing to that arithmetic — it is the same 1.4 KB,
+ * called twice.
+ *
+ * ### `draggable="true"` is the instinct this replaces
+ *
+ * Native HTML5 drag-and-drop **does not fire on touch at all**, so
+ * the checklist Docket shipped on it cannot be reordered on the
+ * tablet its owner reads it on. Pointer Events are one code path
+ * for mouse, touch and pen, and `setPointerCapture` keeps the drag
+ * alive once the row has moved out from under the finger.
+ *
+ * ### What it deliberately does not do
+ *
+ * It renders no row, no handle, no buttons and no glyph. The host
+ * renders all four through `renderItem`, which is what lets one
+ * component serve a checklist, a queue and a card list whose CSS
+ * grids have nothing in common.
+ */
+export declare const ReorderList: <TItem extends ReorderListItem>({ className, elementRef, elementType, itemClassName, items, label, onReorder, renderItem, }: ReorderListProps<TItem>) => ReactNode;
+//# sourceMappingURL=ReorderList.d.ts.map

package/dist/ReorderList/ReorderList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderList.d.ts","sourceRoot":"","sources":["../../src/ReorderList/ReorderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AA0B3C,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,0BAA0B,CACpC,KAAK,SAAS,eAAe,IAC3B;IACF;;;;;;;OAOG;IACH,SAAS,EAAE;QACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;YACtB,OAAO,EAAE,MAAM,CAAA;YACf,OAAO,EAAE,MAAM,CAAA;YACf,aAAa,EAAE,WAAW,GAAG,OAAO,CAAA;YACpC,SAAS,EAAE,MAAM,CAAA;SAClB,KAAK,IAAI,CAAA;QACV,KAAK,CAAC,EAAE;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAA;QAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,KAAK,CAAA;IACX;;;;;OAKG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IAChC,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAC1B,KAAK,SAAS,eAAe,IAC3B;IACF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAA;IACjC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,SAAS,KAAK,EAAE,CAAA;IACvB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,UAAU,EAAE,CACV,eAAe,EAAE,0BAA0B,CAAC,KAAK,CAAC,KAC/C,SAAS,CAAA;CACf,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,eAAe,EAAE,6FASxD,gBAAgB,CAAC,KAAK,CAAC,KAAG,SAgK5B,CAAA"}

package/dist/ReorderList/ReorderList.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { getIsMoveMeaningful, toSettledIndex, } from "../Board/boardMove.js";
+import { useBoardDrag } from "../Board/useBoardDrag.js";
+import { toClassName } from "../toClassName.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+/**
+ * The attribute the drag's hit test reads on a row. A `data-`
+ * attribute rather than a class, the same contract `BoardCard` and
+ * `DropRail` already write down: a class is a style and a
+ * consumer's tooling may rename it.
+ */
+const ITEM_ATTRIBUTE = "data-reorder-item";
+/**
+ * The single lane this component registers with the board's drag.
+ * A reorder list is a board with one lane and no lane picker, so
+ * the key is a constant and never leaves this file.
+ */
+const LANE_KEY = "reorder-list";
+/**
+ * A vertical list whose rows can be put in a different order — by
+ * two buttons, or by dragging a handle.
+ *
+ * ### Why it is not a fourth hand-rolled reorder
+ *
+ * Docket wrote this twice: a subtask checklist on HTML5
+ * `draggable`, and a phase queue with the buttons and no drag at
+ * all. `Board` wrote a third, properly, on Pointer Events. Three
+ * implementations of one shape is the case the workspace's
+ * component rule exists for, so the geometry here is **`Board`'s
+ * own** — `useBoardDrag` with a single registered lane and the
+ * item selector pointed at this component's rows. Nothing about
+ * the measuring, the snapshot, the threshold or the pointer
+ * capture is written twice.
+ *
+ * ### The buttons are primary, the drag is the enhancement
+ *
+ * WCAG 2.5.7 requires a single-pointer alternative to any dragging
+ * movement, and the board's decision already argues the stronger
+ * version: the buttons are not a fallback bolted onto a drag, they
+ * are the only path that works from a keyboard, under a screen
+ * reader, or under a thumb in the Narrow View. So `renderItem`
+ * receives `moveBy` before it receives `gripProps`, and a host
+ * that draws no handle at all is a supported host.
+ *
+ * ### It takes no drag-and-drop dependency
+ *
+ * The board priced four libraries at 7–32 KB gzipped and took none
+ * of them, because a published library's dependency list is
+ * inherited by every consumer
+ * ([decision](../../../docs/decisions/2026-08-19-the-board-owns-the-move-and-takes-no-drag-and-drop-dependency.md)).
+ * This adds nothing to that arithmetic — it is the same 1.4 KB,
+ * called twice.
+ *
+ * ### `draggable="true"` is the instinct this replaces
+ *
+ * Native HTML5 drag-and-drop **does not fire on touch at all**, so
+ * the checklist Docket shipped on it cannot be reordered on the
+ * tablet its owner reads it on. Pointer Events are one code path
+ * for mouse, touch and pen, and `setPointerCapture` keeps the drag
+ * alive once the row has moved out from under the finger.
+ *
+ * ### What it deliberately does not do
+ *
+ * It renders no row, no handle, no buttons and no glyph. The host
+ * renders all four through `renderItem`, which is what lets one
+ * component serve a checklist, a queue and a card list whose CSS
+ * grids have nothing in common.
+ */
+export const ReorderList = ({ className, elementRef, elementType = "ul", itemClassName, items, label, onReorder, renderItem, }) => {
+    const [announcement, setAnnouncement] = useState("");
+    /**
+     * A single row cannot be put anywhere else, so it gets no grip
+     * and no buttons. This is checked here rather than in every
+     * host, because "hide the control when it can do nothing" is the
+     * part each hand-rolled copy forgot.
+     */
+    const isReorderable = items.length > 1;
+    const commit = useCallback((fromIndex, toIndex) => {
+        setAnnouncement(`Moved ${items[fromIndex]?.label ?? ""} to position ${String(toIndex + 1)} of ${String(items.length)}.`);
+        onReorder(fromIndex, toIndex);
+    }, [items, onReorder]);
+    const { drag, registerLane, startDrag } = useBoardDrag({
+        itemSelector: `[${ITEM_ATTRIBUTE}]`,
+        onDrop: (origin, target) => {
+            if (!getIsMoveMeaningful({
+                fromIndex: origin.fromIndex,
+                fromLaneKey: origin.fromLaneKey,
+                toIndex: target.index,
+                toLaneKey: target.laneKey,
+            })) {
+                return;
+            }
+            commit(origin.fromIndex, toSettledIndex({
+                fromIndex: origin.fromIndex,
+                fromLaneKey: origin.fromLaneKey,
+                toIndex: target.index,
+                toLaneKey: target.laneKey,
+            }));
+        },
+    });
+    const ListElement = elementType;
+    const ItemElement = elementType === "div" ? "div" : "li";
+    return (_jsxs(_Fragment, { children: [_jsxs(ListElement, { "aria-label": label, className: toClassName("relative", className), ref: (element) => {
+                    registerLane(LANE_KEY)(element);
+                    if (typeof elementRef === "function") {
+                        elementRef(element);
+                        return;
+                    }
+                    if (elementRef) {
+                        elementRef.current = element;
+                    }
+                }, children: [items.map((item, index) => (_jsx(ItemElement, { className: itemClassName, [ITEM_ATTRIBUTE]: item.key, children: renderItem({
+                            gripProps: isReorderable
+                                ? {
+                                    onPointerDown: (pointerEvent) => {
+                                        startDrag(pointerEvent, {
+                                            fromIndex: index,
+                                            fromLaneKey: LANE_KEY,
+                                            itemKey: item.key,
+                                        });
+                                    },
+                                    /*
+                                     * Without it the browser claims the gesture
+                                     * for a scroll and the `pointermove` stream
+                                     * stops one frame in — which reads as "drag
+                                     * works on the desktop and not on the
+                                     * tablet", the exact bug this component
+                                     * exists to end.
+                                     */
+                                    style: { touchAction: "none" },
+                                    title: "Drag to reorder",
+                                }
+                                : {},
+                            index,
+                            isDragged: drag?.itemKey === item.key,
+                            isFirst: index === 0,
+                            isLast: index === items.length - 1,
+                            item,
+                            moveBy: (offset) => {
+                                const toIndex = index + offset;
+                                if (!isReorderable ||
+                                    toIndex < 0 ||
+                                    toIndex > items.length - 1) {
+                                    return;
+                                }
+                                commit(index, toIndex);
+                            },
+                            position: index + 1,
+                        }) }, item.key))), drag?.indicatorOffset == null ? null : (_jsx(ItemElement, { "aria-hidden": "true", className: "pointer-events-none absolute end-0 start-0 h-0.5 rounded-full bg-intent-accent-solid", style: {
+                            insetBlockStart: `${String(drag.indicatorOffset)}px`,
+                        } }))] }), _jsx(VisuallyHidden, { "aria-label": `${label} activity`, role: "status", children: announcement })] }));
+};
+//# sourceMappingURL=ReorderList.js.map

package/dist/ReorderList/ReorderList.js.map

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