@fairgarden/design 0.1.0-alpha.0

package/components/NavDrawer/NavDrawer.d.ts

@@ -0,0 +1,113 @@
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { type VariantProps } from 'class-variance-authority';
+import { type SitemapSection } from '../../utils/navigation';
+export declare const navigationDrawer: (props?: ({
+    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
+    secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type NavigationDrawerVariants = VariantProps<typeof navigationDrawer>;
+/** Props for NavDrawer. */
+export type NavDrawerProps = {
+    /**
+     * The top-level rows from the shared navigation data (utils/navigation),
+     * the object that also feeds `NavigationMenuSections` and `Footer`'s
+     * `sitemap` [D187]. A section with links is a group (its landing page
+     * first, then its links); one with only an `href` is a direct link. They
+     * come before `children`.
+     */
+    sections?: readonly SitemapSection[];
+    /** The top-level rows: `NavDrawerGroup`s and direct `NavDrawerLink`s. */
+    children?: React.ReactNode;
+    /** The fixed footer zone: a `NavDrawerFooter`. */
+    footer?: React.ReactNode;
+    /** The menu Button's label, authored in title case [D160]. Default "Menu". */
+    label?: string;
+    /** The close control's label. Default "Close". */
+    closeLabel?: string;
+    /** The drawer `nav`'s name. Default "Main". */
+    navLabel?: string;
+    /** The logo repeated in the drawer's bar. Default: the Navigation Bar's. */
+    logo?: React.ReactNode;
+    /** The logo link. Default: the Navigation Bar's, else "/". */
+    logoHref?: string;
+    /** The logo link's accessible name. Default: the Navigation Bar's. */
+    logoLabel?: string;
+    /** The current page's URL path. Default: the Navigation Bar's. */
+    currentPath?: string;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state. Default `false`. */
+    defaultOpen?: boolean;
+    /** Called when the drawer opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Override the header scope's primary. Never defaulted [D133]. */
+    primary?: NavigationDrawerVariants['primary'];
+    /** Override the header scope's secondary. Never defaulted. */
+    secondary?: NavigationDrawerVariants['secondary'];
+    /** Class names for the sheet, added after its own. */
+    className?: string;
+    /** Class names for the menu Button, added after its own. */
+    triggerClassName?: string;
+};
+/**
+ * The navigation drawer below --ds-nav-inline-n-above [D183]: the menu
+ * Button (the `menu` icon plus "Menu"; × plus "Close" while open) and a
+ * modal Dialog sheet in the header's own scope, full screen below
+ * --md-n-above and a 480 px side sheet with a --ds-stroke-3 inner edge
+ * from it. The sheet repeats the header's bar with the close control where
+ * the menu Button was, lists independent Collapsible groups and direct
+ * links in a Scroll Area, and keeps its footer fixed. Focus moves to the
+ * first row, is trapped, and returns to the menu Button; no backdrop is
+ * painted. If the viewport reaches the inline threshold while open, it
+ * closes and focus goes to the matching bar item. Put it in the Navigation
+ * Bar's `drawer` slot.
+ */
+export declare function NavDrawer(props: NavDrawerProps): React.JSX.Element;
+/** Props for NavDrawerGroup: Base UI Collapsible Root props, the row label and its links. */
+export type NavDrawerGroupProps = Omit<BaseCollapsible.Root.Props, 'children'> & {
+    /** The group row's label, in the display serif (`type-itemhead`). */
+    label: React.ReactNode;
+    /** The group's `NavDrawerLink`s. Nest groups one level deep at most. */
+    children?: React.ReactNode;
+};
+/**
+ * One top-level group: an independent Collapsible whose trigger row shows
+ * LTA's expand/collapse glyph [D109] (outward in --role-muted, inward in
+ * --primary12 when open; it swaps, never rotates), over its child links on
+ * an indent guide. A group holding the current page opens by default and
+ * its row takes the start-edge bar (`aria-current="true"`).
+ */
+export declare function NavDrawerGroup(props: NavDrawerGroupProps): React.JSX.Element;
+/** Props for NavDrawerLink: anchor props plus an explicit current flag. */
+export type NavDrawerLinkProps = React.ComponentProps<'a'> & {
+    /** Marks the link as the current page. Default: its path equals the drawer's `currentPath`. */
+    active?: boolean;
+};
+/**
+ * A drawer link. At the top level it is a direct link, styled as a group
+ * row without the glyph (the bare-text underline on hover); in a group, a
+ * `type-body-ui` child link on the indent guide; in the footer, a utility
+ * link. Child and footer links are list links, whose hover is color only
+ * [D181]. The current page takes `aria-current="page"`, the --ds-stroke-3
+ * start-edge bar and weight 700.
+ */
+export declare function NavDrawerLink(props: NavDrawerLinkProps): React.JSX.Element;
+/** Props for NavDrawerFooter: `div` props, the action and the locale Select. */
+export type NavDrawerFooterProps = Omit<React.ComponentProps<'div'>, 'children'> & {
+    /** The primary pill: a `solid` Button at `size="lg"`, hugging its label. */
+    action?: React.ReactNode;
+    /** The locale Select (or a locale link). */
+    locale?: React.ReactNode;
+    /** Utility links (`NavDrawerLink`s): the utility bar's links, repeated. */
+    children?: React.ReactNode;
+};
+/**
+ * The drawer's fixed footer zone, under a --border-size-2 --role-rule: the
+ * primary pill first (where the header's action goes below 360 px), then
+ * the utility links at a --ds-size-hit pitch, then the locale Select. Put
+ * it in the drawer's `footer`.
+ */
+export declare function NavDrawerFooter(props: NavDrawerFooterProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=NavDrawer.d.ts.map

package/components/NavDrawer/NavDrawer.d.ts.map

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

package/components/NavDrawer/NavDrawer.js

@@ -0,0 +1,215 @@
+'use client';
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { cva } from 'class-variance-authority';
+import { DisclosureGlyph } from '../Collapsible';
+import { Dialog } from '../Dialog';
+import { Ground } from '../Ground';
+import { Icon } from '../Icon';
+import { link } from '../Link';
+import { NavigationBarContext } from '../NavigationBar';
+import { ScrollArea } from '../ScrollArea';
+import { holdsCurrent, isCurrentPath, listItems } from '../../utils/navigation';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { isBandPreset, useScope } from '../../utils/scope';
+import styles from './nav-drawer.module.css';
+/*
+ * Mobile Navigation Drawer (§11.6) [D97, D183]: primary navigation below
+ * --ds-nav-inline-n-above, on the Dialog.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: nav-drawer.module.css; CVA function `navigationDrawer`.
+ * - Axes: `primary`, `secondary` → scales module classes, applied through
+ *   the sheet's Ground. The sheet form (full or side) follows the viewport
+ *   through the module's --md-n-above query, not an axis.
+ * - Compound variants: none. Defaults: none; color axes none.
+ * - Color fallback: the header's scope through React context (the
+ *   Navigation Bar's preset and overrides); the action is the §9.2 `solid`
+ *   Button on that scope's action scale.
+ * - States: Dialog Popup `data-starting-style` → the clip reveal from the
+ *   top (full sheet) or the docked edge (side sheet), instant under
+ *   --motionNotOK; Collapsible Panel the same from its top; menu Button
+ *   `data-popup-open` → × plus "Close"; Collapsible Trigger
+ *   `data-panel-open` → the D109 glyph turns inward in --primary12;
+ *   `aria-current` → the --ds-stroke-3 start-edge bar (weight 700 on
+ *   links); `:hover` [D181] → group rows and direct links take the
+ *   bare-text underline; child (panel) and footer links are §9.3 list
+ *   links (Link's `kind="nav"` with `list`), color only, plus the
+ *   underline where --role-link-hover resolves to --primary12; the menu
+ *   Button and close control take the `text` Button hover;
+ *   `:focus-visible` → the ring, inset inside rows.
+ * - Parts: base (the sheet), bar, logo, logoMark, close, closeLabel, scroll,
+ *   nav, list, item, groupRow, rowLabel, glyph, panel, childList (the
+ *   indent guide), childLink, directLink, linkLabel, footer, footerAction,
+ *   footerList, footerLink, footerLocale, menuTrigger, menuLabel.
+ * - Scope: the portaled sheet re-declares the header's scope as a
+ *   `kind="band"` Ground of its preset (Ground writes `data-theme` as on
+ *   the header); never a `white` overlay scope [D97, D148].
+ * - Container: none; page frame on the viewport custom media.
+ * - Data: `sections` takes the shared navigation data (utils/navigation),
+ *   the object that also builds the Navigation Menu panels and the footer
+ *   sitemap [D187].
+ */
+export const navigationDrawer = cva(styles.base, {
+    variants: {
+        // Color axes: never defaulted [D133]; the sheet's Ground applies them.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+});
+const DrawerContext = React.createContext({});
+/**
+ * Link's list-link build (`kind="nav"` with `list`) for the child (panel)
+ * and footer links: its color-only hover, press and ring [D181].
+ */
+const listLink = link({ kind: 'nav', list: true });
+/** Where a drawer link sits: a top-level row, inside a group, or in the footer. */
+const PlacementContext = React.createContext('top');
+const ROW = 'a[href], button:not([disabled])';
+/** The inline bar item matching the drawer's last open group, else the bar's first item. */
+function findInlineItem(trigger, sheet) {
+    const header = trigger.closest('header') ?? trigger.ownerDocument.body;
+    const items = Array.from(header.querySelectorAll(`[data-navigation-menu] :is(${ROW})`));
+    const openRows = sheet ? Array.from(sheet.querySelectorAll('[data-panel-open]')) : [];
+    const wanted = openRows.at(-1)?.textContent?.trim().toLowerCase();
+    const match = wanted ? items.find((item) => item.textContent?.trim().toLowerCase() === wanted) : undefined;
+    return match ?? items[0] ?? null;
+}
+/**
+ * The navigation drawer below --ds-nav-inline-n-above [D183]: the menu
+ * Button (the `menu` icon plus "Menu"; × plus "Close" while open) and a
+ * modal Dialog sheet in the header's own scope, full screen below
+ * --md-n-above and a 480 px side sheet with a --ds-stroke-3 inner edge
+ * from it. The sheet repeats the header's bar with the close control where
+ * the menu Button was, lists independent Collapsible groups and direct
+ * links in a Scroll Area, and keeps its footer fixed. Focus moves to the
+ * first row, is trapped, and returns to the menu Button; no backdrop is
+ * painted. If the viewport reaches the inline threshold while open, it
+ * closes and focus goes to the matching bar item. Put it in the Navigation
+ * Bar's `drawer` slot.
+ */
+export function NavDrawer(props) {
+    const { sections, children, footer, label = 'Menu', closeLabel = 'Close', navLabel = 'Main', logo: logoProp, logoHref: logoHrefProp, logoLabel: logoLabelProp, currentPath: currentPathProp, open: openProp, defaultOpen = false, onOpenChange, primary, secondary, className, triggerClassName, } = props;
+    const bar = React.useContext(NavigationBarContext);
+    const scope = useScope();
+    const preset = bar?.preset ?? (isBandPreset(scope.ground) ? scope.ground : 'paper');
+    const logo = logoProp ?? bar?.logo;
+    const logoHref = logoHrefProp ?? bar?.logoHref ?? '/';
+    const logoLabel = logoLabelProp ?? bar?.logoLabel;
+    const currentPath = currentPathProp ?? bar?.currentPath;
+    const [innerOpen, setInnerOpen] = React.useState(defaultOpen);
+    const open = openProp ?? innerOpen;
+    const setOpen = React.useCallback((next) => {
+        onOpenChange?.(next);
+        if (openProp === undefined)
+            setInnerOpen(next);
+    }, [onOpenChange, openProp]);
+    const triggerRef = React.useRef(null);
+    const sheetRef = React.useRef(null);
+    const listRef = React.useRef(null);
+    const returnTarget = React.useRef(null);
+    // From the inline threshold the Navigation Bar hides the menu Button:
+    // close, and send focus to the matching bar item [D183].
+    React.useEffect(() => {
+        if (!open)
+            return undefined;
+        const check = () => {
+            const trigger = triggerRef.current;
+            if (trigger && trigger.getClientRects().length === 0) {
+                returnTarget.current = findInlineItem(trigger, sheetRef.current);
+                setOpen(false);
+            }
+        };
+        window.addEventListener('resize', check);
+        return () => window.removeEventListener('resize', check);
+    }, [open, setOpen]);
+    const context = React.useMemo(() => ({ currentPath }), [currentPath]);
+    return (React.createElement(DrawerContext.Provider, { value: context },
+        React.createElement(Dialog, { open: open, onOpenChange: (next) => setOpen(next) },
+            React.createElement(BaseDialog.Trigger, { ref: triggerRef, className: cx(styles.menuTrigger, triggerClassName) },
+                React.createElement(Icon, { name: open ? 'close' : 'menu', size: "tag", weight: "interactive", className: styles.menuIcon }),
+                React.createElement("span", { className: styles.menuLabel }, open ? closeLabel : label)),
+            React.createElement(BaseDialog.Portal, null,
+                React.createElement(BaseDialog.Popup, { ref: sheetRef, "aria-label": label, initialFocus: () => listRef.current?.querySelector(ROW) ?? true, finalFocus: () => {
+                        const target = returnTarget.current;
+                        returnTarget.current = null;
+                        return target ?? true;
+                    }, className: navigationDrawer({ className }), render: React.createElement(Ground, { kind: "band", preset: preset, primary: primary ?? bar?.primary, secondary: secondary ?? bar?.secondary, render: React.createElement("div", null) }) },
+                    React.createElement("div", { className: styles.bar },
+                        logo != null ? (React.createElement("a", { className: styles.logo, href: logoHref, "aria-label": logoLabel },
+                            React.createElement("span", { className: styles.logoMark }, logo))) : null,
+                        React.createElement(BaseDialog.Close, { className: styles.close },
+                            React.createElement(Icon, { name: "close", size: "tag", weight: "interactive", className: styles.menuIcon }),
+                            React.createElement("span", { className: styles.closeLabel }, closeLabel))),
+                    React.createElement(ScrollArea, { className: styles.scroll },
+                        React.createElement("nav", { "aria-label": navLabel, className: styles.nav },
+                            React.createElement("ul", { ref: listRef, className: styles.list }, listItems([sections?.map(sectionRow), children], styles.item)))),
+                    footer)))));
+}
+/** One top-level row from the navigation data: a group with its links, or a direct link. */
+function sectionRow(section) {
+    const key = section.href ?? section.label;
+    if (section.links.length === 0) {
+        return section.href != null ? (React.createElement(NavDrawerLink, { key: key, href: section.href }, section.label)) : null;
+    }
+    return (React.createElement(NavDrawerGroup, { key: key, label: section.label },
+        section.href != null ? React.createElement(NavDrawerLink, { href: section.href }, section.label) : null,
+        section.links.map((link) => (React.createElement(NavDrawerLink, { key: link.href + link.label, href: link.href, active: link.current ? true : undefined }, link.label)))));
+}
+/**
+ * One top-level group: an independent Collapsible whose trigger row shows
+ * LTA's expand/collapse glyph [D109] (outward in --role-muted, inward in
+ * --primary12 when open; it swaps, never rotates), over its child links on
+ * an indent guide. A group holding the current page opens by default and
+ * its row takes the start-edge bar (`aria-current="true"`).
+ */
+export function NavDrawerGroup(props) {
+    const { label, defaultOpen, className, children, ...rest } = props;
+    const { currentPath } = React.useContext(DrawerContext);
+    const containsCurrent = holdsCurrent(children, currentPath);
+    return (React.createElement(BaseCollapsible.Root, { ...rest, defaultOpen: defaultOpen ?? containsCurrent, className: resolveClassName(className, (extra) => cx(styles.group, extra)) },
+        React.createElement(BaseCollapsible.Trigger, { ...(containsCurrent ? { 'aria-current': 'true' } : {}), className: styles.groupRow },
+            React.createElement("span", { className: styles.rowLabel }, label),
+            React.createElement(DisclosureGlyph, { size: "row", className: styles.glyph })),
+        React.createElement(BaseCollapsible.Panel, { className: styles.panel },
+            React.createElement(PlacementContext.Provider, { value: "group" },
+                React.createElement("ul", { className: styles.childList }, listItems(children, styles.childItem))))));
+}
+/**
+ * A drawer link. At the top level it is a direct link, styled as a group
+ * row without the glyph (the bare-text underline on hover); in a group, a
+ * `type-body-ui` child link on the indent guide; in the footer, a utility
+ * link. Child and footer links are list links, whose hover is color only
+ * [D181]. The current page takes `aria-current="page"`, the --ds-stroke-3
+ * start-edge bar and weight 700.
+ */
+export function NavDrawerLink(props) {
+    const { active, href, className, children, ...rest } = props;
+    const { currentPath } = React.useContext(DrawerContext);
+    const placement = React.useContext(PlacementContext);
+    const current = active ?? isCurrentPath(href, currentPath);
+    const part = placement === 'group'
+        ? cx(listLink, styles.childLink)
+        : placement === 'footer'
+            ? cx(listLink, styles.footerLink)
+            : styles.directLink;
+    return (React.createElement("a", { ...(current ? { 'aria-current': 'page' } : {}), ...rest, href: href, className: cx(part, className) },
+        React.createElement("span", { className: styles.linkLabel }, children)));
+}
+/**
+ * The drawer's fixed footer zone, under a --border-size-2 --role-rule: the
+ * primary pill first (where the header's action goes below 360 px), then
+ * the utility links at a --ds-size-hit pitch, then the locale Select. Put
+ * it in the drawer's `footer`.
+ */
+export function NavDrawerFooter(props) {
+    const { action, locale, className, children, ...rest } = props;
+    return (React.createElement("div", { ...rest, className: cx(styles.footer, className) },
+        action != null ? React.createElement("div", { className: styles.footerAction }, action) : null,
+        children != null ? (React.createElement(PlacementContext.Provider, { value: "footer" },
+            React.createElement("ul", { className: styles.footerList }, listItems(children, styles.childItem)))) : null,
+        locale != null ? React.createElement("div", { className: styles.footerLocale }, locale) : null));
+}
+//# sourceMappingURL=NavDrawer.js.map

package/components/NavDrawer/NavDrawer.js.map

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

package/components/NavDrawer/index.d.ts

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

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

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

package/components/NavDrawer/index.js

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

package/components/NavDrawer/index.js.map

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