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

package/actions/link/Link.js

@@ -0,0 +1,140 @@
+'use client';
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cva } from 'class-variance-authority';
+import { Icon, iconHost } from '../../foundations/icon';
+import { cx } from '../../utils/className';
+import { cleanUrl, printUrl } from '../../utils/printUrl';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './link.module.css';
+/**
+ * Link (§9.3): which build (`kind`), the long-index visited mark (`index`),
+ * the external mark (`external`), the list link's color-only hover (`list`)
+ * and the muted ancestor ink (`muted`). Color axes inherit the scope and are
+ * never defaulted [D133].
+ */
+export const link = cva(styles.base, {
+    variants: {
+        kind: {
+            inline: styles.inline,
+            standalone: styles.standalone,
+            nav: styles.nav,
+            backref: styles.backref,
+            title: styles.title,
+            noteref: styles.noteref,
+        },
+        index: { true: styles.index },
+        external: { true: styles.external },
+        list: { true: styles.list },
+        muted: { true: styles.muted },
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'inline',
+        external: false,
+        list: false,
+        muted: false,
+    },
+});
+/** Word joiner: keeps a trailing mark on the last word's line without an underlined gap. */
+const JOIN = '\u2060';
+const PRINT_URL_KINDS = new Set(['inline', 'standalone', 'title']);
+/**
+ * The URL printed inline after the link (§7.6.1): only for absolute URLs of
+ * ≤ 30 cleaned characters whose text is not already the URL. Longer URLs take
+ * a lettered link note, which the page (not the Link) collects.
+ */
+function printedUrl(href, children) {
+    const cleaned = printUrl(href);
+    if (cleaned === null)
+        return null;
+    // A bare URL prints once, as itself.
+    if (typeof children === 'string') {
+        const text = children.trim();
+        const asUrl = /^https?:\/\//i.test(text) ? text : `https://${text}`;
+        if (cleanUrl(asUrl) === cleaned)
+            return null;
+    }
+    return cleaned;
+}
+/**
+ * The external mark: a long shaft with an `arrow-open` head (6 px arms at
+ * ±30°, round caps) at the inline tier, drawn custom (§1.5.12, §6.10).
+ */
+function ArrowOpenMark({ className }) {
+    return (React.createElement("svg", { className: className, viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false" },
+        React.createElement("path", { d: "M3.5 12.5 12.5 3.5M6.7 5.05 12.5 3.5 10.95 9.3", vectorEffect: "non-scaling-stroke" })));
+}
+/**
+ * A semantic anchor. `render` swaps the element, for example
+ * `render={<NextLink href="/trails" />}`.
+ *
+ * - `kind="inline"` (default): `--role-accent` underline in running text.
+ * - `kind="standalone"`: caps module link with a trailing ›.
+ * - `kind="nav"`: no rest underline; hover the bare-text underline; current via
+ *   `aria-current="page"` or `data-active`.
+ * - `kind="title"`: stretched card or list-item title link [D157].
+ * - `kind="noteref"` / `kind="backref"`: note call and ↩ return, never underlined.
+ * - `index`: the screen-only visited ✓ for long indexes [D174, D175].
+ * - `external`: the arrow-open mark plus "(external site)" for assistive technology.
+ * - `list`: with `nav`, the list link's color-only hover (nav panels, footers, drawers).
+ * - `muted`: the `--role-muted` ancestor ink with a color-only hover (breadcrumbs).
+ */
+export function Link(props) {
+    const { render, ref, className, kind, index, external, list, muted, primary, secondary, children, ...elementProps } = props;
+    const scope = useScopeAttributes();
+    const resolvedKind = kind ?? 'inline';
+    const renderHref = React.isValidElement(render) && typeof render.props === 'object' && render.props !== null
+        ? render.props.href
+        : undefined;
+    const shortUrl = PRINT_URL_KINDS.has(resolvedKind)
+        ? printedUrl(elementProps.href ?? renderHref, children)
+        : null;
+    const trailing = (React.createElement(React.Fragment, null,
+        external ? (React.createElement(React.Fragment, null,
+            JOIN,
+            React.createElement(ArrowOpenMark, { className: `${styles.glyph} ${styles.arrow}` }),
+            React.createElement("span", { className: styles.visuallyHidden }, " (external site)"))) : null,
+        shortUrl !== null ? React.createElement("span", { className: styles.printUrl },
+            "(",
+            shortUrl,
+            ")") : null));
+    const visitedMark = index ? (React.createElement(React.Fragment, null,
+        JOIN,
+        React.createElement(Icon, { name: "check", className: `${styles.glyph} ${styles.visitedMark}` }))) : null;
+    const content = resolvedKind === 'standalone' ? (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: styles.text },
+            children,
+            trailing),
+        React.createElement(Icon, { name: "chevron_right", weight: "interactive", className: `${styles.glyph} ${styles.chevron}` }),
+        visitedMark)) : (React.createElement(React.Fragment, null,
+        children,
+        trailing,
+        visitedMark));
+    return useRender({
+        render,
+        ref,
+        defaultTagName: 'a',
+        props: {
+            ...scope,
+            ...mergeProps(elementProps, {
+                className: link({
+                    kind,
+                    index,
+                    external,
+                    list,
+                    muted,
+                    primary,
+                    secondary,
+                    // The standalone link hosts its interactive chevron.
+                    className: resolvedKind === 'standalone' ? cx(iconHost, className) : className,
+                }),
+                children: content,
+            }),
+        },
+    });
+}
+//# sourceMappingURL=Link.js.map

