@setsquare/ui 0.2.3 → 0.4.0

package/dist/ui/tabs.js

@@ -1,37 +1,295 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { composeRenderProps, Tab as RACTab, TabList as RACTabList, TabPanel as RACTabPanel, Tabs as RACTabs, } from 'react-aria-components';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from 'react';
+import { Tab as RACTab, TabList as RACTabList, TabListStateContext, TabPanel as RACTabPanel, Tabs as RACTabs, } from 'react-aria-components';
 import { cn } from '../lib/cn.js';
+import { fill, withLabels } from '../lib/labels.js';
+import { renderIcon } from './icon.js';
+const tabsLabels = {
+    count: ', {count}',
+    badge: ', {badge}',
+    tipCount: '{name} ({count})',
+    tipBadge: '{name} · {badge}',
+    badgeRise: '{name}: {badge}',
+};
+const SharedContext = createContext(null);
+const TravelContext = createContext({ moved: false, direction: 'forward' });
+/** React 19.2's `<Activity>`. A canvas that renders the bundle with React 18 has none; there the panel's `hidden`. */
+const Activity = React.Activity ?? (({ children }) => _jsx(_Fragment, { children: children }));
+/** Below this width a vertical tablist becomes a row above its panel (1.4.10). */
+const RAIL_MIN = 480;
 /**
  * Views of the same thing, one at a time: a TabList and a TabPanel for each tab. Arrow keys move between tabs and
  * show each as focus reaches it; Tab moves on to the panel. Use them for peers people switch between, not for
  * steps in order (that's a form) or for navigation between pages (that's links).
+ *
+ * `orientation="vertical"` puts the tabs in a rail beside the panel. Narrower than 480px the rail becomes a row
+ * above it, and the arrow keys and `aria-orientation` follow.
  */
