@fairgarden/design 0.1.0-0.canary.0

package/content/index-rows/index-rows.module.css

@@ -0,0 +1,460 @@
+/*
+ * Ruled Index Rows (§12.11). The root `base` is the listing's inline-size
+ * container (unnamed); the row layout queries it. Parts: base, header,
+ * list, row, key (with rank, date or thumb), rule (the text column: it
+ * carries the row rule, from the text column to the module edge, and the
+ * event column rule), title (`titleUi` for ranked and related), titleLink
+ * (a title Link), count, meta (`metaCaps` for articles), dek, currentBar
+ * (the rule's ::before), disclosure, eventHeading, trigger, triggerLabel,
+ * glyph (the shared disclosure glyph), details (the Collapsible Panel), footer.
+ * Dense module: line semantics only. Colors are role variables only; local
+ * custom properties carry dimensions only:
+ *   --index-rows-pad   the row's vertical padding (--size-px-2-5 ranked and
+ *                      related, --size-px-3 article and event)
+ *   --index-rows-gap   the gap between the key column and the text column
+ */
+
+/* Composition sits in top-level rules, outside the layers: Lightning CSS
+ * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
+ * The composed classes keep their own layers. */
+.title {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.titleUi {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.rank {
+  composes: typeBodyUi typeMuted from '../../utils/type.module.css';
+}
+
+.count {
+  composes: typeBodyUi typeMuted from '../../utils/type.module.css';
+}
+
+.date {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.meta {
+  composes: typeCaption typeMuted from '../../utils/type.module.css';
+}
+
+.metaCaps {
+  composes: typeLabel typeMuted from '../../utils/type.module.css';
+}
+
+.dek {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.trigger {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.rule {
+  composes: lineSolid from '../../utils/line.module.css';
+}
+
+@layer base {
+  .base {
+    --index-rows-pad: var(--size-px-3);
+    --index-rows-gap: var(--size-px-3);
+
+    container-type: inline-size;
+    /* Size containment leaves no intrinsic width: fill the box, never collapse as a flex or shrink-to-fit item. */
+    inline-size: 100%;
+    min-inline-size: 0;
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .header {
+    margin-block-end: var(--size-px-3);
+  }
+
+  .list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  /* The row: key column (optional) and text column; the item is the stretched link's anchor. */
+  .row {
+    position: relative;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    column-gap: var(--index-rows-gap);
+    min-inline-size: 0;
+  }
+
+  .key {
+    min-inline-size: 0;
+    padding-block: var(--index-rows-pad);
+  }
+
+  /* The text column carries the row rule; rules never run under the key column. */
+  .rule {
+    position: relative;
+    display: grid;
+    align-content: start;
+    gap: var(--size-px-1);
+    min-inline-size: 0;
+    padding-block: var(--index-rows-pad);
+    border-width: 0;
+    border-block-end-width: var(--border-size-1);
+    border-color: var(--role-hairline);
+  }
+
+  .title,
+  .titleUi {
+    max-inline-size: var(--fgd-measure-reading);
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .count {
+    margin-inline-start: var(--size-px-1);
+  }
+
+  .meta,
+  .metaCaps {
+    margin: 0;
+  }
+
+  .dek {
+    max-inline-size: var(--fgd-measure-reading);
+    margin: var(--size-px-1) 0 0;
+    color: var(--primary12);
+  }
+
+  .date {
+    color: var(--primary12);
+    white-space: nowrap;
+  }
+
+  .footer {
+    margin-block-start: var(--size-px-5);
+  }
+
+  /* Event disclosure (§10.13): the title is the trigger, the disclosure glyph trails it. */
+  .disclosure {
+    display: grid;
+    gap: var(--size-px-1);
+    min-inline-size: 0;
+  }
+
+  .eventHeading {
+    margin: 0;
+  }
+
+  /* The details: body, key–value pairs and a sm Button, within the reading measure. */
+  .details {
+    max-inline-size: var(--fgd-measure-reading);
+  }
+
+  .trigger {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--size-px-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-block-size: var(--fgd-size-hit);
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--role-muted);
+    text-align: start;
+    cursor: pointer;
+    appearance: none;
+  }
+
+  .triggerLabel {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    max-inline-size: var(--fgd-measure-reading);
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--border-size-1-5);
+    text-underline-offset: 0.15em;
+  }
+
+  /* Hover transition [D181]: --fgd-duration-quick, --ease-out-3; instant under --motionNotOK. */
+  @media (prefers-reduced-motion: no-preference) {
+    .trigger {
+      transition-property: color;
+      transition-duration: var(--fgd-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+
+  /* Aligned to the title's first line. */
+  .glyph {
+    margin-block-start: calc((1lh - var(--size-px-4)) / 2);
+  }
+}
+
+@layer variants {
+  /* Ranked and related titles: type-body-ui at --font-weight-6 (above the composed role's own weight). */
+  .titleUi {
+    font-weight: var(--font-weight-6);
+  }
+
+  /* Ranked: a 2.5ch muted rank column, labels with counts, --size-px-2-5 rows. */
+  .ranked {
+    --index-rows-pad: var(--size-px-2-5);
+  }
+
+  .ranked .row {
+    grid-template-columns: 2.5ch minmax(0, 1fr);
+  }
+
+  .ranked .rank {
+    font-variant-numeric: var(--fgd-numerals-data);
+    text-align: end;
+  }
+
+  /* Related: a --fgd-size-thumb thumbnail --size-px-2 from the title. */
+  .related {
+    --index-rows-pad: var(--size-px-2-5);
+    --index-rows-gap: var(--size-px-2);
+  }
+
+  .related .row {
+    grid-template-columns: var(--fgd-size-thumb) minmax(0, 1fr);
+  }
+
+  .thumb > img {
+    display: block;
+    inline-size: var(--fgd-size-thumb);
+    block-size: var(--fgd-size-thumb);
+    border-radius: var(--radius-2-25);
+    object-fit: cover;
+  }
+
+  /* Event: table-like, so --role-rule rules; the date sits above the title at base. */
+  .event .rule {
+    border-color: var(--role-rule);
+  }
+
+  .event .date {
+    padding-block-end: 0;
+  }
+
+  .event .date + .rule {
+    padding-block-start: var(--size-px-1);
+  }
+
+  /* Viewport fallback: the date key column from --md-n-above, right-aligned from --lg-n-above. */
+  @media (min-width: 768px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
+    }
+
+    .event .date {
+      padding-block-end: var(--index-rows-pad);
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--index-rows-pad);
+      padding-inline-start: var(--size-px-3);
+      border-inline-start-width: var(--border-size-1);
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
+    }
+
+    .event .date {
+      text-align: end;
+    }
+
+    .article .rule {
+      grid-template-columns: minmax(0, 1fr) auto;
+      column-gap: var(--size-px-5);
+    }
+
+    .article .rule > * {
+      grid-column: 1;
+    }
+
+    .article .rule > .metaCaps {
+      grid-column: 2;
+      grid-row: 1;
+      text-align: end;
+    }
+  }
+
+  /* Container (§5.10.2): date above title below 768 px; key 3 of 8 from 768; 3 of 12 from 1024. */
+  @container (width < 768px) {
+    .event .row {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .event .date {
+      padding-block-end: 0;
+      text-align: start;
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--size-px-1);
+      padding-inline-start: 0;
+      border-inline-start-width: 0;
+    }
+  }
+
+  @container (width >= 768px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
+    }
+
+    .event .date {
+      padding-block-end: var(--index-rows-pad);
+      text-align: start;
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--index-rows-pad);
+      padding-inline-start: var(--size-px-3);
+      border-inline-start-width: var(--border-size-1);
+    }
+  }
+
+  @container (width >= 1024px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
+    }
+
+    .event .date {
+      text-align: end;
+    }
+  }
+
+  /* Article: the meta moves to a right-aligned column only from 1024 px of container. */
+  @container (width < 1024px) {
+    .article .rule {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .article .rule > .metaCaps {
+      grid-column: 1;
+      grid-row: auto;
+      text-align: start;
+    }
+  }
+
+  @container (width >= 1024px) {
+    .article .rule {
+      grid-template-columns: minmax(0, 1fr) auto;
+      column-gap: var(--size-px-5);
+    }
+
+    .article .rule > * {
+      grid-column: 1;
+    }
+
+    .article .rule > .metaCaps {
+      grid-column: 2;
+      grid-row: 1;
+      text-align: end;
+    }
+  }
+}
+
+@layer states {
+  /* Focus: the ring around the row, inside the rules, keyboard only; it replaces the link's own. */
+  .row .titleLink:focus-visible {
+    outline: none;
+  }
+
+  .row:has(.titleLink:focus-visible) {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: calc(-1 * var(--border-size-2));
+  }
+
+  /* Current: a --border-size-2-25 --primary12 bar at the start edge of the text column
+     (titles already sit at --font-weight-6 or heavier). */
+  .rule:has(.titleLink[aria-current]:not([aria-current='false']))::before {
+    content: '';
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: calc(-1 * (var(--size-px-2) + var(--border-size-2-25)));
+    border-inline-start: var(--border-size-2-25) solid var(--primary12);
+  }
+
+  /*
+   * Event hover (not disabled): the title takes --role-link-hover, color
+   * only, as a title link; the underline (--border-size-1-5, --role-accent)
+   * is added where that ink is --primary12, and under forced colors
+   * (§12.11) [D181].
+   */
+  .trigger:not([data-disabled]):hover {
+    color: var(--role-link-hover);
+  }
+
+  .trigger:not([data-disabled]):hover .triggerLabel {
+    text-decoration-line: var(--fgd-link-hover-line);
+  }
+
+  @media (forced-colors: active) {
+    .trigger:not([data-disabled]):hover .triggerLabel {
+      text-decoration-line: underline;
+    }
+  }
+
+  .trigger:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: var(--border-size-2);
+  }
+
+  /* Expanded: the title moves from --role-muted to --primary12 and grows to type-h2. */
+  .trigger[data-panel-open] {
+    color: var(--primary12);
+    font-size: var(--fgd-font-size-h2);
+  }
+}
+
+@layer print {
+  @media print {
+    /* A text list: rows whole, thumbnails dropped, event rows expanded with the date column left. */
+    .header {
+      break-after: avoid;
+    }
+
+    .row {
+      break-inside: avoid;
+    }
+
+    .thumb {
+      display: none;
+    }
+
+    .related .row {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
+    }
+
+    .event .date {
+      padding-block-end: var(--index-rows-pad);
+      text-align: start;
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--index-rows-pad);
+      padding-inline-start: var(--size-px-3);
+      border-inline-start-width: var(--border-size-1);
+    }
+
+    .trigger {
+      min-block-size: auto;
+      color: var(--primary12);
+    }
+  }
+}

package/content/index-rows/index.d.ts

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

package/content/index-rows/index.d.ts.map

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

package/content/index-rows/index.js

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

package/content/index-rows/index.js.map

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

package/content/pricing/Pricing.d.ts

@@ -0,0 +1,190 @@
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+export declare const pricing: (props?: ({
+    kind?: "inline" | "menu" | "sale" | "tiers" | "matrix" | 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;
+/** Tier classes: `recommended` draws the --border-size-2-25 --primary12 frame and the badge. */
+export declare const pricingTier: (props?: ({
+    recommended?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type PricingVariants = VariantProps<typeof pricing>;
+/** The five pricing builds (§12.9). */
+export type PricingKind = 'inline' | 'menu' | 'sale' | 'tiers' | 'matrix';
+/** Props for Pricing: `div` props, `render`, the kind and the color axes. */
+export type PricingProps = useRender.ComponentProps<'div'> & {
+    /**
+     * Required. `inline`: "From $49" in running text, figure bold. `menu`: a
+     * mono figure on its own line or at a leader row's end (§12.13). `sale`:
+     * the struck original in `--role-muted`, the current price bold, then
+     * "Save $300" as a word. `tiers`: 2–4 plans as faced cards, stacked, as
+     * columns from 1024 px of container. `matrix`: rows × columns of prices
+     * in a table, one block per row below 360 px of container.
+     */
+    kind: PricingKind;
+    /**
+     * Primary Radix scale: prices, strikes, frames and checks. Never
+     * defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: PricingVariants['primary'];
+    /**
+     * Secondary Radix scale: the tier Radio's selection (`--role-select`) and
+     * the badge. Never defaulted.
+     */
+    secondary?: PricingVariants['secondary'];
+};
+/**
+ * The pricing module. Inline, menu and sale prices hold a `PricingPrice`
+ * (and, for a sale, a `PricingStruck` and a `PricingSave`); pass
+ * `render={<span />}` inside running text. A tier set holds a
+ * `PricingTierList` of `PricingTier`s; a matrix a `PricingMatrix`. Close a
+ * tier set or matrix with `PricingAsOf`. Show the unit and period with
+ * every price, never mark a sale with red alone, and never hide fees.
+ */
+export declare function Pricing(props: PricingProps): React.JSX.Element;
+/** Props for PricingPrice: `data` props, `render` and the hidden label. */
+export type PricingPriceProps = useRender.ComponentProps<'data'> & {
+    /** The machine-readable amount, e.g. `"49.00"`; written as the `data` element's `value`. */
+    value?: string | number;
+    /**
+     * Words for assistive technology only, read before the price: "Now" for
+     * the current price of a sale.
+     */
+    label?: React.ReactNode;
+};
+/**
+ * One price, a `data` element: `PricingQualifier` ("From"), `PricingCurrency`,
+ * `PricingAmount`, `PricingCents` and `PricingPeriod`, in the locale's
+ * order (author the spaces). Kept on one line.
+ */
+export declare function PricingPrice(props: PricingPriceProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for the small price parts: `span` props and `render`. */
+export type PricingPartProps = useRender.ComponentProps<'span'>;
+/** The qualifier, e.g. "From": regular weight, before the figure. */
+export declare function PricingQualifier(props: PricingPartProps): React.JSX.Element;
+/** The currency sign: with the figure inline; `type-caption` beside a tier's figure. */
+export declare function PricingCurrency(props: PricingPartProps): React.JSX.Element;
+/**
+ * The figure, in data numerals: bold in body text (inline, sale), mono
+ * (menu), `type-stat-compact` in a tier.
+ */
+export declare function PricingAmount(props: PricingPartProps): React.JSX.Element;
+/** Optional retail cents as a superscript at 60%, never below `--font-size-0`. */
+export declare function PricingCents(props: PricingPartProps): React.JSX.Element;
+/**
+ * The period or unit, e.g. "/ month", after a thin space the part adds; on
+ * the figure's line, `type-caption` in a tier.
+ */
+export declare function PricingPeriod(props: PricingPartProps): React.JSX.Element;
+/** Props for PricingStruck: `s` props, `render` and the hidden label. */
+export type PricingStruckProps = useRender.ComponentProps<'s'> & {
+    /** Words for assistive technology only, read before the struck price. Default "Was". */
+    label?: React.ReactNode;
+};
+/**
+ * The original price of a sale, struck through at `--border-size-1-5` in
+ * `--role-muted` (never a status color), with a hidden "Was" for assistive
+ * technology. Put a `PricingPrice` inside.
+ */
+export declare function PricingStruck(props: PricingStruckProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** The saving as a word, "Save $300", in `--primary12`: the word carries the sale, not a color. */
+export declare function PricingSave(props: PricingPartProps): React.JSX.Element;
+/** Props for PricingTierList: list props and `render`. */
+export type PricingTierListProps = useRender.ComponentProps<'ul'>;
+/**
+ * The tier set's layout, queried on the `pricing` container: stacked below
+ * 1024 px of container (author the recommended tier first, since visual
+ * order follows source order), columns of one comparison row from 1024,
+ * capped at `--fgd-container-content`. When the plans feed a form, wrap it
+ * in a `RadioGroup` and put each tier's `Radio` in its `PricingChoice`.
+ */
+export declare function PricingTierList(props: PricingTierListProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingTier: list-item props, `render`, `recommended` and the badge word. */
+export type PricingTierProps = useRender.ComponentProps<'li'> & VariantProps<typeof pricingTier> & {
+    /**
+     * Marks the recommended plan: a `--border-size-2-25` `--primary12` frame and
+     * the badge. Default `false`. Never fill-only.
+     */
+    recommended?: boolean;
+    /**
+     * The badge word straddling the top edge. Defaults to "Recommended" on
+     * the recommended tier; pass your own words, or `null` for none.
+     */
+    badge?: React.ReactNode;
+    /** Props for the tier's frame, the faced Card (an `article`), such as `aria-labelledby`. */
+    frameProps?: Omit<useRender.ComponentProps<'article'>, 'children'>;
+};
+/**
+ * One plan: a faced card (`article`) holding `PricingTierName`, a
+ * `PricingPrice`, `PricingSummary`, `PricingFeatures`, an optional
+ * `PricingChoice` (a Radio, when the plan feeds a form) and a
+ * `PricingAction` (a Button, "Choose Basic"). Selected and unavailable
+ * states follow the Radio's `data-checked` and `data-disabled`.
+ */
+export declare function PricingTier(props: PricingTierProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingTierName: heading props and `render` (default `<h3>`). */
+export type PricingTierNameProps = useRender.ComponentProps<'h3'>;
+/** The plan's name: `type-itemhead` in `--primary12`. Renders `<h3>`. */
+export declare function PricingTierName(props: PricingTierNameProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingSummary: paragraph props and `render`. */
+export type PricingSummaryProps = useRender.ComponentProps<'p'>;
+/** The one-line summary: `type-body-ui` in `--primary12`. */
+export declare function PricingSummary(props: PricingSummaryProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingFeatures: list props and `render`. */
+export type PricingFeaturesProps = useRender.ComponentProps<'ul'>;
+/** The feature list, in full under each tier. Omit excluded features; never strike them. */
+export declare function PricingFeatures(props: PricingFeaturesProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingFeature: list-item props and `render`. */
+export type PricingFeatureProps = useRender.ComponentProps<'li'>;
+/** One included feature, led by the inline-tier `check` icon (hidden: the words carry it). */
+export declare function PricingFeature(props: PricingFeatureProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingChoice: `div` props and `render`. */
+export type PricingChoiceProps = useRender.ComponentProps<'div'>;
+/**
+ * The plan choice, the tier Card's `CardChoice`: put the tier's `Radio` here
+ * (its group wraps the tier list). Its `data-checked` selects the tier's
+ * edge; its `data-disabled` marks the tier unavailable (then say
+ * "Unavailable" in `PricingAction`).
+ */
+export declare function PricingChoice(props: PricingChoiceProps): React.JSX.Element;
+/** Props for PricingAction: `div` props and `render`. */
+export type PricingActionProps = useRender.ComponentProps<'div'>;
+/**
+ * The tier's action: a Button with a title-case label ("Start Free Trial"),
+ * or the word "Unavailable". Prints as "Label (short URL)".
+ */
+export declare function PricingAction(props: PricingActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingMatrix: `table` props, `render` and the scroll region's name. */
+export type PricingMatrixProps = useRender.ComponentProps<'table'> & {
+    /**
+     * Names the scrolling wrapper for assistive technology, which then is a
+     * focusable `region` (so keyboards can scroll a wide matrix).
+     */
+    label?: string;
+};
+/**
+ * The price matrix: a §8.2 table (rows by species or size × retail and
+ * wholesale columns) with `--role-rule` row rules and a `line-double-hair`
+ * total rule above the `tfoot` (the minimum order). Author `thead`,
+ * `tbody` and `tfoot`; use `PricingCell` with a `label` so each value keeps
+ * its column name when rows become blocks below 360 px of container.
+ */
+export declare function PricingMatrix(props: PricingMatrixProps): React.JSX.Element;
+/** Props for PricingCell: `td` props, `render` and the column name. */
+export type PricingCellProps = useRender.ComponentProps<'td'> & {
+    /** The column's name ("Wholesale"), shown before the value only when rows are blocks. */
+    label?: React.ReactNode;
+};
+/** A matrix value cell; its `label` repeats the column header in the block form. */
+export declare function PricingCell(props: PricingCellProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PricingAsOf: paragraph props and `render`. */
+export type PricingAsOfProps = useRender.ComponentProps<'p'>;
+/**
+ * The provenance line, "Prices as of 1 Sep 2026 (short URL)": `type-caption`
+ * after a tier set or matrix, on screen and in print (§12.9, P10).
+ */
+export declare function PricingAsOf(props: PricingAsOfProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=Pricing.d.ts.map

package/content/pricing/Pricing.d.ts.map

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