@fairgarden/design 0.1.0-alpha.0 → 0.1.0-alpha.1

package/navigation/pagination/Pagination.d.ts

@@ -0,0 +1,112 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const pagination: (props?: ({
+    kind?: "compact" | "step" | "numbered" | "dots" | "more" | null | undefined;
+    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;
+export type PaginationVariants = VariantProps<typeof pagination>;
+export type PaginationKind = NonNullable<PaginationVariants['kind']>;
+/** The items on the current page, for the printed state line (§7.12.1). */
+export interface PaginationItems {
+    /** The first item's position on this page, e.g. 41. */
+    first: number;
+    /** The last item's position on this page, e.g. 50. */
+    last: number;
+    /** The item count across every page, e.g. 118. */
+    total: number;
+}
+/** The props every form shares: `nav` props, the page, the count, the labels and the color axes. */
+interface PaginationCommonProps extends Omit<React.ComponentPropsWithRef<'nav'>, 'children'> {
+    /** The current page (or item), 1-based. */
+    page: number;
+    /** The page (or item) count. */
+    count: number;
+    /**
+     * Builds each anchor, e.g. `(href) => <NextLink href={href} />`. Default: a
+     * plain `<a href>`.
+     */
+    renderLink?: (href: string) => React.ReactElement;
+    /**
+     * Primary Radix scale: numerals, labels, the current bar and the focus
+     * ring. Never defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: PaginationVariants['primary'];
+    /** Secondary Radix scale: the Previous and Next arrows on light grounds. Never defaulted. */
+    secondary?: PaginationVariants['secondary'];
+    /**
+     * The Previous label, authored in sentence case; the CSS sets the caps
+     * [D165]. On the step pager it is the ‹ button's accessible name. Default
+     * "Previous".
+     */
+    previousLabel?: string;
+    /**
+     * The Next label, authored in sentence case; the CSS sets the caps
+     * [D165]. On the step pager it is the › button's accessible name. Default
+     * "Next".
+     */
+    nextLabel?: string;
+    /** The items on this page. Given, the pager prints "Items 41–50 of 118." in its place. */
+    items?: PaginationItems;
+    /** The full list's URL, printed after the state line per §7.6 ("Full list (example.org/birds)"). */
+    fullListHref?: string;
+}
+/** Which form, and how it moves between pages. */
+type PaginationFormProps = {
+    /**
+     * `numbered` (default): ‹ Previous · 1 … 4 5 6 … 12 · Next ›, shown
+     * from 768 px of its own width and compact below. `compact`:
+     * ‹ Previous · Page 5 of 12 · Next › at every width, for lists over 50
+     * pages.
+     */
+    kind?: 'numbered' | 'compact';
+    /** Every page's URL: each page is a link, never a click handler alone (P8). */
+    getHref: (page: number) => string;
+    onPageChange?: never;
+    moreLabel?: never;
+} | {
+    /**
+     * `step`: icon-only ‹ › circles around a mono "3 of 12", for carousels
+     * and figures. `dots`: the step pager plus up to 8 dots, the count
+     * still shown; with more than 8 it is the plain step pager. Neither
+     * prints.
+     */
+    kind: 'step' | 'dots';
+    /** Given, the step buttons are links to these URLs. */
+    getHref?: (page: number) => string;
+    /** Called with the target page when a step button is pressed. Pass it, `getHref`, or both. */
+    onPageChange?: (page: number) => void;
+    moreLabel?: never;
+} | {
+    /**
+     * `more`: the count ("Showing 20 of 54") over an outline "Show More"
+     * Button, for feeds. Each step is a link to the next page's URL (P8);
+     * the Button is omitted once everything shows.
+     */
+    kind: 'more';
+    /** Every page's URL; the Button links to the next one. */
+    getHref: (page: number) => string;
+    /** The items showing, for "Showing 20 of 54" and the printed state line. */
+    items: PaginationItems;
+    /** The Button's label, authored in title case [D160]. Default "Show More". */
+    moreLabel?: string;
+    onPageChange?: never;
+};
+/** Props for Pagination: `nav` props, the page, the count, the form and how it moves, and the color axes. */
+export type PaginationProps = PaginationCommonProps & PaginationFormProps;
+/**
+ * A `nav` named "Pagination". `numbered` and `compact`: Previous at the
+ * start, the page numbers (or the "Page 5 of 12" status) centered, Next at
+ * the end; Previous and Next are `type-label` caps with Material Symbols
+ * `chevron_left` / `chevron_right` at the inline tier; page numerals are
+ * mono at `type-label` size with tabular figures, so a changing count never
+ * shifts the row [D165, D174, D175]. The current page is unlinked, bold and
+ * barred. `step` and `dots`: icon-only ‹ › circles around a mono "3 of 12"
+ * (plus up to 8 dots). `more`: "Showing 20 of 54" over a "Show More"
+ * Button. At the ends a control is omitted and its space kept, never
+ * disabled. The pager is hidden in print; with `items` the linked forms
+ * print one state line instead.
+ */
+export declare function Pagination(props: PaginationProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map

package/navigation/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/navigation/pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA6CjE,eAAO,MAAM,UAAU;;;;8EAgBrB,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA;AAChE,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAA;AAEpE,2EAA2E;AAC3E,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,oGAAoG;AACpG,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1F,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAA;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IACvC,6FAA6F;IAC7F,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,kDAAkD;AAClD,KAAK,mBAAmB,GACpB;IACE;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IAC7B,+EAA+E;IAC/E,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,GACD;IACE;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,8FAA8F;IAC9F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,GACD;IACE;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,4EAA4E;IAC5E,KAAK,EAAE,eAAe,CAAA;IACtB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CAAA;AAEL,6GAA6G;AAC7G,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,mBAAmB,CAAA;AAuFzE;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,4BA4MhD"}

package/navigation/pagination/Pagination.js

@@ -0,0 +1,202 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Button } from '../../actions/button';
+import { Link } from '../../actions/link';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './pagination.module.css';
+/*
+ * Pagination (§9.9): moving through long paged lists.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: pagination.module.css; CVA function `pagination`.
+ * - Axes: `kind` → numbered | compact | step | dots | more → numbered,
+ *   compact, kindStep, kindDots, kindMore (prefixed, because `step` is also
+ *   a part); `primary`, `secondary` → scales module classes (the secondary
+ *   reaches only the arrows, through --role-glyph).
+ * - Compound variants: none.
+ * - Defaults: kind numbered (it renders the compact form below 768 px);
+ *   color axes: none.
+ * - Color fallback: inherits the scope.
+ * - States: page numbers are Link kind="nav" (hover: the bare-text
+ *   underline) and Previous / Next are `text` Buttons rendered as anchors,
+ *   their arrows at the next tier's weight on hover; `:hover` on `step` →
+ *   the bare-text underline on `word` (--role-accent at --border-size-2,
+ *   offset --size-px-1), `:active` → the underline at --border-size-2
+ *   [D181]. Step buttons are icon-only outline Buttons, whose hover, press
+ *   and ring are Button's. aria-current="page" on `current` → the
+ *   --ds-stroke-3 bar plus --font-weight-7; aria-current="true" on the
+ *   current `dot` → solid and larger. Ends omit the control and keep its
+ *   space; nothing is ever disabled. The list region the pager drives
+ *   carries aria-busy while loading; the pager stays put.
+ * - Parts: base (the nav), list, item, page, current, gap, prev, next,
+ *   status (with statusWord and statusCount), dots, dot; plus step
+ *   (Previous and Next), word (their visible label), more (the "Show More"
+ *   Button), visuallyHidden and printLine. The arrows are the Buttons' own
+ *   glyphs.
+ * - Scope: none.
+ * - Container: `base` is the inline-size container `pagination`. Baseline:
+ *   compact Previous / Next, their words dropped below 360 px; viewport
+ *   fallback numbered from --md-n-above (1 sibling) and 2 siblings from
+ *   --lg-n-above; container from 768 px numbered with 1 sibling, from
+ *   1024 px 2 siblings (§5.10.2). The row never wraps.
+ */
+export const pagination = cva(styles.base, {
+    variants: {
+        kind: {
+            numbered: styles.numbered,
+            compact: styles.compact,
+            step: styles.kindStep,
+            dots: styles.kindDots,
+            more: styles.kindMore,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'numbered',
+    },
+});
+/** More dots than this and the dots form falls back to the plain step pager (§9.9). */
+const MAX_DOTS = 8;
+/** The pages one tier shows: first, last, the current page and its siblings, with a fixed slot count. */
+function visiblePages(page, count, siblings) {
+    const pages = new Set([1, count]);
+    const start = Math.max(Math.min(page - siblings, count - siblings * 2 - 2), 3);
+    const end = Math.min(Math.max(page + siblings, siblings * 2 + 3), count - 2);
+    // A gap that would hide a single page shows that page instead.
+    if (start <= 3 && count > 2)
+        pages.add(2);
+    if (end >= count - 2 && count > 2)
+        pages.add(count - 1);
+    for (let index = start; index <= end; index += 1)
+        pages.add(index);
+    return pages;
+}
+/** One sibling from 768 px, two from 1024 px; each slot records the tiers that show it. */
+function pageSlots(page, count) {
+    const near = visiblePages(page, count, 1);
+    const far = visiblePages(page, count, 2);
+    const union = Array.from(new Set([...near, ...far])).sort((a, b) => a - b);
+    const next = (set, from) => union.find((value) => value > from && set.has(value));
+    const slots = [];
+    for (const value of union) {
+        slots.push({ kind: 'page', page: value, near: near.has(value), far: far.has(value) });
+        const nearNext = next(near, value);
+        const farNext = next(far, value);
+        const nearGap = near.has(value) && nearNext !== undefined && nearNext > value + 1;
+        const farGap = far.has(value) && farNext !== undefined && farNext > value + 1;
+        if (nearGap || farGap)
+            slots.push({ kind: 'gap', page: value, near: nearGap, far: farGap });
+    }
+    return slots;
+}
+/** An icon-only ‹ or › step button: a link when `getHref` is given, else a button calling `onPageChange`. */
+function StepButton({ direction, target, label, getHref, onPageChange, renderLink, }) {
+    const icon = direction === 'previous' ? 'chevron_left' : 'chevron_right';
+    const className = direction === 'previous' ? styles.prev : styles.next;
+    const onClick = onPageChange ? () => onPageChange(target) : undefined;
+    if (getHref) {
+        const href = getHref(target);
+        return (React.createElement(Button, { variant: "outline", iconOnly: true, icon: icon, nativeButton: false, render: renderLink ? renderLink(href) : React.createElement("a", { href: href }), rel: direction === 'previous' ? 'prev' : 'next', onClick: onClick, className: className }, label));
+    }
+    return (React.createElement(Button, { variant: "outline", iconOnly: true, icon: icon, onClick: onClick, className: className }, label));
+}
+/**
+ * A `nav` named "Pagination". `numbered` and `compact`: Previous at the
+ * start, the page numbers (or the "Page 5 of 12" status) centered, Next at
+ * the end; Previous and Next are `type-label` caps with Material Symbols
+ * `chevron_left` / `chevron_right` at the inline tier; page numerals are
+ * mono at `type-label` size with tabular figures, so a changing count never
+ * shifts the row [D165, D174, D175]. The current page is unlinked, bold and
+ * barred. `step` and `dots`: icon-only ‹ › circles around a mono "3 of 12"
+ * (plus up to 8 dots). `more`: "Showing 20 of 54" over a "Show More"
+ * Button. At the ends a control is omitted and its space kept, never
+ * disabled. The pager is hidden in print; with `items` the linked forms
+ * print one state line instead.
+ */
+export function Pagination(props) {
+    const { page: pageProp, count, getHref, onPageChange, renderLink, kind, primary, secondary, previousLabel = 'Previous', nextLabel = 'Next', items, fullListHref, moreLabel = 'Show More', className, ...rest } = props;
+    const scope = useScopeAttributes();
+    const requestedKind = kind ?? 'numbered';
+    const total = Math.max(0, Math.floor(count));
+    const page = Math.min(Math.max(1, Math.floor(pageProp)), Math.max(1, total));
+    // The dots form shows at most 8 dots; past that it is the plain step pager.
+    const resolvedKind = requestedKind === 'dots' && total > MAX_DOTS ? 'step' : requestedKind;
+    const stepForm = resolvedKind === 'step' || resolvedKind === 'dots';
+    const anchor = (href) => (renderLink ? renderLink(href) : React.createElement("a", { href: href }));
+    // The linked forms require `getHref` in their types; only the step forms may omit it.
+    const hrefOf = (value) => getHref?.(value) ?? '#';
+    const pageLink = (value) => {
+        const href = hrefOf(value);
+        return { href, render: renderLink?.(href) };
+    };
+    // Step pagers print nothing: carousels and figures print as grids (§9.9).
+    const printLine = items != null && !stepForm ? (React.createElement("p", { className: styles.printLine },
+        "Items ",
+        items.first,
+        "\u2013",
+        items.last,
+        " of ",
+        items.total,
+        ".",
+        fullListHref != null ? (React.createElement(React.Fragment, null,
+            ' ',
+            React.createElement(Link, { href: fullListHref, render: renderLink?.(fullListHref) }, "Full list"))) : null)) : null;
+    if (total < 1)
+        return null;
+    const navProps = {
+        'aria-label': 'Pagination',
+        ...rest,
+        ...scope,
+        className: pagination({ kind: resolvedKind, primary, secondary, className }),
+    };
+    if (stepForm) {
+        return (React.createElement("nav", { ...navProps },
+            page > 1 ? (React.createElement(StepButton, { direction: "previous", target: page - 1, label: previousLabel, getHref: getHref, onPageChange: onPageChange, renderLink: renderLink })) : null,
+            resolvedKind === 'dots' ? (React.createElement("span", { className: styles.dots, "aria-hidden": "true" }, Array.from({ length: total }, (_, index) => (React.createElement("span", { key: index, className: styles.dot, "aria-current": index + 1 === page ? 'true' : undefined }))))) : null,
+            React.createElement("p", { className: styles.status, "aria-live": "polite", "aria-atomic": "true" },
+                React.createElement("span", { className: styles.statusCount },
+                    page,
+                    " of ",
+                    total)),
+            page < total ? (React.createElement(StepButton, { direction: "next", target: page + 1, label: nextLabel, getHref: getHref, onPageChange: onPageChange, renderLink: renderLink })) : null));
+    }
+    if (resolvedKind === 'more') {
+        const shown = items?.last ?? page;
+        const of = items?.total ?? total;
+        return (React.createElement("nav", { ...navProps },
+            React.createElement("p", { className: styles.status, "aria-live": "polite", "aria-atomic": "true" },
+                React.createElement("span", { className: styles.statusWord }, "Showing"),
+                ' ',
+                React.createElement("span", { className: styles.statusCount },
+                    shown,
+                    " of ",
+                    of)),
+            page < total ? (React.createElement(Button, { variant: "outline", nativeButton: false, render: anchor(hrefOf(page + 1)), rel: "next", className: styles.more }, moreLabel)) : null,
+            printLine));
+    }
+    return (React.createElement("nav", { ...navProps },
+        page > 1 ? (React.createElement(Button, { variant: "text", icon: "chevron_left", nativeButton: false, render: anchor(hrefOf(page - 1)), rel: "prev", className: cx(styles.step, styles.prev) },
+            React.createElement("span", { className: styles.word }, previousLabel))) : null,
+        resolvedKind === 'numbered' ? (React.createElement("ol", { className: styles.list }, pageSlots(page, total).map((slot) => slot.kind === 'gap' ? (React.createElement("li", { key: `gap-${slot.page}`, className: cx(styles.item, slot.near && styles.near, slot.far && styles.far), "aria-hidden": "true" },
+            React.createElement("span", { className: styles.gap }, "\u2026"))) : (React.createElement("li", { key: slot.page, className: cx(styles.item, slot.near && styles.near, slot.far && styles.far) }, slot.page === page ? (React.createElement("span", { className: styles.current, "aria-current": "page" },
+            React.createElement("span", { className: styles.visuallyHidden }, "Page "),
+            slot.page)) : (React.createElement(Link, { kind: "nav", ...pageLink(slot.page), className: styles.page },
+            React.createElement("span", { className: styles.visuallyHidden }, "Page "),
+            slot.page))))))) : null,
+        React.createElement("p", { className: styles.status, "aria-live": "polite", "aria-atomic": "true" },
+            React.createElement("span", { className: styles.statusWord }, "Page"),
+            ' ',
+            React.createElement("span", { className: styles.statusCount },
+                page,
+                " of ",
+                total)),
+        page < total ? (React.createElement(Button, { variant: "text", icon: "chevron_right", iconPosition: "end", nativeButton: false, render: anchor(hrefOf(page + 1)), rel: "next", className: cx(styles.step, styles.next) },
+            React.createElement("span", { className: styles.word }, nextLabel))) : null,
+        printLine));
+}
+//# sourceMappingURL=Pagination.js.map

package/navigation/pagination/Pagination.js.map

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

package/navigation/pagination/index.d.ts.map

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

package/navigation/pagination/index.js.map

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

package/navigation/tabs/Tabs.d.ts

@@ -0,0 +1,98 @@
+import * as React from 'react';
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../../foundations/icon';
+export declare const tabs: (props?: ({
+    variant?: "underline" | "segmented" | null | undefined;
+    filled?: boolean | null | undefined;
+    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 TabsVariants = VariantProps<typeof tabs>;
+type TabsVariantProps = {
+    /** `underline` (default): tabs on a full-width `--role-rule` baseline; the current tab's bar is as wide as its label. */
+    variant?: 'underline';
+    /** Only with `segmented`. */
+    filled?: never;
+} | {
+    /** `segmented`: full-bleed equal cells; the bar spans the current cell's bottom. */
+    variant: 'segmented';
+    /**
+     * The current cell takes the `--role-select` fill, a `--role-select-edge`
+     * edge and a `--role-select-mark` label. Pass it on the light presets
+     * only (paper, white); deep and saturated grounds mark the current cell
+     * by the bar and weight alone. The label follows the secondary: its own
+     * contrast ink where that carries text on step 9, else `--primary12`
+     * (§1.4.7). Don't pass it with a crimson, gold, pink, red, ruby or tomato
+     * secondary, whose step 9 carries no words. Default `false`.
+     */
+    filled?: boolean;
+};
+/** Props for Tabs: Base UI Tabs Root props (without `orientation`) plus the variant and color axes. */
+export type TabsProps = Omit<BaseTabs.Root.Props, 'orientation'> & TabsVariantProps & {
+    /**
+     * Primary Radix scale: labels, bar, baseline and focus ring. Never
+     * defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: TabsVariants['primary'];
+    /**
+     * Secondary Radix scale: only the segmented current cell under `filled`,
+     * whose label takes the scale's own contrast ink where it carries text
+     * (indigo's `--indigo1`), else `--primary12`. Keep it equal to the brand
+     * strip's scale so strip and cell join.
+     */
+    secondary?: TabsVariants['secondary'];
+};
+/**
+ * Tabs for 2–6 peer panels on one page (§9.5): `TabsList` holding `TabsTab`s,
+ * then one `TabsPanel` per tab. Labels are caps wayfinding (`type-label`),
+ * authored in sentence case [D165]. Never use tabs for page-to-page
+ * navigation or sequential steps. In print the list hides and every panel
+ * prints in order under its label. The root is an inline-size container, so
+ * give it a width in shrink-to-fit contexts.
+ */
+export declare function Tabs(props: TabsProps): React.JSX.Element;
+/** Props for TabsList: Base UI Tabs List props plus the overflow button's label. */
+export type TabsListProps = BaseTabs.List.Props & {
+    /** Accessible name of the overflow › button that scrolls the row. Default "More tabs". */
+    overflowLabel?: string;
+};
+/**
+ * The tab list and its current-tab indicator. When 4–6 tabs overflow their
+ * row, the row scrolls sideways in a `wide` Scroll Area (the last tab
+ * clipped, a visible scrollbar, hard overflow edges) and a `--size-px-7` ›
+ * button at its end scrolls it on. More than 6 tabs belong in navigation
+ * or a Select.
+ */
+export declare function TabsList(props: TabsListProps): React.JSX.Element;
+/** Props for TabsTab: Base UI Tab props plus an optional leading icon. */
+export type TabsTabProps = BaseTabs.Tab.Props & {
+    /**
+     * An optional leading icon, Material Symbols Rounded at the inline tier,
+     * FILL 0. Never icon-only.
+     */
+    icon?: IconName;
+};
+/**
+ * One tab: an optional icon and a caps `type-label` label, at least
+ * `--ds-size-hit` tall. Inactive labels are `--role-muted` at weight 600,
+ * the current label `--primary12` at 700 with the `--ds-stroke-3` bar.
+ * Prefer removing a tab to disabling it.
+ */
+export declare function TabsTab(props: TabsTabProps): React.JSX.Element;
+/** Props for TabsPanel: Base UI Tab Panel props plus the printed label. */
+export type TabsPanelProps = BaseTabs.Panel.Props & {
+    /**
+     * The heading this panel prints under. Omitted, it takes the matching
+     * tab's label once the page has hydrated.
+     */
+    label?: React.ReactNode;
+};
+/**
+ * One panel, `--size-px-5` below the list, with no border. Panels stay in
+ * the DOM while hidden (`keepMounted`, default `true`) so print can show
+ * every panel in order, each under its label in `type-subhead`.
+ */
+export declare function TabsPanel(props: TabsPanelProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/navigation/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/navigation/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAyC5D,eAAO,MAAM,IAAI;;;;;8EAiBf,CAAA;AAEF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAA;AAW7C,KAAK,gBAAgB,GACjB;IACE,yHAAyH;IACzH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAA;CACf,GACD;IACE,oFAAoF;IACpF,OAAO,EAAE,WAAW,CAAA;IACpB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEL,uGAAuG;AACvG,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,GAC9D,gBAAgB,GAAG;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CACtC,CAAA;AAEH;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBAqCpC;AAED,oFAAoF;AACpF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG;IAChD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBA6D5C;AAED,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBA6B1C;AAED,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAoB9C"}

package/navigation/tabs/Tabs.js

@@ -0,0 +1,175 @@
+'use client';
+import * as React from 'react';
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import { cva } from 'class-variance-authority';
+import { Button } from '../../actions/button';
+import { Icon } from '../../foundations/icon';
+import { ScrollArea } from '../../data/scroll-area';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './tabs.module.css';
+/*
+ * Tabs (§9.5): 2–6 peer panels on one page, one visible at a time.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: tabs.module.css; CVA function `tabs`.
+ * - Axes: `variant` → underline | segmented (a bar on a baseline; full-bleed
+ *   equal cells); `filled` → `filled` (typed only with `segmented`: the
+ *   current cell takes the --role-select fill; the parent passes it on the
+ *   light presets only, since the module never reads the scope [D155]);
+ *   `primary`, `secondary` → scales module classes. The `index` variant
+ *   (vertical rail) is not built yet.
+ * - Compound variants: none.
+ * - Defaults: variant underline, filled false; color axes: none.
+ * - Color fallback: inherits the scope.
+ * - States: the current tab (`data-active`, Base UI's name for §9.5's
+ *   `data-selected`) → the --ds-stroke-3 bar (the Indicator, placed from
+ *   Base UI's active-tab position variables) and --font-weight-7, plus the
+ *   --role-select cell under `filled`; `:hover` (not disabled) → the
+ *   bare-text underline under the label (--role-accent at --border-size-2,
+ *   offset --size-px-1), told from the bar by color and position, and the
+ *   `filled` current cell's fill at --role-select-hover [D181]; `:active` →
+ *   the bar at --border-size-2; `:focus-visible` → the
+ *   ring on the hit area; `data-disabled` → --role-muted label and a
+ *   `line-dotted-fine` underline.
+ * - Parts: base, list, tab, label, icon, indicator, panel, overflow (+ `bar`,
+ *   the non-scrolling row that holds the Scroll Area and the overflow
+ *   button; `scroller`, the `wide` Scroll Area root the list scrolls in;
+ *   `edge` / `edgeLine`, the disabled dotted underline; `printLabel`).
+ * - Scope: none.
+ * - Container: `base` is the inline-size container `tabs`. Baseline: up to 3
+ *   equal cells with wrapping labels; 4–6 hug their labels in a `wide`
+ *   Scroll Area with a › button; from 768 px of container one row of hugging tabs
+ *   (§5.10.2). Viewport fallback --md-n-above.
+ */
+export const tabs = cva(styles.base, {
+    variants: {
+        variant: {
+            underline: styles.underline,
+            segmented: styles.segmented,
+        },
+        filled: {
+            true: styles.filled,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        variant: 'underline',
+        filled: false,
+    },
+});
+const TabsLabelsContext = React.createContext(null);
+/**
+ * Tabs for 2–6 peer panels on one page (§9.5): `TabsList` holding `TabsTab`s,
+ * then one `TabsPanel` per tab. Labels are caps wayfinding (`type-label`),
+ * authored in sentence case [D165]. Never use tabs for page-to-page
+ * navigation or sequential steps. In print the list hides and every panel
+ * prints in order under its label. The root is an inline-size container, so
+ * give it a width in shrink-to-fit contexts.
+ */
+export function Tabs(props) {
+    const { variant, filled, primary, secondary, className, ...rest } = props;
+    const scope = useScopeAttributes();
+    const [labels, setLabels] = React.useState(() => new Map());
+    const register = React.useCallback((value, label) => {
+        setLabels((current) => {
+            if (current.get(value) === label)
+                return current;
+            const next = new Map(current);
+            next.set(value, label);
+            return next;
+        });
+        return () => {
+            setLabels((current) => {
+                if (current.get(value) !== label)
+                    return current;
+                const next = new Map(current);
+                next.delete(value);
+                return next;
+            });
+        };
+    }, []);
+    const context = React.useMemo(() => ({ labels, register }), [labels, register]);
+    return (React.createElement(TabsLabelsContext.Provider, { value: context },
+        React.createElement(BaseTabs.Root, { ...rest, ...scope, className: resolveClassName(className, (extra) => tabs({ variant, filled: filled ?? false, primary, secondary, className: extra })) })));
+}
+/**
+ * The tab list and its current-tab indicator. When 4–6 tabs overflow their
+ * row, the row scrolls sideways in a `wide` Scroll Area (the last tab
+ * clipped, a visible scrollbar, hard overflow edges) and a `--size-px-7` ›
+ * button at its end scrolls it on. More than 6 tabs belong in navigation
+ * or a Select.
+ */
+export function TabsList(props) {
+    const { overflowLabel = 'More tabs', className, children, ...rest } = props;
+    const viewportRef = React.useRef(null);
+    const [canScroll, setCanScroll] = React.useState(false);
+    React.useEffect(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return undefined;
+        const update = () => {
+            const remaining = viewport.scrollWidth - viewport.clientWidth - Math.abs(viewport.scrollLeft);
+            setCanScroll(remaining > 1);
+        };
+        update();
+        const resize = new ResizeObserver(update);
+        resize.observe(viewport);
+        if (viewport.firstElementChild)
+            resize.observe(viewport.firstElementChild);
+        viewport.addEventListener('scroll', update, { passive: true });
+        return () => {
+            resize.disconnect();
+            viewport.removeEventListener('scroll', update);
+        };
+    }, []);
+    const scrollOn = () => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const direction = getComputedStyle(viewport).direction === 'rtl' ? -1 : 1;
+        viewport.scrollBy({ left: direction * viewport.clientWidth * 0.75 });
+    };
+    return (React.createElement("div", { className: styles.bar },
+        React.createElement(ScrollArea, { kind: "wide", focusable: false, viewportRef: viewportRef, className: styles.scroller },
+            React.createElement(BaseTabs.List, { ...rest, className: resolveClassName(className, (extra) => cx(styles.list, extra)) },
+                children,
+                React.createElement(BaseTabs.Indicator, { className: styles.indicator, renderBeforeHydration: true }))),
+        canScroll ? (React.createElement(Button, { iconOnly: true, size: "sm", icon: "chevron_right", className: styles.overflow, onClick: scrollOn, tabIndex: -1 }, overflowLabel)) : null));
+}
+/**
+ * One tab: an optional icon and a caps `type-label` label, at least
+ * `--ds-size-hit` tall. Inactive labels are `--role-muted` at weight 600,
+ * the current label `--primary12` at 700 with the `--ds-stroke-3` bar.
+ * Prefer removing a tab to disabling it.
+ */
+export function TabsTab(props) {
+    const { icon, value, disabled, className, children, ...rest } = props;
+    const registry = React.useContext(TabsLabelsContext);
+    const register = registry?.register;
+    React.useEffect(() => register?.(value, children), [register, value, children]);
+    return (React.createElement(BaseTabs.Tab, { ...rest, value: value, disabled: disabled, className: resolveClassName(className, (extra) => cx(styles.tab, extra)) },
+        icon ? React.createElement(Icon, { name: icon, className: styles.icon }) : null,
+        React.createElement("span", { className: styles.label },
+            React.createElement("span", { className: styles.labelText }, children),
+            React.createElement("span", { className: styles.labelSizer, "aria-hidden": "true" }, children)),
+        disabled ? (React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
+            React.createElement("line", { className: styles.edgeLine, x1: "0", y1: "50%", x2: "100%", y2: "50%" }))) : null));
+}
+/**
+ * One panel, `--size-px-5` below the list, with no border. Panels stay in
+ * the DOM while hidden (`keepMounted`, default `true`) so print can show
+ * every panel in order, each under its label in `type-subhead`.
+ */
+export function TabsPanel(props) {
+    const { label, value, keepMounted = true, className, children, ...rest } = props;
+    const registry = React.useContext(TabsLabelsContext);
+    const printLabel = label ?? registry?.labels.get(value);
+    return (React.createElement(BaseTabs.Panel, { ...rest, value: value, keepMounted: keepMounted, className: resolveClassName(className, (extra) => cx(styles.panel, extra)) },
+        printLabel == null ? null : (React.createElement("p", { className: styles.printLabel, "aria-hidden": "true" }, printLabel)),
+        children));
+}
+//# sourceMappingURL=Tabs.js.map

package/navigation/tabs/Tabs.js.map

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