-export function Tabs({ className, ...props }) {
-    return _jsx(RACTabs, { ...props, className: cn('flex flex-col gap-4', className) });
+export function Tabs({ display = 'expanding', hiddenPanels = 'visited', orientation = 'horizontal', onBadgeClear, announceBadges = false, labels: given, className, children, ...props }) {
+    const ref = useRef(null);
+    const [narrow, setNarrow] = useState(false);
+    useEffect(() => {
+        const el = ref.current;
+        if (orientation !== 'vertical' || !el || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(([entry]) => {
+            const width = entry?.contentRect.width ?? el.clientWidth;
+            setNarrow(width > 0 && width < RAIL_MIN);
+        });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [orientation]);
+    const effective = orientation === 'vertical' && !narrow ? 'vertical' : 'horizontal';
+    const [tip, setTipState] = useState(null);
+    const tipClosed = useRef(0);
+    const setTip = useCallback((id) => setTipState((open) => {
+        if (id == null && open != null)
+            tipClosed.current = Date.now();
+        return id;
+    }), []);
+    const closeTip = useCallback((id) => setTipState((open) => {
+        if (open !== id)
+            return open;
+        tipClosed.current = Date.now();
+        return null;
+    }), []);
+    // Escape closes a tooltip wherever focus is (1.4.13).
+    useEffect(() => {
+        if (tip == null)
+            return;
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                setTip(null);
+        };
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [tip, setTip]);
+    const [message, setMessage] = useState('');
+    const shared = {
+        display,
+        hiddenPanels,
+        orientation: effective,
+        labels: withLabels(tabsLabels, given),
+        onBadgeClear,
+        announce: (text) => announceBadges && setMessage(text),
+        tip,
+        setTip,
+        closeTip,
+        tipClosed,
+    };
+    return (_jsxs(RACTabs, { ...props, ref: ref, orientation: effective, className: cn('relative flex', effective === 'vertical' ? 'flex-row items-start gap-7' : 'flex-col gap-5', className), children: [_jsx(SharedContext.Provider, { value: shared, children: _jsx(TravelTracker, { children: children }) }), announceBadges && (_jsx("span", { role: "status", className: "sr-only", children: message }))] }));
+}
+/** Which way the selection last moved, so the panel can come in from that side. */
+function TravelTracker({ children }) {
+    const state = useContext(TabListStateContext);
+    const key = state?.selectedKey ?? null;
+    const [seen, setSeen] = useState({ key, from: null });
+    if (state && seen.key !== key)
+        setSeen({ key, from: seen.key });
+    const index = (k) => (k == null ? -1 : (state?.collection.getItem(k)?.index ?? -1));
+    const travel = {
+        moved: seen.from != null,
+        direction: index(seen.key) >= index(seen.from) ? 'forward' : 'back',
+    };
+    return _jsx(TravelContext.Provider, { value: travel, children: children });
+}
+function useShared() {
+    const shared = useContext(SharedContext);
+    if (!shared)
+        throw new Error('TabList, Tab and TabPanel go inside Tabs.');
+    return shared;
 }
 /**
- * The row of tabs, on a rule. It wraps rather than scrolls when the tabs don't fit, so no tab is ever hidden off
- * the edge at 320px (1.4.10).
+ * The tabs. In a row they wrap rather than scroll when they don't fit, so no tab is ever hidden off the edge at
+ * 320px (1.4.10). In a rail they are 104px wide tiles, and the selected one grows downwards to show its name.
  */
 export function TabList({ className, ...props }) {
-    return (_jsx(RACTabList, { ...props, className: cn('flex flex-wrap gap-x-1 border-b border-border', className) }));
+    return _jsx(RACTabList, { ...props, className: cn('tabs-list', className) });
+}
+/**
+ * A tab in three layers. The tab is the target (Layer 1), at least --target-min both ways. The pill inside it
+ * (Layer 2) takes the hover ground and the focus ring. Selected, it takes the brand-subtle ground and a bold name,
+ * and its icon turns brand; where the name doesn't open to mark it (text and icon only), a brand marker does, so
+ * selection never rests on the fill alone.
+ *
+ * A tab whose name isn't showing has a tooltip: on hover after 500ms (at once if another just closed), on keyboard
+ * focus at once, closed by Escape from anywhere. The tooltip is hidden from assistive tech, because the tab's name
+ * is already its own collapsed label.
+ */
+export function Tab({ id, icon, count, badge, className, visualClassName, children, textValue, ...props }) {
+    const shared = useShared();
+    const state = useContext(TabListStateContext);
+    const name = textValue ?? (typeof children === 'string' ? children : '');
+    const display = icon ? shared.display : 'text';
+    const rail = shared.orientation === 'vertical';
+    const { labels } = shared;
+    // A tooltip only where the name isn't showing: every tab in icon only, the closed ones when expanding.
+    const selected = state?.selectedKey === id;
+    const tip = useTip(id, display === 'icon' || (display === 'expanding' && !selected));
+    return (_jsx(RACTab, { ...props, ...tip.handlers, id: id, className: cn('group/tab relative inline-flex min-h-target min-w-target cursor-pointer items-center outline-none data-disabled:cursor-not-allowed', rail && 'flex w-full', className), children: ({ isSelected }) => (_jsx(TabInner, { id: id, name: name, display: display, rail: rail, icon: icon, count: count, badge: badge, isSelected: isSelected, tipOpen: tip.open, visualClassName: visualClassName, labels: labels, children: children })) }));
+}
+function TabInner({ id, name, display, rail, icon, count, badge, isSelected, tipOpen, visualClassName, labels, children, }) {
+    const mark = useBadge(id, name, badge, isSelected);
+    const shown = mark.shown;
+    // Never over text: open in a row, the name sits beside the icon, so the badge follows the name. In a rail the name
+    // is under the icon, clear of it. With no icon (text) it always follows the name.
+    const inline = shown && (display === 'text' || (display === 'expanding' && isSelected && !rail));
+    // Back on the icon after following the name: it waits for the name to fade first.
+    const [wasInline, setWasInline] = useState(inline);
+    const [returning, setReturning] = useState(false);
+    if (wasInline !== inline) {
+        setWasInline(inline);
+        setReturning(!inline);
+    }
+    const badgeText = badge?.short ?? badge?.label ?? '';
+    const tip = shown && badge
+        ? fill(labels.tipBadge, { name, badge: badgeText })
+        : count != null
+            ? fill(labels.tipCount, { name, count })
+            : name;
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { "data-display": display, className: cn('tabs-paint group-data-focus-visible/tab:focus-ring group-data-disabled/tab:opacity-50', visualClassName), children: [display !== 'text' && icon && (_jsxs("span", { className: "tabs-icon", children: [renderIcon(icon, 'size-5'), shown && badge && !inline && (_jsx(BadgeMark, { badge: badge, ...mark, returning: returning }))] })), _jsx("span", { className: "tabs-name", children: _jsxs("span", { className: "tabs-name-row", children: [_jsxs("span", { className: "tabs-name-text", children: [_jsx("span", { children: children }), _jsx("span", { "aria-hidden": "true", children: children })] }), count != null && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "tabs-count", children: count }), _jsx("span", { className: "sr-only", children: fill(labels.count, { count }) })] })), shown && badge && inline && _jsx(BadgeMark, { badge: badge, ...mark, inline: true }), shown && badge && (_jsx("span", { className: "sr-only", children: fill(labels.badge, { badge: badge.label }) }))] }) })] }), tipOpen && (_jsx("span", { "aria-hidden": "true", "data-side": rail ? 'right' : 'bottom', className: "tabs-tip", children: tip }))] }));
+}
+/** Whether the badge shows, and the pulse and clearing bookkeeping behind it. */
+function useBadge(id, name, badge, isSelected) {
+    const shared = useShared();
+    const present = !!badge && (!!badge.dot || (badge.count ?? 0) > 0);
+    const count = badge?.count;
+    const important = !!badge?.important;
+    const [s, setS] = useState(() => ({
+        count,
+        present,
+        pulse: present && important ? 1 : 0,
+        seen: present && important && isSelected ? 1 : 0,
+        cleared: false,
+        clearing: false,
+    }));
+    // From the last render to this one: a badge that appears or rises pulses again, unless its tab is open.
+    let next = s;
+    if (count !== s.count || present !== s.present) {
+        const appeared = present && !s.present;
+        const rose = present && s.present && (count ?? 0) > (s.count ?? 0);
+        const pulse = important && (appeared || rose) ? s.pulse + 1 : s.pulse;
+        next = { ...s, count, present, pulse, cleared: false, clearing: false };
+    }
+    if (isSelected && next.seen !== next.pulse)
+        next = { ...next, seen: next.pulse };
+    if (next !== s)
+        setS(next);
+    // A rise in an important badge is announced, when Tabs asks for it.
+    const lastCount = useRef(count);
+    useEffect(() => {
+        if (important &&
+            present &&
+            count != null &&
+            lastCount.current != null &&
+            count > lastCount.current)
+            shared.announce(fill(shared.labels.badgeRise, { name, badge: badge?.label ?? '' }));
+        lastCount.current = count;
+    });
+    // Clear on open: it fades after a moment, is gone at 1s, and the app is told. Leaving the tab doesn't stop it.
+    const clearable = present && !!badge?.clearOnOpen && !next.cleared;
+    const timer = useRef(undefined);
+    const onClear = useRef(shared.onBadgeClear);
+    useEffect(() => {
+        onClear.current = shared.onBadgeClear;
+    });
+    useEffect(() => {
+        if (!isSelected || !clearable || timer.current)
+            return;
+        setS((p) => ({ ...p, clearing: true }));
+        timer.current = setTimeout(() => {
+            timer.current = undefined;
+            setS((p) => ({ ...p, clearing: false, cleared: true }));
+            onClear.current?.(id);
+        }, 1000);
+    }, [isSelected, clearable, id]);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    return {
+        shown: present && !next.cleared,
+        pulse: next.pulse,
+        pulsing: important && !isSelected && next.seen !== next.pulse,
+        clearing: next.clearing,
+    };
+}
+function BadgeMark({ badge, inline, pulse, pulsing, clearing, returning, }) {
+    const dot = !!badge.dot && badge.count == null;
+    return (_jsx("span", { "aria-hidden": "true", "data-place": inline ? 'inline' : 'pinned', "data-dot": dot ? '' : undefined, "data-important": badge.important ? '' : undefined, "data-pulse": pulsing ? '' : undefined, "data-clearing": clearing ? '' : undefined, "data-returning": returning && !pulsing ? '' : undefined, className: "tabs-badge", children: dot ? null : (badge.count ?? 0) > 99 ? '99+' : badge.count }, pulse));
 }
