@setsquare/ui 0.2.4 → 0.5.0

package/dist/ui/tabs.d.ts

@@ -1,43 +1,110 @@
-import { type TabListProps as RACTabListProps, type TabPanelProps as RACTabPanelProps, type TabProps as RACTabProps, type TabsProps as RACTabsProps } from 'react-aria-components';
-export interface TabsProps extends Omit<RACTabsProps, 'className'> {
+import * as React from 'react';
+import { type ReactNode } from 'react';
+import { type Key, type TabListProps as RACTabListProps, type TabPanelProps as RACTabPanelProps, type TabProps as RACTabProps, type TabsProps as RACTabsProps } from 'react-aria-components';
+import { type IconProp } from './icon.js';
+/** Tabs' words, for the `labels` prop. `{name}` is a tab's name. */
+export interface TabsLabels {
+    /** Added to a tab's name for its count, which shows as a number only: "Files, 8". */
+    count: string;
+    /** Added to a tab's name for its badge's words: "Notes, 2 new notes". */
+    badge: string;
+    /** A tooltip for a tab with a count: "Files (8)". */
+    tipCount: string;
+    /** A tooltip for a tab with a badge: "Settings · 1 to check". */
+    tipBadge: string;
+    /** Said politely when an important badge rises, with `announceBadges`: "Settings: 2 settings need attention". */
+    badgeRise: string;
+}
+/**
+ * What a closed tab shows. `expanding`: icons, and the selected tab opens to show its name. `text`: every name,
+ * no icons. `icon`: icons only; names are in tooltips. A tab without an icon always shows its name.
+ */
+export type TabsDisplay = 'expanding' | 'text' | 'icon';
+/**
+ * What happens to a panel you leave. `visited`: kept once it has been shown, with its state, scroll position and
+ * drafts. `all`: every panel rendered from the start, hidden until chosen. `unmount`: gone until it is chosen
+ * again. Kept panels are hidden with React's `<Activity>`, which also stops their effects.
+ */
+export type TabsHiddenPanels = 'visited' | 'all' | 'unmount';
+/** Something new on a tab, shown while it is closed: a count or a dot. */
+export interface TabBadge {
+    /** The number shown; above 99 it shows "99+". Leave it out, with `dot`, for a dot. */
+    count?: number;
+    dot?: boolean;
+    /** What a screen reader hears after the tab's name: "2 new notes". */
+    label: string;
+    /** What the tooltip says after the name: "2 new". Defaults to `label`. */
+    short?: string;
+    /** The destructive colour and a ring that stays, and a pulse that plays three times when it appears or rises. */
+    important?: boolean;
+    /** Fades out a second after the tab is opened, then calls `onBadgeClear` so the app can mark the items read. */
+    clearOnOpen?: boolean;
+}
+export interface TabsProps extends Omit<RACTabsProps, 'className' | 'children'> {
+    children: ReactNode;
+    /** Default `expanding`. */
+    display?: TabsDisplay;
+    /** Default `visited`. */
+    hiddenPanels?: TabsHiddenPanels;
+    /** Called once a `clearOnOpen` badge has gone, with its tab's id. */
+    onBadgeClear?: (id: Key) => void;
+    /** Politely announce a rise in an important badge ("Settings: 2 settings need attention"). Default off. */
+    announceBadges?: boolean;
+    labels?: Partial<TabsLabels>;
     className?: string;
 }
 /**
  * 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 declare function Tabs({ className, ...props }: TabsProps): import("react").JSX.Element;
+export declare function Tabs({ display, hiddenPanels, orientation, onBadgeClear, announceBadges, labels: given, className, children, ...props }: TabsProps): React.JSX.Element;
 export interface TabListProps<T extends object> extends Omit<RACTabListProps<T>, 'className'> {
     /** What the tabs switch between: "Project details". */
     'aria-label': string;
     className?: string;
 }
 /**
- * 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 declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): import("react").JSX.Element;
-export interface TabProps extends Omit<RACTabProps, 'className'> {
+export declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): React.JSX.Element;
+export interface TabProps extends Omit<RACTabProps, 'className' | 'children'> {
+    /** The tab's name. */
+    children: ReactNode;
+    /** The name as plain text, for its tooltip and announcements, when `children` isn't a string. */
+    textValue?: string;
+    /** Shown closed; the name opens beside it when the tab is selected. A server component passes the element. */
+    icon?: IconProp;
+    /** A number after the name ("Files 8"), and in its name as ", 8". Not shown in a rail. */
+    count?: number;
+    badge?: TabBadge;
     /** Layer 1, the target. */
     className?: string;
     /** Layer 2, the painted tab. */
     visualClassName?: string;
 }
 /**
- * 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.
+ * 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 declare function Tab({ className, visualClassName, children, ...props }: TabProps): import("react").JSX.Element;
-export interface TabPanelProps extends Omit<RACTabPanelProps, 'className'> {
+export declare function Tab({ id, icon, count, badge, className, visualClassName, children, textValue, ...props }: TabProps): React.JSX.Element;
+export interface TabPanelProps extends Omit<RACTabPanelProps, 'className' | 'shouldForceMount'> {
     className?: string;
 }
 /**
  * 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 declare function TabPanel({ className, ...props }: TabPanelProps): import("react").JSX.Element;
+export declare function TabPanel({ className, id, ...props }: TabPanelProps): React.JSX.Element | null;
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,YAAY,IAAI,eAAe,EACpC,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,QAAQ,IAAI,WAAW,EAC5B,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAEtD;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IAC3F,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,+BAOjF;AAED,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IAC9D,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,+BAwB/E;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAO9D"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"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"}

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.map

@@ -1 +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,+BAsEhF"}
+{"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.map

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

package/dist/ui/toolbar.d.ts

@@ -0,0 +1,22 @@
+import { type ToolbarProps as RACToolbarProps } from 'react-aria-components';
+export interface ToolbarProps extends Omit<RACToolbarProps, 'className' | 'aria-label'> {
+    /** Required: what the buttons act on, such as "Fixtures actions". */
+    'aria-label': string;
+    className?: string;
+}
+/**
+ * A row of buttons that act on one thing: a block on a canvas, a selection, a rich text field. React Aria's
+ * Toolbar, so it is one stop in the tab order: ← → (↑ ↓ when vertical) move between its buttons, Home and End go to
+ * the ends, and Tab leaves it. It wraps instead of overflowing, so nothing is cut off at 320px (1.4.10); a toolbar
+ * that would wrap onto more than two lines should move its less-used commands into a `MenuTrigger` at its end.
+ * Buttons inside it are ordinary `IconButton`s and `Button`s, at least `--target-min` square, `--control-gap`
+ * apart. A button that can't act right now (Move up on the first block) is better left enabled with
+ * `aria-disabled="true"` and a reason in its description than `isDisabled`: React Aria skips disabled buttons,
+ * so a button that disables itself while focused would drop focus.
+ */
+export declare function Toolbar({ className, orientation, ...props }: ToolbarProps): import("react").JSX.Element;
+/** A line between groups of buttons in a Toolbar. Decorative to sight, a separator to a screen reader. */
+export declare function ToolbarSeparator({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,YAAY,CAAC;IACrF,qEAAqE;IACrE,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAWxF;AAED,0GAA0G;AAC1G,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAOrE"}

package/dist/ui/toolbar.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator as RACSeparator, Toolbar as RACToolbar, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+/**
+ * A row of buttons that act on one thing: a block on a canvas, a selection, a rich text field. React Aria's
+ * Toolbar, so it is one stop in the tab order: ← → (↑ ↓ when vertical) move between its buttons, Home and End go to
+ * the ends, and Tab leaves it. It wraps instead of overflowing, so nothing is cut off at 320px (1.4.10); a toolbar
+ * that would wrap onto more than two lines should move its less-used commands into a `MenuTrigger` at its end.
+ * Buttons inside it are ordinary `IconButton`s and `Button`s, at least `--target-min` square, `--control-gap`
+ * apart. A button that can't act right now (Move up on the first block) is better left enabled with
+ * `aria-disabled="true"` and a reason in its description than `isDisabled`: React Aria skips disabled buttons,
+ * so a button that disables itself while focused would drop focus.
+ */
+export function Toolbar({ className, orientation = 'horizontal', ...props }) {
+    return (_jsx(RACToolbar, { orientation: orientation, ...props, className: cn('flex flex-wrap items-center gap-(--control-gap) outline-none aria-[orientation=vertical]:flex-col', className) }));
+}
+/** A line between groups of buttons in a Toolbar. Decorative to sight, a separator to a screen reader. */
+export function ToolbarSeparator({ className }) {
+    return (_jsx(RACSeparator, { orientation: "vertical", className: cn('mx-0.5 h-6 w-px self-center bg-border', className) }));
+}
+//# sourceMappingURL=toolbar.js.map

package/dist/ui/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/ui/toolbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,SAAS,IAAI,YAAY,EACzB,OAAO,IAAI,UAAU,GAEtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC;;;;;;;;;GASG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,GAAG,KAAK,EAAgB;IACvF,OAAO,CACL,KAAC,UAAU,IACT,WAAW,EAAE,WAAW,KACpB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,0GAA0G;AAC1G,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAA0B;IACpE,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAC,UAAU,EACtB,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,GACjE,CACH,CAAC;AACJ,CAAC"}