@fairgarden/design 0.1.0-alpha.0

package/components/Hero/Hero.d.ts

@@ -0,0 +1,214 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type PageGroundPreset } from '../../utils/scope';
+export declare const hero: (props?: ({
+    kind?: "split" | "editorial" | "technical" | "illustrated" | null | undefined;
+    stacked?: boolean | null | undefined;
+    landing?: boolean | null | undefined;
+    transactional?: 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 HeroVariants = VariantProps<typeof hero>;
+/** The four §11.9 builds: A editorial, B illustrated, C split photo, D technical. */
+export type HeroKind = NonNullable<HeroVariants['kind']>;
+/** One compact entry card [D185], rendered as `Card kind="entry"`: square image, caps category, item-head link. */
+export interface HeroEntry {
+    /** The card's one link. */
+    href: string;
+    /** The category, in `type-label` caps. */
+    category: React.ReactNode;
+    /** The link text, in `type-itemhead`. */
+    title: React.ReactNode;
+    /** A square image, usually an `img` with its `alt`. */
+    image?: React.ReactNode;
+}
+/** Up to three entry cards [D185]. */
+export type HeroEntries = readonly [] | readonly [HeroEntry] | readonly [HeroEntry, HeroEntry] | readonly [HeroEntry, HeroEntry, HeroEntry];
+/** The explore rail [D185]: the rotated rail label and its optional compass. */
+export interface HeroRail {
+    /** Where the rail goes, usually an in-page anchor. */
+    href: string;
+    /** The label, e.g. "Explore the land". */
+    label: React.ReactNode;
+    /** An optional compass: an icon-only §9.2 Button that scrolls with the hero, never a fixed launcher. */
+    compass?: React.ReactNode;
+}
+/** One technical info cell: a caps label over a mono value. */
+export interface HeroCell {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+type HeroCommonProps = Omit<React.ComponentPropsWithRef<'header'>, 'title' | 'children'> & {
+    /** Landing pages: the title may take `type-display-xl` from `--lg-n-above`. Default `false`. */
+    landing?: boolean;
+    /**
+     * A transactional hero: the actions carry the page's single
+     * `--ds-size-control-xl` pill (pass `size="xl"` to its Button). Default `false`.
+     */
+    transactional?: boolean;
+    /** Primary Radix scale for the hero's scope. Never defaulted; omitted, the preset's default [D133]. */
+    primary?: HeroVariants['primary'];
+    /** Secondary Radix scale for the hero's scope: the title, the trail and the accents. */
+    secondary?: HeroVariants['secondary'];
+    /** Wayfinding above the title: a §9.8 Breadcrumb, an eyebrow, a pill badge or a topic tag. */
+    wayfinding?: React.ReactNode;
+    /** The `h1`: `type-display`, about 20ch, in 2–3 lines. Real text, never on a photo. */
+    title: React.ReactNode;
+    /** The title's `id`. */
+    titleId?: string;
+    /** The lede: `type-lead` in `--primary12` (a mono subtitle in `technical`). */
+    lede?: React.ReactNode;
+    /** The action Buttons: one `solid` pill (`size="lg"`) and at most its outline twin. */
+    actions?: React.ReactNode;
+    /**
+     * The page ground of the band below the hero, which the exit seam takes
+     * (the stacked photo's lower half and caption, the entry cards, the
+     * trail and the hill all land on it). Default: the enclosing page
+     * ground, else `paper`. Open the next band on the same preset.
+     */
+    next?: PageGroundPreset;
+    /** Builds each anchor (rail, entry cards), e.g. `(href) => <NextLink href={href} />`. */
+    renderLink?: (href: string) => React.ReactElement;
+};
+type HeroGroundProps = {
+    /**
+     * The hero's band: a page ground (default: the enclosing page ground,
+     * else `paper`), or `night` as the media hero [D177].
+     */
+    preset?: PageGroundPreset;
+    edge?: never;
+} | {
+    preset: 'night';
+    /**
+     * The night hero's shaped exit, light mode only [D179]: `hill`
+     * (editorial and reference pages) or `fringe` (campaign pages). It
+     * counts as the page's one shaped edge; with `stacked` the photo
+     * passes in front of the hill. A seam carries one device [D51], so
+     * entry cards replace it. Omitted: the straight cut.
+     */
+    edge?: 'hill' | 'fringe';
+};
+type HeroPhotoProps = {
+    /** A content photo figure's caption: description, then "Photo: Name"; right-flush below. */
+    caption?: React.ReactNode;
+    /** An icon-only `onMedia` Button over the photo's corner (the §9.2 media variant). */
+    photoAction?: React.ReactNode;
+    /** The explore rail: an inline link under the lede at base; the rotated corner label from `--md-n-above`. */
+    rail?: HeroRail;
+    drawing?: never;
+    field?: never;
+    aside?: never;
+    cells?: never;
+};
+type HeroEditorialProps = HeroPhotoProps & {
+    /** A: type only, or the media hero's photo figure (centred, on `night`). */
+    kind?: 'editorial';
+    /** The photo, usually an `img` with its `alt`, at 3:2. With a photo the text centres. */
+    photo?: React.ReactNode;
+    /** Up to 3 entry cards straddling the hero's bottom edge from `--lg-n-above` (with a photo). */
+    entries?: HeroEntries;
+    stacked?: never;
+    plate?: never;
+};
+type HeroSplitProps = HeroPhotoProps & {
+    /** C: a flat text band and the photo as its own figure, beside it from `--lg-n-above`. */
+    kind: 'split';
+    /** The photo, usually an `img` with its `alt`, at 3:2. Never text on it. */
+    photo: React.ReactNode;
+} & ({
+    /**
+     * "C, stacked" for editorial and reference pages: from
+     * `--lg-n-above` the text band, then the photo in the reading span
+     * straddling the band edge, the hill behind it and the caption
+     * right-flush below [D185]. Default `false`.
+     */
+    stacked: true;
+    entries?: never;
+    plate?: never;
+} | {
+    stacked?: false;
+    /** Up to 3 entry cards straddling the hero's bottom edge from `--lg-n-above`. */
+    entries?: HeroEntries;
+    /** An opaque plate (a face) overlapping the photo's lower edge; it must stand ≥ 128 px tall. */
+    plate?: React.ReactNode;
+});
+type HeroIllustratedProps = {
+    /** B: text with a sticker drawing; the only hero that may carry a Display Lockup (`HeroLockup`). */
+    kind: 'illustrated';
+    preset?: PageGroundPreset;
+    edge?: never;
+    /** The sticker drawing with its halo: `--ds-size-art-s` at base, `--ds-size-art-l` from `--lg-n-above`. */
+    drawing?: React.ReactNode;
+    /** A campaign hero: the lockup and drawing sit in the page's one `leaf` or `amber` field [D177]. */
+    field?: 'leaf' | 'amber';
+    /** The explore rail. */
+    rail?: HeroRail;
+    stacked?: never;
+    photo?: never;
+    caption?: never;
+    photoAction?: never;
+    plate?: never;
+    entries?: never;
+    aside?: never;
+    cells?: never;
+};
+type HeroTechnicalProps = {
+    /** D: a `line-double` frame: title, rule, mono subtitle, actions. */
+    kind: 'technical';
+    preset?: PageGroundPreset;
+    edge?: never;
+    /** The right column behind a vertical rule from `--lg-n-above` (a spec list or an install field). */
+    aside?: React.ReactNode;
+    /** The ruled info-cell row: a caps label over a mono value in each cell (2 or 4 cells). */
+    cells?: readonly HeroCell[];
+    /** An optional line diagram. */
+    drawing?: React.ReactNode;
+    stacked?: never;
+    photo?: never;
+    caption?: never;
+    photoAction?: never;
+    plate?: never;
+    entries?: never;
+    field?: never;
+    rail?: never;
+};
+/**
+ * Props for Hero: `header` props, the kind with its parts, the preset (and
+ * the night hero's `edge`), `next`, the flags and the color axes.
+ */
+export type HeroProps = HeroCommonProps & ((HeroEditorialProps & HeroGroundProps) | (HeroSplitProps & HeroGroundProps) | HeroIllustratedProps | HeroTechnicalProps);
+/** Props for HeroLockup. */
+export interface HeroLockupProps {
+    /** The caps words, in `type-lockup-caps`. */
+    caps: React.ReactNode;
+    /** The one accent word, in `type-lockup-accent`. */
+    accent: React.ReactNode;
+}
+/**
+ * The Display Lockup (§3.8) as the illustrated hero's title: caps words and
+ * one accent word, real text in the `h1`. Pass it as `title`.
+ */
+export declare function HeroLockup({ caps, accent }: HeroLockupProps): React.JSX.Element;
+/**
+ * The page's one hero, with the single `h1`. Never text on a photo, never
+ * sized to the viewport, never animated on load. A photo hero splits: text
+ * on a flat ground, the photo as its own captioned figure.
+ *
+ * - `editorial` (A): type only on the page ground; with a `photo`, the
+ *   centred media hero, on `preset="night"`.
+ * - `illustrated` (B): text and a sticker drawing; `field` sets them in a
+ *   campaign field; `HeroLockup` is its Display Lockup.
+ * - `split` (C): text beside the photo from `--lg-n-above`; `stacked` puts
+ *   the photo under the text in the reading span, straddling the edge.
+ * - `technical` (D): the double-ruled frame, with `aside` and `cells`.
+ *
+ * Straddles [D185]: `entries` (up to 3) cross the bottom edge from
+ * `--lg-n-above` and stack under the hero below it; the stacked photo
+ * crosses it too, with the hill behind. `rail` pins the rotated label to
+ * the bottom end corner, its trail crossing the seam. The hero then renders
+ * its exit seam on `next`, the band below. Prints as the masthead title.
+ */
+export declare function Hero(props: HeroProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Hero.d.ts.map

package/components/Hero/Hero.d.ts.map

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

package/components/Hero/Hero.js

@@ -0,0 +1,216 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Card, CardKicker, CardMedia, CardTitle, CardTitleLink } from '../Card';
+import { Ground } from '../Ground';
+import { Icon } from '../Icon';
+import { Link } from '../Link';
+import { SectionDivider } from '../SectionDivider';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { isPageGroundPreset, useScope, } from '../../utils/scope';
+import typeRoles from '../../utils/type.module.css';
+import styles from './hero.module.css';
+/*
+ * Hero (§11.9) [D185]: the page's one opening statement, and its only `h1`.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: hero.module.css; CVA function `hero`.
+ * - Axes: `kind` → editorial | illustrated | split | technical → same-named
+ *   classes (variants A–D); `stacked` → `stacked` ("C, stacked"; split
+ *   only, excluded in the types for the other kinds); `landing` →
+ *   `landing` (allows `type-display-xl`); `transactional` → `transactional`
+ *   (the `--ds-size-control-xl` pill row); `primary`, `secondary` → the
+ *   scales module classes, which the hero's Ground scope writes.
+ * - Compound variants: none.
+ * - Defaults: kind editorial, stacked false, landing false, transactional
+ *   false; color axes: none.
+ * - Color fallback: inherits the preset's defaults through its Ground; the
+ *   actions are §9.2 Buttons, whose `solid` takes the scope's action scale.
+ * - States: only `railLabel`, a §9.3 `nav` Link: :hover → the bare-text
+ *   underline (--role-accent, --border-size-2, offset --size-px-1) [D181];
+ *   :focus-visible → the ring, which follows the rotated box. Buttons and
+ *   the entry cards (Card kind="entry", §12.2) carry their own states.
+ * - Parts: base, wayfinding, title, lockup, lede, actions, media, photo,
+ *   caption, iconButton, plate, drawing, frame, cells, cell, entries, rail,
+ *   railLabel, compass, trail, seam; plus container, layout and content
+ *   (the text column), aside (the technical right column), entryItem and
+ *   entry (the list item and its Card), and the seam-span and trail
+ *   sub-parts.
+ * - Scope: the root is a `kind="band"` Ground: a page ground, or `night` as
+ *   the media hero [D177, D178]. `plate` is a `kind="face"` Ground of a
+ *   page ground, and each entry card a §12.2 `Card kind="entry"`, whose
+ *   face is a `white` Ground [D185]; `iconButton` sits in a `night`
+ *   face (the §9.2 media variant); the illustrated campaign field is a
+ *   `kind="field"` Ground inside the band. `seam` is the exit seam: a
+ *   `kind="band"` Ground of the next band's page ground (`next`), rendered
+ *   after the hero when something crosses the edge (the stacked photo, the
+ *   entry cards, the rail's trail) or the night hero ends on the hill or
+ *   the fringe. It carries the parts that land on that ground in its
+ *   colors: the stacked photo's caption, the entry cards, the trail.
+ * - Container: the technical info cells (`cells`) are the inline-size
+ *   container `hero-cells` (baseline flex-wrap at a 120 px minimum; viewport
+ *   fallback 1 column at --xs-n-below, one row at --lg-n-above; container
+ *   2-up from 360, 4-up from 480) [D163]. The rest is page frame on
+ *   viewport media.
+ */
+export const hero = cva(styles.base, {
+    variants: {
+        kind: {
+            editorial: styles.editorial,
+            illustrated: styles.illustrated,
+            split: styles.split,
+            technical: styles.technical,
+        },
+        stacked: {
+            true: styles.stacked,
+        },
+        landing: {
+            true: styles.landing,
+        },
+        transactional: {
+            true: styles.transactional,
+        },
+        // Color axes: never defaulted [D133]. The hero's Ground writes the classes.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'editorial',
+        stacked: false,
+        landing: false,
+        transactional: false,
+    },
+});
+/**
+ * The Display Lockup (§3.8) as the illustrated hero's title: caps words and
+ * one accent word, real text in the `h1`. Pass it as `title`.
+ */
+export function HeroLockup({ caps, accent }) {
+    return (React.createElement("span", { className: styles.lockup },
+        React.createElement("span", { className: styles.lockupCaps }, caps),
+        ' ',
+        React.createElement("span", { className: styles.lockupAccent }, accent)));
+}
+/**
+ * The rail's descender, the one tall `ornament-trail` (§4.7.1) [D185]: an
+ * origin circle under the rail label, a freehand fall across the seam and an
+ * open `marker-terminal`. Fixed art, 40 × 113 px, so it keeps to the
+ * 40 px page margin; decorative.
+ */
+function RailTrail() {
+    return (React.createElement("svg", { className: styles.trail, width: "40", height: "113", viewBox: "0 0 40 113", "aria-hidden": "true", focusable: "false" },
+        React.createElement("circle", { className: styles.trailMarker, cx: "20", cy: "4", r: "2.5" }),
+        React.createElement("path", { className: styles.trailPath, d: "M20 11C20 24 8 30 10 44C12 58 30 58 30 72C30 86 16 90 17 101", vectorEffect: "non-scaling-stroke" }),
+        React.createElement("path", { className: styles.trailMarker, d: "M14.3 105.3 17.8 111 20.3 104.7Z", vectorEffect: "non-scaling-stroke" })));
+}
+/**
+ * The page's one hero, with the single `h1`. Never text on a photo, never
+ * sized to the viewport, never animated on load. A photo hero splits: text
+ * on a flat ground, the photo as its own captioned figure.
+ *
+ * - `editorial` (A): type only on the page ground; with a `photo`, the
+ *   centred media hero, on `preset="night"`.
+ * - `illustrated` (B): text and a sticker drawing; `field` sets them in a
+ *   campaign field; `HeroLockup` is its Display Lockup.
+ * - `split` (C): text beside the photo from `--lg-n-above`; `stacked` puts
+ *   the photo under the text in the reading span, straddling the edge.
+ * - `technical` (D): the double-ruled frame, with `aside` and `cells`.
+ *
+ * Straddles [D185]: `entries` (up to 3) cross the bottom edge from
+ * `--lg-n-above` and stack under the hero below it; the stacked photo
+ * crosses it too, with the hill behind. `rail` pins the rotated label to
+ * the bottom end corner, its trail crossing the seam. The hero then renders
+ * its exit seam on `next`, the band below. Prints as the masthead title.
+ */
+export function Hero(props) {
+    const { kind, stacked, landing, transactional, primary, secondary, preset: presetProp, edge, next, wayfinding, title, titleId, lede, actions, photo, caption, photoAction, plate, entries, drawing, field, aside, cells, rail, renderLink, className, ...rest } = props;
+    const scope = useScope();
+    const resolvedKind = kind ?? 'editorial';
+    const pageGround = isPageGroundPreset(scope.ground) ? scope.ground : 'paper';
+    const preset = presetProp ?? pageGround;
+    const nextPreset = next ?? pageGround;
+    const photoKind = resolvedKind === 'editorial' || resolvedKind === 'split';
+    const hasPhoto = photoKind && photo != null;
+    const isStacked = resolvedKind === 'split' && stacked === true && hasPhoto;
+    const entryList = hasPhoto && !isStacked && entries != null ? entries.slice(0, 3) : [];
+    // A seam carries one device [D51]: entry cards straddling it take the place of a shaped edge.
+    const shapedEdge = preset === 'night' && entryList.length === 0 ? edge : undefined;
+    const hasRail = rail != null && resolvedKind !== 'technical';
+    const seamed = isStacked || entryList.length > 0 || shapedEdge != null || hasRail;
+    // Something else fills the seam band, so the shaped edge lies over it.
+    const edgeOver = isStacked || entryList.length > 0;
+    const pageSeam = seamed && preset !== 'night' && preset !== nextPreset;
+    /*
+     * In an illustrated hero on a field, the rotated rail (from --md-n-above)
+     * sits on the band beside the field, so it renders as the band's child to
+     * take the band's inks and mode, not the field's; the inline copy under
+     * the lede serves the base width. Each copy is display: none at the
+     * other's widths, so one link is ever in the accessibility tree.
+     */
+    const railOnBand = hasRail && resolvedKind === 'illustrated' && field != null;
+    const renderRail = (explore, placement) => (React.createElement("div", { className: cx(styles.rail, placement) },
+        React.createElement(Link, { kind: "nav", href: explore.href, render: renderLink?.(explore.href), className: styles.railLabel },
+            explore.label,
+            React.createElement(Icon, { name: "arrow_forward", className: styles.railArrow })),
+        explore.compass != null ? React.createElement("div", { className: styles.compass }, explore.compass) : null));
+    const railNode = hasRail && rail != null ? renderRail(rail, railOnBand ? styles.railInline : undefined) : null;
+    const railCorner = railOnBand && rail != null ? renderRail(rail, styles.railCorner) : null;
+    const text = (React.createElement("div", { className: styles.content },
+        wayfinding != null ? React.createElement("div", { className: styles.wayfinding }, wayfinding) : null,
+        React.createElement("h1", { id: titleId, className: cx(styles.title, typeRoles.typeDisplay) }, title),
+        lede != null ? (React.createElement("p", { className: cx(styles.lede, resolvedKind === 'technical' ? typeRoles.typeData : typeRoles.typeLead) }, lede)) : null,
+        railNode,
+        actions != null ? React.createElement("div", { className: styles.actions }, actions) : null));
+    const figure = hasPhoto ? (React.createElement("figure", { className: styles.media },
+        React.createElement("div", { className: styles.photo },
+            photo,
+            photoAction != null ? (React.createElement(Ground, { kind: "face", preset: "night", onMedia: true, render: React.createElement("div", null), className: styles.iconButton }, photoAction)) : null),
+        plate != null && !isStacked ? (React.createElement(Ground, { kind: "face", preset: preset === 'night' ? 'paper' : 'white', render: React.createElement("div", null), className: styles.plate }, plate)) : null,
+        caption != null ? React.createElement("figcaption", { className: styles.caption }, caption) : null)) : null;
+    let body;
+    if (resolvedKind === 'illustrated') {
+        const inner = (React.createElement(React.Fragment, null,
+            drawing != null ? React.createElement("div", { className: styles.drawing }, drawing) : null,
+            text));
+        body =
+            field != null ? (React.createElement(Ground, { kind: "field", preset: field, render: React.createElement("div", null), className: cx(styles.field, styles.layout) }, inner)) : (React.createElement("div", { className: styles.layout }, inner));
+    }
+    else if (resolvedKind === 'technical') {
+        body = (React.createElement("div", { className: styles.frame },
+            text,
+            aside != null ? React.createElement("div", { className: styles.aside }, aside) : null,
+            drawing != null ? React.createElement("div", { className: styles.drawing }, drawing) : null,
+            cells != null && cells.length > 0 ? (React.createElement("dl", { className: styles.cells }, cells.map((cell, index) => (React.createElement("div", { key: index, className: styles.cell },
+                React.createElement("dt", { className: styles.cellLabel }, cell.label),
+                React.createElement("dd", { className: styles.cellValue }, cell.value)))))) : null));
+    }
+    else {
+        body = (React.createElement("div", { className: styles.layout },
+            text,
+            figure));
+    }
+    const band = (React.createElement(Ground, { kind: "band", preset: preset, primary: primary ?? undefined, secondary: secondary ?? undefined, render: React.createElement("header", null), ...rest, className: cx(hero({ kind: resolvedKind, stacked: isStacked, landing, transactional }), resolvedKind === 'editorial' && hasPhoto && styles.mediaHero, shapedEdge != null && styles.edged, className) },
+        React.createElement("div", { className: styles.container }, body),
+        railCorner));
+    if (!seamed)
+        return band;
+    return (React.createElement(React.Fragment, null,
+        band,
+        React.createElement(Ground, { kind: "band", preset: nextPreset, render: React.createElement("div", null), className: cx(styles.seam, isStacked && styles.seamStacked, entryList.length > 0 && styles.seamEntries) },
+            pageSeam ? React.createElement(SectionDivider, { kind: "page-seam", className: styles.seamRule }) : null,
+            shapedEdge != null ? (React.createElement(SectionDivider, { kind: shapedEdge, className: cx(styles.seamEdge, edgeOver && styles.seamEdgeOver) })) : null,
+            isStacked ? (React.createElement("div", { className: styles.container },
+                React.createElement("div", { className: styles.seamSpan },
+                    React.createElement("div", { className: styles.photoSpacer }),
+                    caption != null ? (React.createElement("p", { className: styles.seamCaption, "aria-hidden": "true" }, caption)) : null))) : null,
+            entryList.length > 0 ? (React.createElement("div", { className: styles.container },
+                React.createElement("ul", { className: styles.entries }, entryList.map((entry, index) => (React.createElement("li", { key: index, className: styles.entryItem },
+                    React.createElement(Card, { kind: "entry", className: styles.entry },
+                        entry.image != null ? React.createElement(CardMedia, null, entry.image) : null,
+                        React.createElement(CardKicker, null, entry.category),
+                        React.createElement(CardTitle, { render: React.createElement("p", null) },
+                            React.createElement(CardTitleLink, { href: entry.href, render: renderLink?.(entry.href) }, entry.title))))))))) : null,
+            hasRail ? React.createElement(RailTrail, null) : null)));
+}
+//# sourceMappingURL=Hero.js.map

package/components/Hero/Hero.js.map

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