+// ---------------------------------------------------------------- tooltips
 /**
- * A tab in three layers. The tab is the target (Layer 1), at least --target-min both ways. The painted tab
- * inside it (Layer 2) takes the hover ground and the focus ring, and the selected one is bold with a brand bar on
- * the rule: weight and the bar, never colour alone. The bar is the brand colour, which clears 3:1 against every
- * surface because it is also the focus ring.
+ * Hover: after 500ms, or at once if a tooltip is open or closed in the last 500ms; it closes 120ms after the
+ * pointer leaves, and the pointer can move onto it (it sits inside the tab, over an 8px bridge). Keyboard focus:
+ * at once. A press closes it, and touch never opens it (React Aria's hover ignores touch).
  */
-export function Tab({ className, visualClassName, children, ...props }) {
-    return (_jsx(RACTab, { ...props, className: cn('group/tab relative -mb-px inline-flex min-h-target min-w-target cursor-pointer items-stretch outline-none data-disabled:cursor-not-allowed', className), children: composeRenderProps(children, (kids) => (_jsx("span", { className: cn('inline-flex h-control items-center gap-2 rounded-t-md border-b-[3px] border-transparent px-(--control-pad-x) text-sm font-medium whitespace-nowrap text-muted-foreground', 'group-data-hovered/tab:bg-accent group-data-hovered/tab:text-foreground group-data-focus-visible/tab:focus-ring-inset', 'group-data-selected/tab:border-brand group-data-selected/tab:font-bold group-data-selected/tab:text-foreground', 'group-data-disabled/tab:opacity-50', visualClassName), children: kids }))) }));
+function useTip(id, allowed) {
+    const { tip, setTip, closeTip, tipClosed } = useShared();
+    const open = tip === id;
+    const timer = useRef(undefined);
+    const pressed = useRef(false);
+    const focused = useRef(false);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    useEffect(() => {
+        if (!allowed && open)
+            closeTip(id);
+    }, [allowed, open, closeTip, id]);
+    const handlers = {
+        onHoverStart: (e) => {
+            if (e.pointerType !== 'mouse' || pressed.current || !allowed)
+                return;
+            clearTimeout(timer.current);
+            if (tip != null || Date.now() - tipClosed.current < 500)
+                setTip(id);
+            else
+                timer.current = setTimeout(() => setTip(id), 500);
+        },
+        onHoverEnd: () => {
+            pressed.current = false;
+            clearTimeout(timer.current);
+            if (!focused.current)
+                timer.current = setTimeout(() => closeTip(id), 120);
+        },
+        onFocus: (e) => {
+            if (!allowed || !e.target.matches(':focus-visible'))
+                return;
+            focused.current = true;
+            clearTimeout(timer.current);
+            setTip(id);
+        },
+        onBlur: () => {
+            focused.current = false;
+            clearTimeout(timer.current);
+            closeTip(id);
+        },
+        onPressStart: (e) => {
+            if (e.pointerType === 'keyboard')
+                return;
+            pressed.current = true;
+            clearTimeout(timer.current);
+            closeTip(id);
+        },
+    };
+    return { open: open && allowed, handlers };
 }
 /**
  * A tab's content. With nothing focusable inside, React Aria makes the panel itself a tab stop so a keyboard
  * reaches it after the tabs; it shows the focus ring then. Positioned, so hidden text inside it is placed against
- * it.
+ * it. It comes in from the side the selection moved towards (a fade alone at AAA).
  */
-export function TabPanel({ className, ...props }) {
-    return (_jsx(RACTabPanel, { ...props, className: cn('relative rounded-md outline-none data-focus-visible:focus-ring', className) }));
+export function TabPanel({ className, id, ...props }) {
+    const { hiddenPanels } = useShared();
+    const travel = useContext(TravelContext);
+    const state = useContext(TabListStateContext);
+    const selected = state?.selectedKey === id;
+    const [visited, setVisited] = useState(false);
+    if (selected && !visited)
+        setVisited(true);
+    const panel = (_jsx(RACTabPanel, { ...props, id: id, shouldForceMount: hiddenPanels !== 'unmount', "data-travel": selected && travel.moved ? travel.direction : undefined, className: cn('tabs-panel relative rounded-md outline-none data-focus-visible:focus-ring data-inert:hidden', className) }));
+    if (hiddenPanels === 'unmount')
+        return panel;
+    if (!selected && hiddenPanels === 'visited' && !visited)
+        return null;
+    return _jsx(Activity, { mode: selected ? 'visible' : 'hidden', children: panel });
 }
 //# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,kBAAkB,EAClB,GAAG,IAAI,MAAM,EACb,OAAO,IAAI,UAAU,EACrB,QAAQ,IAAI,WAAW,EACvB,IAAI,IAAI,OAAO,GAKhB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IACrD,OAAO,KAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAI,CAAC;AACjF,CAAC;AAQD;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAChF,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,GACzE,CACH,CAAC;AACJ,CAAC;AASD;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAY;IAC9E,OAAO,CACL,KAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4IAA4I,EAC5I,SAAS,CACV,YAEA,kBAAkB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,eACE,SAAS,EAAE,EAAE,CACX,0KAA0K,EAC1K,uHAAuH,EACvH,gHAAgH,EAChH,oCAAoC,EACpC,eAAe,CAChB,YAEA,IAAI,GACA,CACR,CAAC,GACK,CACV,CAAC;AACJ,CAAC;AAMD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC7D,OAAO,CACL,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,GAC1F,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"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"}

package/dist/ui/time-of-day-icon.d.ts

@@ -0,0 +1,18 @@
+import { type SVGProps } from 'react';
+export type TimeOfDay = 'morning' | 'afternoon' | 'evening';
+/**
+ * The part of the day an hour falls in: morning from 5 to 12, afternoon from 12 to 18, evening otherwise. Pass a
+ * date in the person's own time zone: on a server, `new Date()` is the server's clock.
+ */
+export declare function timeOfDay(date?: Date): TimeOfDay;
+export interface TimeOfDayIconProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {
+    period: TimeOfDay;
+}
+/**
+ * A rising sun, a sun or a moon, drawn in as it first renders: the sun comes up and its rays appear, the sun's
+ * rays turn in, the moon turns in and two stars twinkle. Once, in under three seconds. At AAA the parts only
+ * fade in; under reduced motion it is drawn at once. Decorative: hidden from assistive tech, so the words
+ * beside it say what it shows. 32 by 32, in the current colour. Server-safe.
+ */
+export declare function TimeOfDayIcon({ period, className, ...props }: TimeOfDayIconProps): import("react").JSX.Element;
+//# sourceMappingURL=time-of-day-icon.d.ts.map

package/dist/ui/time-of-day-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-of-day-icon.d.ts","sourceRoot":"","sources":["../../src/ui/time-of-day-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5D;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,GAAE,IAAiB,GAAG,SAAS,CAK5D;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IACnF,MAAM,EAAE,SAAS,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAoFhF"}

package/dist/ui/time-of-day-icon.js

@@ -0,0 +1,26 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../lib/cn.js';
+/**
+ * The part of the day an hour falls in: morning from 5 to 12, afternoon from 12 to 18, evening otherwise. Pass a
+ * date in the person's own time zone: on a server, `new Date()` is the server's clock.
+ */
+export function timeOfDay(date = new Date()) {
+    const hour = date.getHours();
+    if (hour >= 5 && hour < 12)
+        return 'morning';
+    if (hour >= 12 && hour < 18)
+        return 'afternoon';
+    return 'evening';
+}
+/**
+ * A rising sun, a sun or a moon, drawn in as it first renders: the sun comes up and its rays appear, the sun's
+ * rays turn in, the moon turns in and two stars twinkle. Once, in under three seconds. At AAA the parts only
+ * fade in; under reduced motion it is drawn at once. Decorative: hidden from assistive tech, so the words
+ * beside it say what it shows. 32 by 32, in the current colour. Server-safe.
+ */
+export function TimeOfDayIcon({ period, className, ...props }) {
+    const clip = useId();
+    return (_jsxs("svg", { viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, className: cn('overflow-visible', className), children: [period === 'morning' && (_jsxs(_Fragment, { children: [_jsx("defs", { children: _jsx("clipPath", { id: clip, children: _jsx("rect", { x: "0", y: "0", width: "32", height: "21.2" }) }) }), _jsx("g", { clipPath: `url(#${clip})`, children: _jsx("path", { className: "arrive-sunrise", style: { animationDelay: '220ms' }, d: "M9.5 21.2a6.5 6.5 0 0 1 13 0" }) }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '760ms' }, d: "M16 8.6v2.6" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '840ms' }, d: "M8.1 11.9l1.8 1.8" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '840ms' }, d: "M23.9 11.9l-1.8 1.8" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '920ms' }, d: "M4.6 17.4l2.4 0.8" }), _jsx("path", { className: "arrive-pop", style: { animationDelay: '920ms' }, d: "M27.4 17.4l-2.4 0.8" }), _jsx("path", { d: "M4 21.2h24" }), _jsx("path", { d: "M9 25.6h5M18 25.6h5", opacity: "0.55" })] })), period === 'afternoon' && (_jsxs(_Fragment, { children: [_jsx("circle", { className: "arrive-pop", style: { animationDelay: '180ms' }, cx: "16", cy: "16", r: "5.5" }), _jsx("g", { className: "arrive-spin-in", style: { animationDelay: '260ms' }, children: _jsx("path", { d: "M16 4.6v3M16 24.4v3M4.6 16h3M24.4 16h3M7.9 7.9l2.1 2.1M22 22l2.1 2.1M7.9 24.1l2.1-2.1M22 10l2.1-2.1" }) })] })), period === 'evening' && (_jsxs(_Fragment, { children: [_jsx("g", { transform: "translate(1.6 2.4) scale(0.88)", children: _jsx("path", { className: "arrive-moon-in", style: { animationDelay: '200ms' }, d: "M16 4a8 8 0 0 0 12 12 12 12 0 1 1-12-12Z" }) }), _jsx("path", { className: "arrive-twinkle", style: { animationDelay: '700ms' }, d: "M23.5 5.1v4.8M21.1 7.5h4.8" }), _jsx("path", { className: "arrive-twinkle", style: { animationDelay: '950ms' }, d: "M28 11.8v2.8M26.6 13.2h2.8" })] }))] }));
+}
+//# sourceMappingURL=time-of-day-icon.js.map