package/actions/link/Link.js.map

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

package/actions/link/index.d.ts.map

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

package/actions/link/index.js.map

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

package/actions/toggle/Toggle.d.ts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../../foundations/icon';
+export declare const toggle: (props?: ({
+    variant?: "outline" | "segment" | "chip" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    iconOnly?: 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 ToggleVariants = VariantProps<typeof toggle>;
+/** A Toggle's look (§9.4). */
+export type ToggleVariant = NonNullable<ToggleVariants['variant']>;
+/** What a ToggleGroup tells the toggles inside it. */
+export interface ToggleItemContextValue {
+    /** The item look the group's variant implies. */
+    variant: ToggleVariant;
+    /** Whether the group allows several pressed items: ✓ rather than ●. */
+    multiple: boolean;
+}
+/** Provided by ToggleGroup; a standalone Toggle reads `undefined`. */
+export declare const ToggleItemContext: React.Context<ToggleItemContextValue | undefined>;
+type ToggleCommonProps = Omit<BaseToggle.Props<string>, 'children'> & {
+    /**
+     * `outline` (default): a pill like the outline Button, selected by the
+     * inverse pair. `segment`: a joined cell of a segmented group. `chip`: a
+     * filter chip, selected by --role-select. Inside a ToggleGroup the group
+     * sets it.
+     */
+    variant?: ToggleVariants['variant'];
+    /** Primary Radix scale: edges, label, the inverse pair and the ring. Never defaulted [D133]. */
+    primary?: ToggleVariants['primary'];
+    /** Secondary Radix scale: drives only the selected chip (--role-select). Never defaulted. */
+    secondary?: ToggleVariants['secondary'];
+};
+type LabelledToggleProps = {
+    /** `true` shows only the icon; see the icon toggle. Default `false`. */
+    iconOnly?: false | null;
+    /**
+     * Height: `sm` 32 px (chips, toolbars; hit area extended to 44) or `md`
+     * 40 px (segments, standalone; default, chips default to `sm`).
+     */
+    size?: ToggleVariants['size'];
+    /** One optional leading glyph (§6.10), inline tier, FILL 0. */
+    icon?: IconName;
+    /** Not used on a labelled toggle: it shows ✓ or ● when pressed. */
+    pressedIcon?: never;
+    /** The label, authored in title case ("Grid View") [D160]. */
+    children?: React.ReactNode;
+};
+type IconOnlyToggleProps = {
+    /** The icon toggle: a circle whose icon swaps when pressed (▷ ↔ ‖). */
+    iconOnly: true;
+    /** `sm` or `md` (default). */
+    size?: ToggleVariants['size'];
+    /** The glyph while not pressed (§6.10). */
+    icon: IconName;
+    /** The glyph while pressed: a different icon, never only its FILL 1 twin [D166]. */
+    pressedIcon: IconName;
+    /** The accessible name, visually hidden. Pair the toggle with a Tooltip. */
+    children: React.ReactNode;
+};
+/**
+ * Props for Toggle: Base UI Toggle props plus the variant, size and color
+ * axes. With `iconOnly`, `icon`, `pressedIcon` and an accessible-name
+ * `children` are required.
+ */
+export type ToggleProps = ToggleCommonProps & (LabelledToggleProps | IconOnlyToggleProps);
+/**
+ * A Base UI Toggle: an on/off button for immediate, reversible changes to
+ * how content is shown (view, units, formatting, filters). Selection is a
+ * heavier inside edge, a glyph and a weight change; fill is extra [D15].
+ * Values a form submits use Radio or Checkbox Group; panels use Tabs.
+ */
+export declare function Toggle(props: ToggleProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Toggle.d.ts.map

package/actions/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/actions/toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAwCtE,eAAO,MAAM,MAAM;;;;;;8EAuBjB,CAAA;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAA;AAEjD,8BAA8B;AAC9B,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;AAElE,sDAAsD;AACtD,MAAM,WAAW,sBAAsB;IACrC,iDAAiD;IACjD,OAAO,EAAE,aAAa,CAAA;IACtB,uEAAuE;IACvE,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,mDAE7B,CAAA;AAGD,KAAK,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACpE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,gGAAgG;IAChG,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,6FAA6F;IAC7F,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CACxC,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,mEAAmE;IACnE,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,uEAAuE;IACvE,QAAQ,EAAE,IAAI,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,2CAA2C;IAC3C,IAAI,EAAE,QAAQ,CAAA;IACd,oFAAoF;IACpF,WAAW,EAAE,QAAQ,CAAA;IACrB,4EAA4E;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,CAAC,mBAAmB,GAAG,mBAAmB,CAAC,CAAA;AAUzF;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBA4CxC"}

package/actions/toggle/Toggle.js

@@ -0,0 +1,101 @@
+'use client';
+import * as React from 'react';
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { cva } from 'class-variance-authority';
+import { Icon, iconHost } from '../../foundations/icon';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './toggle.module.css';
+/*
+ * Toggle (§9.4). §9.4 owns the filter chip and the segment.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: toggle.module.css; CVA function `toggle`.
+ * - Axes: `variant` → outline | segment | chip (the text toggle pill; a
+ *   joined cell with no edge of its own; a pill that selects by
+ *   --role-select over a quiet rest edge); `size` → sm | md; `iconOnly` →
+ *   `iconOnly` (the icon toggle's circle); `primary`, `secondary` → scales
+ *   module classes.
+ * - Compound variants: none.
+ * - Defaults: variant outline, size md (sm for chips, whose height is
+ *   --size-px-7), iconOnly false; color axes none [D133]. Inside a
+ *   ToggleGroup the group passes `segment` or `chip` through context.
+ * - Color fallback: inherits the scope.
+ * - States: data-pressed → selected: --ds-stroke-3 inside edge, ✓ / ● or
+ *   the icon swap, --font-weight-7, and the inverse pair (outline, segment)
+ *   or --role-select (chip); :active → the momentary inverse pair; :hover
+ *   (not disabled) [D181] → off outline and segment: a --role-soft-hover
+ *   fill (--primary3; the bare-text label underline where soft fills
+ *   drop); off chip: edge --role-rule → --primary12 at the same weight
+ *   [D140] plus the soft fill; icon toggle: the glyph at the next tier's
+ *   weight; on: fill --primary11 (chip: --role-select-hover), label, mark
+ *   and edge unchanged; :focus-visible → the ring above neighbours;
+ *   data-disabled → dotted edge, fill removed, --role-muted label.
+ * - Parts: base, label, icon, glyph (✓, ● or the swapped icon), and edge /
+ *   edgeLine (the disabled dotted edge).
+ * - Scope: none.
+ * - Container: none; inherits its context.
+ */
+export const toggle = cva(styles.base, {
+    variants: {
+        variant: {
+            outline: styles.outline,
+            segment: styles.segment,
+            chip: styles.chip,
+        },
+        size: {
+            sm: styles.sm,
+            md: styles.md,
+        },
+        iconOnly: {
+            true: styles.iconOnly,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        variant: 'outline',
+        size: 'md',
+        iconOnly: false,
+    },
+});
+/** Provided by ToggleGroup; a standalone Toggle reads `undefined`. */
+export const ToggleItemContext = React.createContext(undefined);
+ToggleItemContext.displayName = 'ToggleItemContext';
+function DisabledEdge() {
+    return (React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
+        React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" })));
+}
+/**
+ * A Base UI Toggle: an on/off button for immediate, reversible changes to
+ * how content is shown (view, units, formatting, filters). Selection is a
+ * heavier inside edge, a glyph and a weight change; fill is extra [D15].
+ * Values a form submits use Radio or Checkbox Group; panels use Tabs.
+ */
+export function Toggle(props) {
+    const { variant, size, iconOnly, primary, secondary, icon, pressedIcon, className, children, ...rest } = props;
+    const scope = useScopeAttributes();
+    const item = React.useContext(ToggleItemContext);
+    const resolvedVariant = variant ?? item?.variant ?? 'outline';
+    const resolvedSize = size ?? (resolvedVariant === 'chip' ? 'sm' : 'md');
+    const variants = {
+        variant: resolvedVariant,
+        size: resolvedSize,
+        iconOnly,
+        primary,
+        secondary,
+    };
+    // An icon toggle hosts its glyph's hover and press weight (§10.1 icon states) [D181].
+    const host = iconOnly ? iconHost : undefined;
+    const resolvedClassName = resolveClassName(className, (extra) => toggle({ ...variants, className: cx(host, extra) }));
+    const glyph = iconOnly && pressedIcon ? pressedIcon : item && !item.multiple ? 'circle' : 'check';
+    const weight = iconOnly ? 'interactive' : 'rest';
+    return (React.createElement(BaseToggle, { ...rest, ...scope, className: resolvedClassName },
+        React.createElement(Icon, { name: glyph, weight: weight, className: styles.glyph }),
+        icon ? React.createElement(Icon, { name: icon, weight: weight, className: styles.icon }) : null,
+        children == null ? null : React.createElement("span", { className: styles.label }, children),
+        resolvedVariant === 'segment' ? null : React.createElement(DisabledEdge, null)));
+}
+//# sourceMappingURL=Toggle.js.map

package/actions/toggle/Toggle.js.map

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

package/actions/toggle/index.d.ts.map

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

package/actions/toggle/index.js.map

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

package/actions/toggle-group/ToggleGroup.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
+import { type VariantProps } from 'class-variance-authority';
+export declare const toggleGroup: (props?: ({
+    variant?: "outline" | "chip" | "segmented" | 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 ToggleGroupVariants = VariantProps<typeof toggleGroup>;
+/**
+ * Props for ToggleGroup: Base UI ToggleGroup props plus the variant, color
+ * axes and an optional visible group label.
+ */
+export type ToggleGroupProps<Value extends string = string> = BaseToggleGroup.Props<Value> & {
+    /**
+     * `outline` (default): separate text toggles. `segmented`: joined cells
+     * in one `--border-size-2` container, for 2–4 options (4+ belong in a
+     * Select). `chip`: filter chips that wrap and never scroll.
+     */
+    variant?: ToggleGroupVariants['variant'];
+    /** Primary Radix scale for the group and its toggles. Never defaulted [D133]. */
+    primary?: ToggleGroupVariants['primary'];
+    /** Secondary Radix scale: the selected chips' --role-select. Never defaulted. */
+    secondary?: ToggleGroupVariants['secondary'];
+    /**
+     * A visible group label (`type-field-label`, title case), rendered
+     * before the group and wired with `aria-labelledby`. It may echo the
+     * value ("Size: M"). Omit it and pass `aria-label` or `aria-labelledby`
+     * instead where the label lives elsewhere.
+     */
+    label?: React.ReactNode;
+};
+/**
+ * A Base UI Toggle Group of Toggles, single (default) or `multiple`. The
+ * group passes `segment` or `chip` to its Toggles and tells them whether
+ * the pressed mark is ● (single) or ✓ (multiple). Use it for immediate,
+ * reversible view changes and filters, never to switch panels (Tabs).
+ * The outline and chip roots are inline-size containers, so give them a
+ * width in shrink-to-fit layouts; the segmented root sizes to its cells.
+ */
+export declare function ToggleGroup<Value extends string>(props: ToggleGroupProps<Value>): React.JSX.Element;
+export {};
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/actions/toggle-group/ToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/actions/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAsCjE,eAAO,MAAM,WAAW;;;;8EActB,CAAA;AAEF,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAQ3D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;IAC3F;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACxC,iFAAiF;IACjF,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACxC,iFAAiF;IACjF,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAA;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,qBAyD/E"}

package/actions/toggle-group/ToggleGroup.js

@@ -0,0 +1,85 @@
+'use client';
+import * as React from 'react';
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
+import { cva } from 'class-variance-authority';
+import { ToggleItemContext } from '../toggle';
+import { resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './toggle-group.module.css';
+/*
+ * Toggle Group (§9.4): separate toggles, the segmented control and the
+ * filter-chip group. §9.4 owns filter chips and segments.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: toggle-group.module.css; CVA function `toggleGroup`.
+ * - Axes: `variant` → outline | segmented | chip (separate toggles; the
+ *   joined container; the wrapping chip layout); `primary`, `secondary` →
+ *   scales module classes, inherited by the toggles. Orientation is Base
+ *   UI's own prop (data-orientation), not an axis.
+ * - Compound variants: none.
+ * - Defaults: variant outline; color axes none [D133].
+ * - Color fallback: inherits the scope.
+ * - States: data-orientation → which edge carries the dividers;
+ *   data-multiple → the toggles show ✓ rather than ● (passed through
+ *   context); data-disabled → the dotted divider pair. A divider next to
+ *   the pressed cell is hidden.
+ * - Parts: base (the group container), divider, groupLabel.
+ * - Scope: none.
+ * - Container: `base` is the inline-size container `toggle-group` for the
+ *   outline and chip layouts (chips flex-wrap and never scroll). The
+ *   segmented container hugs its labels from 768 px, which an inline-size
+ *   container cannot do, so it is not one: it reads its nearest ancestor
+ *   container, with an --md-n-above viewport fallback; 2–3 equal cells at
+ *   baseline (§5.10.2) [D163].
+ */
+export const toggleGroup = cva(styles.base, {
+    variants: {
+        variant: {
+            outline: styles.outline,
+            segmented: styles.segmented,
+            chip: styles.chip,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        variant: 'outline',
+    },
+});
+const itemVariants = {
+    outline: 'outline',
+    segmented: 'segment',
+    chip: 'chip',
+};
+/**
+ * A Base UI Toggle Group of Toggles, single (default) or `multiple`. The
+ * group passes `segment` or `chip` to its Toggles and tells them whether
+ * the pressed mark is ● (single) or ✓ (multiple). Use it for immediate,
+ * reversible view changes and filters, never to switch panels (Tabs).
+ * The outline and chip roots are inline-size containers, so give them a
+ * width in shrink-to-fit layouts; the segmented root sizes to its cells.
+ */
+export function ToggleGroup(props) {
+    const { variant, primary, secondary, label, className, children, multiple = false, ...rest } = props;
+    const scope = useScopeAttributes();
+    const labelId = React.useId();
+    const resolvedVariant = variant ?? 'outline';
+    const item = React.useMemo(() => ({ variant: itemVariants[resolvedVariant], multiple }), [resolvedVariant, multiple]);
+    const variants = { variant: resolvedVariant, primary, secondary };
+    const resolvedClassName = resolveClassName(className, (extra) => toggleGroup({ ...variants, className: extra }));
+    // Segmented cells are divided by --border-size-1 rules between them.
+    const items = resolvedVariant === 'segmented'
+        ? React.Children.toArray(children).flatMap((child, index) => index === 0
+            ? [child]
+            : [
+                React.createElement("span", { key: `divider-${index}`, className: styles.divider, "aria-hidden": "true" }),
+                child,
+            ])
+        : children;
+    return (React.createElement(ToggleItemContext.Provider, { value: item },
+        label == null ? null : (React.createElement("span", { id: labelId, className: styles.groupLabel }, label)),
+        React.createElement(BaseToggleGroup, { "aria-labelledby": label == null ? undefined : labelId, ...rest, ...scope, multiple: multiple, className: resolvedClassName }, items)));
+}
+//# sourceMappingURL=ToggleGroup.js.map

package/actions/toggle-group/ToggleGroup.js.map

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

package/actions/toggle-group/index.d.ts.map

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

package/actions/toggle-group/index.js.map

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

package/content/card/Card.d.ts

@@ -0,0 +1,137 @@
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+import { type LinkProps } from '../../actions/link';
+declare const card: (props?: ({
+    kind?: "block" | "entry" | "editorial" | null | undefined;
+    faced?: boolean | null | undefined;
+    lead?: boolean | null | undefined;
+    disabled?: 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 CardVariants = VariantProps<typeof card>;
+type CardKindProps = {
+    /** Editorial (default): open (bare) by default per §12.2; `faced` adds the face and edge. */
+    kind?: 'editorial';
+    /**
+     * Adds the face (a nested `white` Ground on a page ground, a `paper`
+     * light island inside a field or the night band) and its
+     * `--role-edge` edge. Editorial only. Default `false`: the open card
+     * (§12.2).
+     */
+    faced?: boolean;
+    /**
+     * The single lead card of a grid: horizontal, media 5 columns and
+     * text 7, once its `card-grid` container reaches 944 px (viewport
+     * fallback `--lg-n-above`); stacked below. Editorial only. Default
+     * `false`.
+     */
+    lead?: boolean;
+} | {
+    /** Block edge: featured cards only, one card family per page on 1–3 cards [D174]. */
+    kind: 'block';
+    /** Not available on block cards, which always draw their block edge. */
+    faced?: never;
+    /** Not available on block cards. */
+    lead?: never;
+} | {
+    /**
+     * Entry [D185]: compact and horizontal, a `white` face (a light
+     * island on the night hero) with a static `--border-size-2`
+     * `--primary12` edge. A leading `CardMedia` is the square image, flush
+     * to the start edge and as tall as the card; then a `CardKicker`
+     * (the category) and a `CardTitle` with its link. Used only as a
+     * hero's entry cards (§11.9).
+     */
+    kind: 'entry';
+    /** Not available on entry cards, which are always faced. */
+    faced?: never;
+    /** Not available on entry cards. */
+    lead?: never;
+};
+/** Props for Card: `article` props, `render`, and the kind, face and color axes. */
+export type CardProps = useRender.ComponentProps<'article'> & {
+    /**
+     * Primary Radix scale for the card and its face: text, rules and edges.
+     * Never defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: CardVariants['primary'];
+    /**
+     * Secondary Radix scale for the card and its face: the accents, such as
+     * the title link's underline. Never defaulted; omitted, it inherits the scope.
+     */
+    secondary?: CardVariants['secondary'];
+    /**
+     * Unavailable (a sold-out product, a past event): title and body in
+     * `--role-muted`, a `line-dotted-fine` edge, the action removed; the photo
+     * is untouched and nothing fades [D16]. Add the status word as a Badge.
+     * Default `false`.
+     */
+    disabled?: boolean;
+} & CardKindProps;
+/**
+ * The card frame. Plain children are fine (`<Card>…</Card>`); the optional
+ * parts `CardMedia`, `CardKicker`, `CardTitle` (+ `CardTitleLink`),
+ * `CardMeta`, `CardBody`, `CardChoice` and `CardFooter` give the §12.2
+ * anatomy and rhythm. Put a
+ * leading `CardMedia` first (a direct child) to run it flush to the frame.
+ * In a grid row, cards share one height and the footer sits at the bottom.
+ *
+ * Renders `<article>`; pass `render={<li />}` or similar to change it. The
+ * root is an inline-size container, so give it a width in shrink-to-fit
+ * contexts (flex items without stretch, floats).
+ */
+export declare function Card(props: CardProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardMedia: `figure` props and `render`. */
+export type CardMediaProps = useRender.ComponentProps<'figure'>;
+/** Photo or drawing (`figure` with an `img`). Flush when first in a faced card; inset in a block card. */
+export declare function CardMedia(props: CardMediaProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardKicker: paragraph props and `render`. */
+export type CardKickerProps = useRender.ComponentProps<'p'>;
+/**
+ * The kicker above the title (§12.2 part `kicker`): a topic Tag, or a
+ * category in `type-label` caps in --primary12, as on the entry card.
+ */
+export declare function CardKicker(props: CardKickerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardTitle: heading props and `render` (default `<h3>`). */
+export type CardTitleProps = useRender.ComponentProps<'h3'>;
+/** `type-itemhead` in --primary12. Renders `<h3>`; pass `render={<h2 />}` to fit the outline. */
+export declare function CardTitle(props: CardTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardTitleLink: Link props except `kind`, which is always `title`. */
+export type CardTitleLinkProps = Omit<LinkProps, 'kind'>;
+/**
+ * The card's one primary link, inside `CardTitle`. A §9.3 title Link: its
+ * hit area stretches over the whole card; hover, focus and press underline
+ * the title; the card draws the focus ring outside its frame.
+ */
+export declare function CardTitleLink(props: CardTitleLinkProps): React.JSX.Element;
+/** Props for CardMeta: paragraph props and `render`. */
+export type CardMetaProps = useRender.ComponentProps<'p'>;
+/** Date, format, place joined by "·": `type-caption` in --role-muted. */
+export declare function CardMeta(props: CardMetaProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardBody: `div` props and `render`. */
+export type CardBodyProps = useRender.ComponentProps<'div'>;
+/** Two to four lines of `type-body-ui` in --primary12. */
+export declare function CardBody(props: CardBodyProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardChoice: `div` props and `render`. */
+export type CardChoiceProps = useRender.ComponentProps<'div'>;
+/**
+ * The option-card indicator slot (§12.2 part `choice`, §10.7): put the
+ * card's Checkbox or Radio here. Its `data-checked` steps the faced edge to
+ * `--border-size-2` in `--role-select-edge`; its `data-disabled` draws the
+ * unavailable edge and mutes the title and body. Sits above the stretched
+ * title link as its own control.
+ */
+export declare function CardChoice(props: CardChoiceProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardFooter: `div` props and `render`. */
+export type CardFooterProps = useRender.ComponentProps<'div'>;
+/**
+ * The action row (§12.2 part `action`): a sm outline Button, or a
+ * "READ MORE ›" standalone Link. Pinned to the card's bottom, so a grid
+ * row's actions align (§12.3); sits above the stretched title link; stacks
+ * below 360 px of card width; removed while the card is `disabled`.
+ */
+export declare function CardFooter(props: CardFooterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=Card.d.ts.map