@fairgarden/design 0.1.0-alpha.0

package/components/SectionBar/SectionBar.js

@@ -0,0 +1,292 @@
+'use client';
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { Popover as BasePopover } from '@base-ui/react/popover';
+import { Toolbar as BaseToolbar } from '@base-ui/react/toolbar';
+import { cva } from 'class-variance-authority';
+import { Badge } from '../Badge';
+import { Breadcrumb, breadcrumbStairRow } from '../Breadcrumb';
+import { DisclosureGlyph } from '../Collapsible';
+import { Ground } from '../Ground';
+import { Icon, iconHost } from '../Icon';
+import { Link } from '../Link';
+import { assignRef } from '../../utils/assignRef';
+import { cx } from '../../utils/className';
+import { OVERLAY_COLLISION_PADDING, OVERLAY_SIDE_OFFSET, OverlayScope, overlayAttributes, overlayScaleClassName, } from '../../utils/overlay';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { isPageGroundPreset, isPastelPreset, useScope, } from '../../utils/scope';
+import styles from './section-bar.module.css';
+/*
+ * Sticky Section Bar (§11.7) [D183, D184]: position and in-page jumps on
+ * deep content; the page's one sticky bar, swapped with the header, never
+ * stacked with it.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: section-bar.module.css; CVA function `sectionBar`.
+ * - Axes: `kind` → section | guide | tabs → section, guide, tabs [D155]
+ *   (`tabs` with more than 6 sections renders as `section`); `capped` →
+ *   `capped` (the top rule); `docked` → `docked` (the swap position, an
+ *   element Base UI does not manage); `primary`, `secondary` → the scales
+ *   module classes, which the bar's Ground scope writes. `search`,
+ *   `listen`, `share`, `tools` and `toTop` are content, not axes.
+ * - Compound variants: none.
+ * - Defaults: kind section, capped false, docked false; color axes: none.
+ * - Color fallback: inherits the covered band's page ground through its
+ *   Ground. On a pastel the `topRule` takes the scales module's
+ *   `secondaryGreen`, the brand green.
+ * - States: Collapsible `data-panel-open` on `glyph` → the disclosure glyph
+ *   turns inward in --primary12; :hover on `glyph` → the glyph at the next
+ *   tier's weight. :hover on `jumpTrigger` → the label takes
+ *   --role-link-hover, the chevron the next tier's weight, the indicator
+ *   keeps --border-size-2; `data-popup-open` → chevron up, indicator at
+ *   --ds-stroke-3 [D181]. The inline crumbs are the §9.8 Breadcrumb's, which
+ *   owns their states. :hover on a Jump item → --role-link-hover;
+ *   on a `tab` → the bare-text underline; on `listen` → the body-link hover
+ *   (the Link's own). `aria-current="location"` on `jumpItem` → the
+ *   --ds-stroke-3 start bar; on `tab` → the --ds-stroke-3 current bar plus
+ *   --font-weight-7 [D15, D184]. Panels and the popup: the clip reveal on
+ *   data-starting-style / data-ending-style. `docked` → the docked position,
+ *   a --ds-duration-quick cut. :focus-visible → the ring.
+ * - Parts: base (the scoped `nav`: a toolbar role cannot sit on the
+ *   landmark, and the sticky box is the band), topRule, toolbar (the Base UI
+ *   Toolbar Root, data-orientation="horizontal"), lead, glyph (Collapsible
+ *   Trigger), title, breadcrumb (the §9.8 Breadcrumb, kind="staircase"
+ *   without its own Collapsible: its one line from --md-n-above, the
+ *   current crumb at --font-weight-7 [D184]; its links are Toolbar links),
+ *   jumpTrigger (Popover Trigger),
+ *   jumpIndicator, tools, share, search, listen, listenCount, tabList, tab,
+ *   toTop, bottomRule (the band's end border), breadcrumbPanel (Collapsible
+ *   Panel), jumpPanel (Popover Popup), jumpList, jumpItem.
+ * - Scope: the root is a `kind="band"` Ground on the covered band's page
+ *   ground. `jumpPanel` is a portaled `white` scope (`page` scheme) framed
+ *   by --border-size-2 --primary12 [D92, D156].
+ * - Container: none; page frame on viewport media [D163].
+ */
+export const sectionBar = cva(styles.base, {
+    variants: {
+        kind: {
+            section: styles.section,
+            guide: styles.guide,
+            tabs: styles.tabs,
+        },
+        capped: {
+            true: styles.capped,
+        },
+        docked: {
+            true: styles.docked,
+        },
+        // Color axes: never defaulted [D133]. The bar's Ground writes the classes.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'section',
+        capped: false,
+        docked: false,
+    },
+});
+/**
+ * The element a followed link should focus: the section's first heading
+ * (or the target itself when `heading` is false), made programmatically
+ * focusable if it is not already.
+ */
+function focusTargetFor(href, heading = true) {
+    if (typeof document === 'undefined' || !href.startsWith('#'))
+        return null;
+    const id = decodeURIComponent(href.slice(1));
+    const target = id === '' ? null : document.getElementById(id);
+    if (target == null)
+        return null;
+    const element = heading && !/^H[1-6]$/.test(target.tagName)
+        ? (target.querySelector('h1, h2, h3, h4, h5, h6') ?? target)
+        : target;
+    if (!element.hasAttribute('tabindex') && !element.matches('a[href], button, input, select, textarea')) {
+        element.setAttribute('tabindex', '-1');
+    }
+    return element;
+}
+/** Scrollspy: the last section whose top has passed the bar's bottom edge. */
+function useSectionInView(sections, barRef, enabled) {
+    const ids = sections.map((section) => section.id).join('\n');
+    const [active, setActive] = React.useState(sections[0]?.id);
+    React.useEffect(() => {
+        const list = ids.split('\n').filter(Boolean);
+        if (!enabled || list.length === 0)
+            return undefined;
+        let frame = 0;
+        const update = () => {
+            frame = 0;
+            const bar = barRef.current;
+            const line = Math.max(bar ? bar.getBoundingClientRect().bottom : 0, 0) + 1;
+            let current = list[0];
+            for (const id of list) {
+                const element = document.getElementById(id);
+                if (element != null && element.getBoundingClientRect().top <= line)
+                    current = id;
+            }
+            setActive(current);
+        };
+        const schedule = () => {
+            if (frame === 0)
+                frame = window.requestAnimationFrame(update);
+        };
+        update();
+        window.addEventListener('scroll', schedule, { passive: true });
+        window.addEventListener('resize', schedule);
+        return () => {
+            window.removeEventListener('scroll', schedule);
+            window.removeEventListener('resize', schedule);
+            if (frame !== 0)
+                window.cancelAnimationFrame(frame);
+        };
+    }, [ids, enabled, barRef]);
+    return active;
+}
+/**
+ * The page's sticky section bar: a Base UI Toolbar in a `nav` named "In
+ * this section", on the covered band's page ground, with a
+ * `--border-size-1` `--role-rule` bottom rule and no shadow; one line, at
+ * least `--ds-size-hit` tall.
+ *
+ * - Base: the disclosure glyph opens the staircase breadcrumb (capped at
+ *   half the viewport), the caps title follows the section in view, and
+ *   "Jump to" opens the list of sections.
+ * - From `--md-n-above`: the inline breadcrumb (root → current, the current
+ *   crumb at `--font-weight-7`) replaces glyph and title, and the Jump label
+ *   carries the section in view, announced politely once per change.
+ * - The Jump panel is a Popover of links in a `nav` "On this page",
+ *   `--size-px-14` wide: Tab moves through the links, Escape closes it, and
+ *   following a link closes it and moves focus to the section's heading.
+ * - `kind="tabs"`: from `--lg-n-above`, with 6 or fewer sections, equal
+ *   cells of at least `--size-px-12` replace Jump to, with scrollspy
+ *   (`aria-current="location"`) and an optional `toTop` cell at the start.
+ * - `kind="guide"`: an optional start `search` and an end `listen` jump.
+ *
+ * Docking: pass `onDockChange` and feed `docked`; bring the header back in
+ * its place on upward scroll. Hidden in print; the path prints in the
+ * masthead.
+ */
+export function SectionBar(props) {
+    const { kind, capped, docked, primary, secondary, preset: presetProp, label = 'In this section', items = [], current, sections = [], activeSection, onActiveSectionChange, onDockChange, jumpLabel = 'Jump to', toggleLabel = 'Page path', tools, share, search, listen, toTop, renderLink, className, ref, ...rest } = props;
+    const scope = useScope();
+    const preset = presetProp ?? (isPageGroundPreset(scope.ground) ? scope.ground : 'paper');
+    const tabsFit = kind === 'tabs' && sections.length > 0 && sections.length <= 6;
+    const resolvedKind = kind === 'tabs' && !tabsFit ? 'section' : (kind ?? 'section');
+    const barRef = React.useRef(null);
+    const sentinelRef = React.useRef(null);
+    const pendingFocus = React.useRef(null);
+    const [jumpOpen, setJumpOpen] = React.useState(false);
+    const inView = useSectionInView(sections, barRef, activeSection === undefined);
+    const activeId = activeSection ?? inView;
+    const activeLabel = sections.find((section) => section.id === activeId)?.label;
+    const setBarRef = React.useCallback((node) => {
+        barRef.current = node;
+        assignRef(ref, node);
+    }, [ref]);
+    // Report scrollspy changes.
+    const onActiveRef = React.useRef(onActiveSectionChange);
+    React.useEffect(() => {
+        onActiveRef.current = onActiveSectionChange;
+    }, [onActiveSectionChange]);
+    React.useEffect(() => {
+        if (inView !== undefined && activeSection === undefined)
+            onActiveRef.current?.(inView);
+    }, [inView, activeSection]);
+    // Dock when the sentinel at the bar's in-flow position leaves the viewport top [D183].
+    const onDockRef = React.useRef(onDockChange);
+    React.useEffect(() => {
+        onDockRef.current = onDockChange;
+    }, [onDockChange]);
+    const observeDock = onDockChange != null;
+    React.useEffect(() => {
+        const sentinel = sentinelRef.current;
+        if (!observeDock || sentinel == null || typeof IntersectionObserver === 'undefined') {
+            return undefined;
+        }
+        const observer = new IntersectionObserver(([entry]) => {
+            onDockRef.current?.(!entry.isIntersecting && entry.boundingClientRect.top < 0);
+        });
+        observer.observe(sentinel);
+        return () => observer.disconnect();
+    }, [observeDock]);
+    /** A followed section link moves focus to the section's heading. */
+    const followSection = (href) => {
+        focusTargetFor(href)?.focus({ preventScroll: true });
+    };
+    const hasStair = items.length > 0;
+    const pastel = isPastelPreset(preset);
+    // The §9.8 Breadcrumb's one line (from --md-n-above); the bar reveals the
+    // staircase in its own Collapsible below. Its links join the toolbar.
+    const crumbs = (React.createElement(Breadcrumb, { kind: "staircase", withStaircase: false, printLine: false, items: items, current: current, renderLink: renderLink, renderCrumb: (href) => React.createElement(BaseToolbar.Link, { render: renderLink?.(href) }), className: styles.breadcrumb }));
+    const jump = sections.length > 0 ? (React.createElement(BasePopover.Root, { open: jumpOpen, onOpenChange: setJumpOpen },
+        React.createElement(BasePopover.Trigger, { render: React.createElement(BaseToolbar.Button, null), className: cx(styles.jumpTrigger, iconHost) },
+            React.createElement("span", { className: styles.jumpLabel },
+                React.createElement("span", { className: styles.jumpStatic }, jumpLabel),
+                React.createElement("span", { className: styles.jumpLive },
+                    React.createElement("span", { className: styles.visuallyHidden },
+                        jumpLabel,
+                        ": "),
+                    activeLabel ?? jumpLabel)),
+            React.createElement(Icon, { name: "expand_more", weight: "interactive", className: styles.chevron }),
+            React.createElement("span", { className: styles.jumpIndicator, "aria-hidden": "true" })),
+        React.createElement(BasePopover.Portal, null,
+            React.createElement(BasePopover.Positioner, { className: styles.jumpPositioner, side: "bottom", align: "end", sideOffset: OVERLAY_SIDE_OFFSET, collisionPadding: OVERLAY_COLLISION_PADDING },
+                React.createElement(BasePopover.Popup, { ...overlayAttributes, className: cx(styles.jumpPanel, overlayScaleClassName), finalFocus: () => {
+                        const element = pendingFocus.current;
+                        pendingFocus.current = null;
+                        return element ?? true;
+                    } },
+                    React.createElement(OverlayScope, null,
+                        React.createElement("nav", { "aria-label": "On this page" },
+                            React.createElement("ol", { className: styles.jumpList }, sections.map((section) => (React.createElement("li", { key: section.id },
+                                React.createElement("a", { href: `#${section.id}`, className: styles.jumpItem, "aria-current": section.id === activeId ? 'location' : undefined, onClick: () => {
+                                        pendingFocus.current = focusTargetFor(`#${section.id}`);
+                                        setJumpOpen(false);
+                                    } }, section.label)))))))))))) : null;
+    const tabList = resolvedKind === 'tabs' ? (React.createElement("ul", { className: styles.tabList },
+        toTop != null ? (React.createElement("li", { className: styles.toTopItem },
+            React.createElement(BaseToolbar.Link, { href: toTop, "aria-label": "Back to top", className: cx(styles.toTop, iconHost), onClick: () => focusTargetFor(toTop, false)?.focus({ preventScroll: true }) },
+                React.createElement(Icon, { name: "arrow_upward", weight: "interactive" })))) : null,
+        sections.map((section) => (React.createElement("li", { key: section.id, className: styles.tabItem },
+            React.createElement(BaseToolbar.Link, { href: `#${section.id}`, className: styles.tab, "aria-current": section.id === activeId ? 'location' : undefined, onClick: () => followSection(`#${section.id}`) },
+                React.createElement("span", { className: styles.tabLabel }, section.label))))))) : null;
+    const listenLink = resolvedKind === 'guide' && listen != null ? (React.createElement(BaseToolbar.Link, { href: listen.href, render: React.createElement(Link, { kind: "inline", href: listen.href, className: styles.listen, onClick: () => followSection(listen.href) }) },
+        listen.label ?? 'Listen',
+        listen.count != null ? (React.createElement(Badge, { numeric: true, className: styles.listenCount }, listen.count)) : null)) : null;
+    const toolbar = (React.createElement(BaseToolbar.Root, { className: styles.toolbar },
+        React.createElement("div", { className: styles.lead },
+            hasStair ? (React.createElement(BaseCollapsible.Trigger, { render: React.createElement(BaseToolbar.Button, null), className: styles.glyph, "aria-label": toggleLabel },
+                React.createElement(DisclosureGlyph, { size: "chrome" }))) : null,
+            React.createElement("span", { className: styles.title }, activeLabel ?? current)),
+        resolvedKind === 'guide' && search != null ? (React.createElement("div", { className: styles.search }, search)) : null,
+        crumbs,
+        tabList,
+        jump,
+        listenLink != null || tools != null || share != null ? (React.createElement("div", { className: styles.end },
+            listenLink,
+            tools != null ? (React.createElement("div", { className: cx(styles.tools, hasStair && styles.toolsMovable) }, tools)) : null,
+            share != null ? React.createElement("div", { className: styles.share }, share) : null)) : null));
+    return (React.createElement(React.Fragment, null,
+        observeDock ? (React.createElement("span", { ref: sentinelRef, className: styles.sentinel, "aria-hidden": "true" })) : null,
+        React.createElement(Ground, { kind: "band", preset: preset, primary: primary ?? undefined, secondary: secondary ?? undefined, render: React.createElement("nav", { "aria-label": label }), ref: setBarRef, ...rest, className: cx(sectionBar({ kind: resolvedKind, capped, docked }), className) },
+            capped ? (React.createElement("span", { className: cx(styles.topRule, pastel && secondaryScaleVariants.green), "aria-hidden": "true" })) : null,
+            React.createElement(BaseCollapsible.Root, { className: styles.stack },
+                toolbar,
+                hasStair ? (React.createElement(BaseCollapsible.Panel, { className: styles.breadcrumbPanel },
+                    React.createElement("ol", { className: styles.stairList },
+                        items.map((crumb, index) => (React.createElement("li", { key: index, className: breadcrumbStairRow({
+                                level: Math.min(index + 1, 6),
+                            }) },
+                            index > 0 ? (React.createElement("span", { className: styles.stairChevron },
+                                React.createElement(Icon, { name: "chevron_right" }))) : null,
+                            crumb.href != null ? (React.createElement(Link, { kind: "nav", href: crumb.href, render: renderLink?.(crumb.href), className: styles.stairLink }, crumb.label)) : (React.createElement("span", { className: styles.stairPlain }, crumb.label))))),
+                        React.createElement("li", { className: breadcrumbStairRow({
+                                level: Math.min(items.length + 1, 6),
+                            }) },
+                            React.createElement("span", { className: styles.stairChevron },
+                                React.createElement(Icon, { name: "chevron_right" })),
+                            React.createElement("span", { className: styles.stairCurrent, "aria-current": "page" }, current))),
+                    tools != null ? React.createElement("div", { className: styles.panelTools }, tools) : null)) : null),
+            React.createElement("span", { className: styles.visuallyHidden, "aria-live": "polite", "aria-atomic": "true" }, activeLabel))));
+}
+//# sourceMappingURL=SectionBar.js.map

package/components/SectionBar/SectionBar.js.map

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

package/components/SectionBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SectionBar';
+//# sourceMappingURL=index.d.ts.map

package/components/SectionBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/SectionBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/components/SectionBar/index.js

@@ -0,0 +1,2 @@
+export * from './SectionBar';
+//# sourceMappingURL=index.js.map

package/components/SectionBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/SectionBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}