package/dist/ui/time-of-day-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-of-day-icon.js","sourceRoot":"","sources":["../../src/ui/time-of-day-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAiB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,IAAI,GAAS,IAAI,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC7B,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE;QAAE,OAAO,SAAS,CAAC;IAC7C,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,GAAG,EAAE;QAAE,OAAO,WAAW,CAAC;IAChD,OAAO,SAAS,CAAC;AACnB,CAAC;AAMD;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAC/E,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC;IACrB,OAAO,CACL,eACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,KACd,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAE3C,MAAM,KAAK,SAAS,IAAI,CACvB,8BACE,yBACE,mBAAU,EAAE,EAAE,IAAI,YAChB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,GAAG,GACpC,GACN,EACP,YAAG,QAAQ,EAAE,QAAQ,IAAI,GAAG,YAC1B,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAClC,CAAC,EAAC,8BAA8B,GAChC,GACA,EACJ,eAAM,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,CAAC,EAAC,aAAa,GAAG,EACnF,eAAM,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,CAAC,EAAC,mBAAmB,GAAG,EACzF,eACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAClC,CAAC,EAAC,qBAAqB,GACvB,EACF,eAAM,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,CAAC,EAAC,mBAAmB,GAAG,EACzF,eACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAClC,CAAC,EAAC,qBAAqB,GACvB,EACF,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,eAAM,CAAC,EAAC,qBAAqB,EAAC,OAAO,EAAC,MAAM,GAAG,IAC9C,CACJ,EACA,MAAM,KAAK,WAAW,IAAI,CACzB,8BACE,iBACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAClC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,KAAK,GACP,EACF,YAAG,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,YAC9D,eAAM,CAAC,EAAC,qGAAqG,GAAG,GAC9G,IACH,CACJ,EACA,MAAM,KAAK,SAAS,IAAI,CACvB,8BACE,YAAG,SAAS,EAAC,gCAAgC,YAC3C,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAClC,CAAC,EAAC,0CAA0C,GAC5C,GACA,EACJ,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAClC,CAAC,EAAC,4BAA4B,GAC9B,EACF,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,EAClC,CAAC,EAAC,4BAA4B,GAC9B,IACD,CACJ,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/tree.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+import { TreeSection as RACTreeSection, type TreeItemProps as RACTreeItemProps, type TreeProps as RACTreeProps } from 'react-aria-components';
+/** A tree is named by a visible heading (`aria-labelledby`) or, when it has none, by `aria-label`. */
+type TreeName = {
+    'aria-label': string;
+} | {
+    'aria-labelledby': string;
+};
+export type TreeProps<T extends object> = Omit<RACTreeProps<T>, 'className' | 'aria-label' | 'aria-labelledby'> & TreeName & {
+    className?: string;
+};
+/**
+ * Nested things people open, close and act on: the steps of a workflow and their outcomes, operations grouped by
+ * resource. React Aria's Tree, a `treegrid` and one tab stop. ↑ ↓ move between rows, → opens a row and ← closes
+ * it, Home and End go to the ends, and typing jumps to the next row whose name starts with what you typed. On an
+ * open row, → moves to the row's own buttons. The tree is `relative` because it scrolls, and because React Aria
+ * positions its drop indicators absolutely.
+ */
+export declare function Tree<T extends object>({ className, ...props }: TreeProps<T>): import("react").JSX.Element;
+export interface TreeItemProps<T extends object = object> extends Omit<RACTreeItemProps<T>, 'className' | 'children' | 'textValue' | 'style'> {
+    /** What the row is called. A string is also its `textValue`. */
+    title: ReactNode;
+    /** Required when `title` isn't a string: the words typeahead matches and a screen reader reads. */
+    textValue?: string;
+    /** Second line: a type, a count, a status in words. */
+    description?: ReactNode;
+    /** Buttons for this row only. Name them with the row ("More actions for Create candidate"). */
+    actions?: ReactNode;
+    /** The rows inside this one: `TreeItem`s, or a React Aria `Collection` of them. */
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * One row and the rows inside it. A row with children has a chevron: a target at least `--target-min` square
+ * around a `--control-height-sm` paint, which React Aria keeps out of the tab order, since → and ← do the same.
+ * Each level indents by the chevron's width. Selected: brand-subtle and the 3px sidebar-primary marker, as in a
+ * GridList; with multiple selection, a ticked box too.
+ */
+export declare function TreeItem<T extends object = object>({ title, textValue, description, actions, children, className, ...props }: TreeItemProps<T>): import("react").JSX.Element;
+/** React Aria doesn't export its TreeSection's props by name. */
+type RACTreeSectionProps<T extends object> = Parameters<typeof RACTreeSection<T>>[0];
+export interface TreeSectionProps<T extends object> extends Omit<RACTreeSectionProps<T>, 'className'> {
+    className?: string;
+}
+/** A group of top-level rows under a `TreeHeader`: operations by resource, steps by phase. */
+export declare function TreeSection<T extends object>({ className, ...props }: TreeSectionProps<T>): import("react").JSX.Element;
+/** The name of a `TreeSection`, read before its rows. Not a target: arrow keys pass over it. */
+export declare function TreeHeader({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=tree.d.ts.map

package/dist/ui/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/ui/tree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAML,WAAW,IAAI,cAAc,EAC7B,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,uBAAuB,CAAC;AAI/B,sGAAsG;AACtG,KAAK,QAAQ,GAAG;IAAE,YAAY,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAC5C,YAAY,CAAC,CAAC,CAAC,EACf,WAAW,GAAG,YAAY,GAAG,iBAAiB,CAC/C,GACC,QAAQ,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpC;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,+BAU3E;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CACpE,gBAAgB,CAAC,CAAC,CAAC,EACnB,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACjD;IACC,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,mGAAmG;IACnG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAClD,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,+BAkDlB;AAED,iEAAiE;AACjE,KAAK,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAErF,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAC9D,mBAAmB,CAAC,CAAC,CAAC,EACtB,WAAW,CACZ;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8FAA8F;AAC9F,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAEzF;AAED,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAW9F"}

package/dist/ui/tree.js

@@ -0,0 +1,36 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { Button as RACButton, Tree as RACTree, TreeHeader as RACTreeHeader, TreeItem as RACTreeItem, TreeItemContent, TreeSection as RACTreeSection, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+import { SelectionCheckbox } from './checkbox.js';
+/**
+ * Nested things people open, close and act on: the steps of a workflow and their outcomes, operations grouped by
+ * resource. React Aria's Tree, a `treegrid` and one tab stop. ↑ ↓ move between rows, → opens a row and ← closes
+ * it, Home and End go to the ends, and typing jumps to the next row whose name starts with what you typed. On an
+ * open row, → moves to the row's own buttons. The tree is `relative` because it scrolls, and because React Aria
+ * positions its drop indicators absolutely.
+ */
+export function Tree({ className, ...props }) {
+    return (_jsx(RACTree, { ...props, className: cn('relative flex max-h-[inherit] flex-col overflow-auto rounded-lg border border-border bg-card text-sm outline-none data-focus-visible:focus-ring', className) }));
+}
+/**
+ * One row and the rows inside it. A row with children has a chevron: a target at least `--target-min` square
+ * around a `--control-height-sm` paint, which React Aria keeps out of the tab order, since → and ← do the same.
+ * Each level indents by the chevron's width. Selected: brand-subtle and the 3px sidebar-primary marker, as in a
+ * GridList; with multiple selection, a ticked box too.
+ */
+export function TreeItem({ title, textValue, description, actions, children, className, ...props }) {
+    return (_jsxs(RACTreeItem, { ...props, textValue: textValue ?? (typeof title === 'string' ? title : ''), style: ({ level }) => ({ '--tree-level': level }), className: cn(
+        // React Aria sets data-hovered only on a row that can be selected or has an action: the pointer then.
+        'group/tree-item relative flex min-h-[calc(var(--control-height)+12px)] cursor-default items-center gap-2 border-b border-border py-1.5 ps-[calc(4px+(var(--tree-level)-1)*max(var(--target-min),var(--control-height-sm)))] pe-3 outline-none last:border-b-0', 'data-hovered:cursor-pointer data-disabled:cursor-not-allowed data-hovered:bg-accent data-selected:bg-brand-subtle data-selected:shadow-[inset_3px_0_0_var(--sidebar-primary)] data-focus-visible:focus-ring-inset data-disabled:opacity-60', className), children: [_jsx(TreeItemContent, { children: ({ hasChildItems, selectionMode, selectionBehavior }) => (_jsxs(_Fragment, { children: [hasChildItems ? (_jsx(RACButton, { slot: "chevron", className: "group/tree-chevron relative flex min-h-target min-w-target shrink-0 cursor-pointer items-center justify-center outline-none", children: _jsx("span", { className: "flex size-control-sm items-center justify-center rounded-md text-muted-foreground group-data-hovered/tree-chevron:bg-muted group-data-hovered/tree-chevron:text-foreground", children: _jsx(ChevronRight, { "aria-hidden": "true", className: "size-4 group-data-expanded/tree-item:rotate-90" }) }) })) : (_jsx("span", { "aria-hidden": "true", className: "w-[max(var(--target-min),var(--control-height-sm))] shrink-0" })), selectionMode === 'multiple' && selectionBehavior === 'toggle' && (_jsx(SelectionCheckbox, {})), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "leading-5 font-medium text-foreground", children: title }), description && (_jsx("span", { className: "text-[13px] leading-5 text-muted-foreground", children: description }))] }), actions && _jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions })] })) }), children] }));
+}
+/** A group of top-level rows under a `TreeHeader`: operations by resource, steps by phase. */
+export function TreeSection({ className, ...props }) {
+    return _jsx(RACTreeSection, { ...props, className: className });
+}
+/** The name of a `TreeSection`, read before its rows. Not a target: arrow keys pass over it. */
+export function TreeHeader({ children, className }) {
+    return (_jsx(RACTreeHeader, { className: cn('border-b border-border bg-muted px-3 py-1.5 text-caption-strong text-muted-foreground', className), children: children }));
+}
+//# sourceMappingURL=tree.js.map

package/dist/ui/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../src/ui/tree.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,IAAI,IAAI,OAAO,EACf,UAAU,IAAI,aAAa,EAC3B,QAAQ,IAAI,WAAW,EACvB,eAAe,EACf,WAAW,IAAI,cAAc,GAG9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAWlD;;;;;;GAMG;AACH,MAAM,UAAU,IAAI,CAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB;IAC1E,OAAO,CACL,KAAC,OAAO,OACD,KAAyB,EAC9B,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAmBD;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAA4B,EAClD,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACS;IACjB,OAAO,CACL,MAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,SAAS,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAChE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAkB,EAClE,SAAS,EAAE,EAAE;QACX,sGAAsG;QACtG,+PAA+P,EAC/P,4OAA4O,EAC5O,SAAS,CACV,aAED,KAAC,eAAe,cACb,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CACxD,8BACG,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,SAAS,IACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,6HAA6H,YAEvI,eAAM,SAAS,EAAC,4KAA4K,YAC1L,KAAC,YAAY,mBACC,MAAM,EAClB,SAAS,EAAC,gDAAgD,GAC1D,GACG,GACG,CACb,CAAC,CAAC,CAAC,CACF,8BACc,MAAM,EAClB,SAAS,EAAC,8DAA8D,GACxE,CACH,EACA,aAAa,KAAK,UAAU,IAAI,iBAAiB,KAAK,QAAQ,IAAI,CACjE,KAAC,iBAAiB,KAAG,CACtB,EACD,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAQ,EACrE,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,6CAA6C,YAAE,WAAW,GAAQ,CACnF,IACI,EACN,OAAO,IAAI,eAAM,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAQ,IAC9E,CACJ,GACe,EACjB,QAAQ,IACG,CACf,CAAC;AACJ,CAAC;AAYD,8FAA8F;AAC9F,MAAM,UAAU,WAAW,CAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IACxF,OAAO,KAAC,cAAc,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC7D,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA+C;IAC7F,OAAO,CACL,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,SAAS,CACV,YAEA,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@setsquare/ui",
-  "version": "0.2.3",
+  "version": "0.4.0",
   "description": "React Aria components, design tokens, a dashboard shell and a site shell, with a switch between WCAG 2.2 AA and AAA sizing, spacing and contrast.",
   "license": "Apache-2.0",
   "homepage": "https://github.com/Worktree-Amigos/setsquare-ui#readme",
@@ -11,7 +11,6 @@
     "type": "git",
     "url": "git+https://github.com/Worktree-Amigos/setsquare-ui.git"
   },
-  "packageManager": "pnpm@11.21.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -59,29 +58,11 @@
     "wcag",
     "nextjs"
   ],
-  "scripts": {
-    "build": "node scripts/build-css.mjs && tsc -p tsconfig.json",
-    "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.test.json",
-    "typecheck:react18": "node scripts/typecheck-react18.mjs",
-    "lint": "oxlint && node scripts/check-contrast.mjs",
-    "format": "oxfmt",
-    "format:check": "oxfmt --check",
-    "test": "vitest run",
-    "test:browser": "node test/browser/run.mjs",
-    "docs:build": "node scripts/build-docs.mjs",
-    "package:verify": "node scripts/verify-package.mjs",
-    "ci:local": "node scripts/ci-local.mjs",
-    "test:axe": "node test/browser/axe.mjs",
-    "docs:site": "pnpm --filter @setsquare/ui-docs dev",
-    "docs:site:build": "pnpm --filter @setsquare/ui-docs build",
-    "test:site": "node test/site/pages.mjs",
-    "test:setsquare": "node test/setsquare/run.mjs"
-  },
   "peerDependencies": {
     "@internationalized/date": "^3.12.4",
-    "react": ">=18.3.0",
+    "react": ">=19.2.0",
     "react-aria-components": "^1.21.1",
-    "react-dom": ">=18.3.0",
+    "react-dom": ">=19.2.0",
     "tailwindcss": "^4.3.0"
   },
   "peerDependenciesMeta": {
@@ -110,15 +91,30 @@
     "oxfmt": "0.70.0",
     "oxlint": "1.85.0",
     "react": "19.3.0",
-    "react-18": "npm:react@18.3.1",
     "react-aria-components": "1.21.1",
     "react-dom": "19.3.0",
-    "react-dom-18": "npm:react-dom@18.3.1",
     "tailwindcss": "4.3.3",
     "typescript": "7.0.2",
     "vitest": "5.0.2"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "node scripts/build-css.mjs && tsc -p tsconfig.json && pnpm --filter @setsquare/ui-flows build",
+    "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.test.json && pnpm --filter @setsquare/ui-flows typecheck",
+    "lint": "oxlint && node scripts/check-contrast.mjs",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "test": "vitest run",
+    "test:browser": "node test/browser/run.mjs",
+    "docs:build": "node scripts/build-docs.mjs",
+    "package:verify": "node scripts/verify-package.mjs",
+    "ci:local": "node scripts/ci-local.mjs",
+    "test:axe": "node test/browser/axe.mjs",
+    "docs:site": "pnpm --filter @setsquare/ui-docs dev",
+    "docs:site:build": "pnpm --filter @setsquare/ui-docs build",
+    "test:site": "node test/site/pages.mjs",
+    "test:setsquare": "node test/setsquare/run.mjs"
   }
-}
+}

package/templates/next/page-transition.tsx

@@ -1,4 +1,4 @@
-// Next.js only (React 19.3+): not part of the design-system bundle, which runs on React 18.
+// Next.js only (React 19.3+, for <ViewTransition>): not part of the design-system bundle.
 // Wrap each page.tsx's ShellMain — <PageTransition><ShellMain>…</ShellMain></PageTransition> — never the other way
 // round: a ViewTransition only enters and exits if it comes before every DOM node, and ShellMain is a <main>.
 // Never in a layout.tsx either, where enter and exit never fire.