@peripheries/core 0.1.0

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@peripheries/core",
+  "version": "0.1.0",
+  "description": "The shared core lineage: layout, the document kit and the display cells, on the semantic tokens",
+  "type": "module",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/peripheries-components/stack-components.git"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./index.css": "./index.css"
+  },
+  "peerDependencies": {
+    "react": "^19.2.4"
+  }
+}

package/types/core/Box/Box.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType, ReactNode } from 'react';
+import { type PolymorphicProps } from '../_shared/props';
+export type BoxProps<C extends ElementType = 'div'> = PolymorphicProps<C, {
+    children?: ReactNode;
+    className?: string;
+}>;
+export declare function Box<C extends ElementType = 'div'>({ as, className, children, ...rest }: BoxProps<C>): import("react").JSX.Element;

package/types/core/Center/Center.d.ts

@@ -0,0 +1,8 @@
+import type { ElementType, ReactNode } from 'react';
+import { type PolymorphicProps } from '../_shared/props';
+export type CenterProps<C extends ElementType = 'div'> = PolymorphicProps<C, {
+    children?: ReactNode;
+    minHeight?: number | string;
+    className?: string;
+}>;
+export declare function Center<C extends ElementType = 'div'>({ minHeight, className, style, children, ...rest }: CenterProps<C>): import("react").JSX.Element;

package/types/core/Container/Container.d.ts

@@ -0,0 +1,8 @@
+import type { ElementType, ReactNode } from 'react';
+import { type PolymorphicProps } from '../_shared/props';
+export type ContainerProps<C extends ElementType = 'div'> = PolymorphicProps<C, {
+    children?: ReactNode;
+    name?: string;
+    className?: string;
+}>;
+export declare function Container<C extends ElementType = 'div'>({ name, className, style, children, ...rest }: ContainerProps<C>): import("react").JSX.Element;

package/types/core/Divider/Divider.d.ts

@@ -0,0 +1,8 @@
+import { type PolymorphicProps } from '../_shared/props';
+export type DividerProps = PolymorphicProps<'hr', {
+    orientation?: 'horizontal' | 'vertical';
+    weight?: 'subtle' | 'strong';
+    spacing?: number | string;
+    className?: string;
+}>;
+export declare function Divider({ orientation, weight, spacing, className, style, ref, ...rest }: DividerProps): import("react").JSX.Element;

package/types/core/Hide/Hide.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type HideProps = {
+    when: 'narrow' | 'compact' | 'wide';
+    children?: ReactNode;
+    as?: 'span' | 'div';
+};
+export declare function Hide({ when, children, as: As }: HideProps): import("react").JSX.Element;

package/types/core/Inline/Inline.d.ts

@@ -0,0 +1,12 @@
+import type { ElementType, ReactNode } from 'react';
+import { type PolymorphicProps } from '../_shared/props';
+export type InlineProps<C extends ElementType = 'div'> = PolymorphicProps<C, {
+    children?: ReactNode;
+    gap?: number | string;
+    align?: 'stretch' | 'start' | 'center' | 'end' | 'baseline';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    wrap?: boolean;
+    stackWhen?: 'narrow' | 'compact' | 'wide';
+    className?: string;
+}>;
+export declare function Inline<C extends ElementType = 'div'>({ gap, align, justify, wrap, stackWhen, className, style, children, ...rest }: InlineProps<C>): import("react").JSX.Element;

package/types/core/Show/Show.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type ShowProps = {
+    when: 'narrow' | 'compact' | 'wide';
+    children?: ReactNode;
+    as?: 'span' | 'div';
+};
+export declare function Show({ when, children, as: As }: ShowProps): import("react").JSX.Element;

package/types/core/Spacer/Spacer.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from 'react';
+export type SpacerProps = {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare function Spacer({ size, className, style }: SpacerProps): import("react").JSX.Element;

package/types/core/Stack/Stack.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType, ReactNode } from 'react';
+import { type PolymorphicProps } from '../_shared/props';
+export type StackProps<C extends ElementType = 'div'> = PolymorphicProps<C, {
+    children?: ReactNode;
+    gap?: number | string;
+    align?: 'stretch' | 'start' | 'center' | 'end';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    className?: string;
+}>;
+export declare function Stack<C extends ElementType = 'div'>({ gap, align, justify, className, style, children, ...rest }: StackProps<C>): import("react").JSX.Element;

package/types/core/_shared/formatters.d.ts

@@ -0,0 +1,15 @@
+export type FormatterToken = 'currency' | 'currency-k' | 'currency-m' | 'currency-compact' | 'currency-monthly' | 'percent' | 'age' | 'years' | 'number';
+export interface FormatOpts {
+    precision?: number;
+    signed?: boolean;
+}
+export interface ValueSpec {
+    value: number;
+    format: FormatterToken;
+    precision?: number;
+    signed?: boolean;
+    unit?: string;
+}
+export type FormattableValue = string | ValueSpec;
+export declare function renderFormatted(v: FormattableValue | undefined): string;
+export declare function formatValue(token: FormatterToken | undefined, value: number, opts?: FormatOpts): string;

package/types/core/_shared/props.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithRef, CSSProperties, ElementType } from 'react';
+export type PolymorphicProps<C extends ElementType, Own> = Own & {
+    as?: C;
+} & Omit<ComponentPropsWithRef<C>, keyof Own | 'as'>;
+export declare function domProps<T extends Record<string, unknown>>(props: T): T;
+export declare const cx: (...names: Array<string | false | null | undefined>) => string | undefined;
+export declare const length: (v: number | string | undefined) => string | undefined;
+export declare function vars(values: Record<string, string | undefined>, style?: CSSProperties): CSSProperties | undefined;

package/types/core/_shared/warn-once.d.ts

@@ -0,0 +1,2 @@
+export declare function warnOnce(key: string, message: string): void;
+export declare function resetWarnOnce(): void;

package/types/core/display/DataTable/DataTable.d.ts

@@ -0,0 +1,32 @@
+import { type CSSProperties, type ReactElement, type ReactNode } from 'react';
+import { type FormattableValue } from '../../_shared/formatters';
+import { type Tone } from '../_shared/tone';
+export type DataTableAlign = 'left' | 'right' | 'center';
+export interface DataTableColumn {
+    key: string;
+    header?: ReactNode;
+    sublabel?: ReactNode;
+    align?: DataTableAlign;
+    minWidth?: number;
+    label?: ReactNode;
+}
+export interface DataTableCell {
+    value: FormattableValue | ReactNode;
+    tone?: Tone | string;
+}
+export type DataTableCellInput = DataTableCell | FormattableValue | ReactNode;
+export interface DataTableRow {
+    cells: ReadonlyArray<DataTableCellInput> | Readonly<Record<string, DataTableCellInput>>;
+    highlighted?: boolean;
+    total?: boolean;
+    tone?: 'default' | 'total' | 'highlight' | string;
+}
+export interface DataTableProps {
+    title?: string;
+    subtitle?: string;
+    columns: ReadonlyArray<DataTableColumn>;
+    rows: ReadonlyArray<DataTableRow>;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function DataTable({ title, subtitle, columns, rows, className, style }: DataTableProps): ReactElement;

package/types/core/display/DisclaimerBlock/DisclaimerBlock.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+export interface DisclaimerBlockProps {
+    label?: string;
+    leadIn?: string;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function DisclaimerBlock({ label, leadIn, children, className, style }: DisclaimerBlockProps): ReactElement;

package/types/core/display/Eyebrow/Eyebrow.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type Tone } from '../_shared/tone';
+export type EyebrowAs = 'span' | 'div' | 'p' | 'dt' | 'figcaption';
+export type InkTone = Tone | 'subtle' | 'on-dark' | 'inherit';
+export declare function inkToneOf(value: unknown, fallback: InkTone): InkTone;
+export declare function inkAttrs(tone: InkTone): {
+    'data-tone': InkTone;
+    toned: boolean;
+};
+export interface EyebrowProps {
+    children?: ReactNode;
+    as?: EyebrowAs;
+    tone?: InkTone | string;
+    tabular?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Eyebrow({ children, as: Tag, tone, tabular, className, style }: EyebrowProps): ReactElement;

package/types/core/display/HighlightBox/HighlightBox.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type Tone } from '../_shared/tone';
+export interface HighlightBoxProps {
+    tone?: Tone | string;
+    variant?: string;
+    label?: string;
+    headline?: ReactNode;
+    children?: ReactNode;
+    trailing?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function HighlightBox({ tone, variant, label, headline, children, trailing, className, style }: HighlightBoxProps): ReactElement;

package/types/core/display/KpiCardGrid/KpiCardGrid.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties, ReactElement } from 'react';
+import { type FormattableValue } from '../../_shared/formatters';
+import { type Tone } from '../_shared/tone';
+export interface KpiCardBadge {
+    text: FormattableValue;
+    tone?: Tone | string;
+}
+export interface KpiCard {
+    label: string;
+    value: FormattableValue;
+    subtitle?: FormattableValue;
+    tone?: Tone | string;
+    delta?: FormattableValue;
+    badge?: KpiCardBadge;
+    caption?: FormattableValue;
+    borderColor?: string;
+    tag?: {
+        label: FormattableValue;
+        tone?: string;
+    };
+}
+export interface KpiCardGridProps {
+    cards?: ReadonlyArray<KpiCard>;
+    columns?: number;
+    gap?: 'tight' | 'normal';
+    minColumnWidth?: number;
+    className?: string;
+    style?: CSSProperties;
+    items?: ReadonlyArray<KpiCard>;
+}
+export declare function KpiCardGrid(props: KpiCardGridProps): ReactElement;
+export declare const KpiGrid: typeof KpiCardGrid;

package/types/core/display/OptionCard/OptionCard.d.ts

@@ -0,0 +1,29 @@
+import type { CSSProperties, ReactElement } from 'react';
+import { type FormattableValue } from '../../_shared/formatters';
+import { type Tone } from '../_shared/tone';
+export interface OptionCardBar {
+    label: string;
+    value: FormattableValue;
+    fillPercent: number;
+    tone?: Tone | string;
+    valueTone?: Tone | string;
+    color?: string;
+    accent?: string;
+}
+export interface OptionCardProps {
+    number?: number | string;
+    title?: string;
+    description?: string;
+    badgeText?: FormattableValue;
+    badgeTone?: Tone | string;
+    bars?: ReadonlyArray<OptionCardBar>;
+    tone?: Tone | string;
+    isSelected?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    name?: string;
+    badge?: FormattableValue;
+    badgeVariant?: string;
+    accent?: string;
+}
+export declare function OptionCard(props: OptionCardProps): ReactElement;

package/types/core/display/ProfileCard/ProfileCard.d.ts

@@ -0,0 +1,23 @@
+import type { CSSProperties, ReactElement } from 'react';
+import { type FormattableValue } from '../../_shared/formatters';
+import { type Tone } from '../_shared/tone';
+export interface ProfileRowBadge {
+    text: FormattableValue;
+    tone?: Tone | string;
+    variant?: string;
+}
+export interface ProfileRow {
+    label: string;
+    value: FormattableValue;
+    badge?: ProfileRowBadge;
+}
+export interface ProfileCardProps {
+    title: string;
+    subtitle?: string;
+    tone?: Tone | 'none' | string;
+    rows?: ReadonlyArray<ProfileRow>;
+    className?: string;
+    style?: CSSProperties;
+    headerAccent?: string;
+}
+export declare function ProfileCard(props: ProfileCardProps): ReactElement;

package/types/core/display/SectionHeader/SectionHeader.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+export interface SectionHeaderProps {
+    eyebrow?: string;
+    title: string;
+    description?: string;
+    trailing?: ReactNode;
+    revealDelay?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function SectionHeader({ eyebrow, title, description, trailing, revealDelay, className, style }: SectionHeaderProps): ReactElement;

package/types/core/display/Stat/Stat.d.ts

@@ -0,0 +1,26 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type ValueSpec } from '../../_shared/formatters';
+import { type InkTone } from '../Eyebrow/Eyebrow';
+export type StatSize = 'md' | 'lg' | 'xl';
+export declare function clampPercent(value: unknown): number;
+export interface StatProps {
+    value: ReactNode | ValueSpec;
+    label?: ReactNode;
+    size?: StatSize;
+    tone?: InkTone | string;
+    progress?: number;
+    progressLabel?: string;
+    autoStepDown?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Stat({ value, label, size, tone, progress, progressLabel, autoStepDown, className, style, }: StatProps): ReactElement;
+export interface StatGroupProps {
+    children?: ReactNode;
+    minColumnWidth?: number;
+    maxColumns?: number;
+    gap?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function StatGroup({ children, minColumnWidth, maxColumns, gap, className, style }: StatGroupProps): ReactElement;

package/types/core/display/StatStrip/StatStrip.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, ReactElement } from 'react';
+import { type FormattableValue } from '../../_shared/formatters';
+import { type Tone } from '../_shared/tone';
+export interface StatStripProps {
+    label: string;
+    value: FormattableValue;
+    fillPercent?: number;
+    subtitle?: FormattableValue;
+    tone?: Tone | string;
+    accentColor?: string;
+    accent?: string;
+    caption?: FormattableValue;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function StatStrip({ label, value, fillPercent, subtitle, tone, accentColor, accent, caption, className, style }: StatStripProps): ReactElement;

package/types/core/display/_shared/Reveal.d.ts

@@ -0,0 +1,13 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type RevealDirection = 'up' | 'left' | 'right' | 'none';
+export interface RevealProps {
+    direction?: RevealDirection;
+    delay?: number;
+    duration?: number;
+    threshold?: number;
+    once?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+export declare function Reveal({ direction, delay, duration, threshold, once, className, style, children }: RevealProps): import("react").JSX.Element;

package/types/core/display/_shared/ValueBadge.d.ts

@@ -0,0 +1,8 @@
+import { type FormattableValue } from '../../_shared/formatters';
+import { type Tone } from './tone';
+export interface ValueBadgeProps {
+    text: FormattableValue;
+    tone?: Tone | string;
+    className?: string;
+}
+export declare function ValueBadge({ text, tone, className }: ValueBadgeProps): import("react").JSX.Element;

package/types/core/display/_shared/tone.d.ts

@@ -0,0 +1,4 @@
+export type Tone = 'neutral' | 'strong' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+export declare const TONES: ReadonlyArray<Tone>;
+export declare function toneOf(value: unknown, fallback?: Tone): Tone;
+export declare const isToneAlias: (value: unknown) => boolean;

package/types/core/document/AnswerRows/AnswerRows.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactElement } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export declare const ANSWER_COLUMN_PX = 190;
+export interface AnswerRowItem {
+    reference?: string;
+    question: string;
+    answer?: string;
+}
+export interface AnswerRowsProps {
+    items: ReadonlyArray<AnswerRowItem>;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    missingLabel?: string;
+    answerWidth?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function AnswerRows({ items, profileId, profile, missingLabel, answerWidth, className, style, }: AnswerRowsProps): ReactElement | null;

package/types/core/document/Aside/Aside.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export type AsideTone = 'note' | 'tip' | 'warning' | 'important';
+export interface AsideProps {
+    children?: ReactNode;
+    tone?: AsideTone;
+    title?: ReactNode;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Aside({ children, tone, title, profileId, profile, className, style }: AsideProps): ReactElement;

package/types/core/document/ComparisonBars/ComparisonBars.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties, ReactElement } from 'react';
+import { type FormattableValue } from '../../_shared/formatters';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface ComparisonBar {
+    label: string;
+    value: number;
+    display: FormattableValue;
+}
+export interface ComparisonBarsProps {
+    bars: ReadonlyArray<ComparisonBar>;
+    target?: number;
+    targetLabel?: string;
+    max?: number;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ComparisonBars({ bars, target, targetLabel, max, profileId, profile, className, style }: ComparisonBarsProps): ReactElement | null;

package/types/core/document/Contents/Contents.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties, ReactElement } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface ContentsEntry {
+    id: string;
+    title: string;
+    level: number;
+    ordinal?: ReadonlyArray<number>;
+    page?: number;
+}
+export interface ContentsProps {
+    entries: ReadonlyArray<ContentsEntry>;
+    depth?: number;
+    title?: string;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Contents({ entries, depth, title, profileId, profile, className, style }: ContentsProps): ReactElement | null;

package/types/core/document/Definition/Definition.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface DefinitionPair {
+    term: ReactNode;
+    description: ReactNode;
+}
+export interface DefinitionProps {
+    term?: ReactNode;
+    description?: ReactNode;
+    pairs?: DefinitionPair[];
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Definition({ term, description, pairs, profileId, profile, className, style }: DefinitionProps): ReactElement;

package/types/core/document/DocumentBlocks/DocumentBlocks.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties, ReactElement } from 'react';
+import type { Block } from '../_shared/blocks';
+import type { SectionReference } from '../_shared/host';
+import { type ProfileId } from '../_shared/profile';
+export interface DocumentBlocksProps {
+    blocks: ReadonlyArray<Block>;
+    profileId?: ProfileId;
+    sectionNumbers?: Readonly<Record<string, ReadonlyArray<number>>>;
+    sectionAnchors?: Readonly<Record<string, string>>;
+    sectionTitles?: Readonly<Record<string, string>>;
+    sectionReferences?: Readonly<Record<string, SectionReference>>;
+    sectionOrdinal?: ReadonlyArray<number>;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function DocumentBlocks({ blocks, profileId, sectionNumbers, sectionAnchors, sectionTitles, sectionReferences, sectionOrdinal, className, style, }: DocumentBlocksProps): ReactElement | null;
+export default DocumentBlocks;

package/types/core/document/DocumentLabel/DocumentLabel.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties, ElementType, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface DocumentLabelProps {
+    children: ReactNode;
+    as?: ElementType;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    tone?: 'subtle' | 'accent';
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function DocumentLabel({ children, as: As, profileId, profile, tone, className, style }: DocumentLabelProps): ReactElement;

package/types/core/document/DocumentSection/DocumentSection.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import type { Block } from '../_shared/blocks';
+import type { SectionReference } from '../_shared/host';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface DocumentSectionProps {
+    sectionId: string;
+    title: string;
+    level?: number;
+    ordinal?: ReadonlyArray<number>;
+    sectionNumbers?: Readonly<Record<string, ReadonlyArray<number>>>;
+    sectionAnchors?: Readonly<Record<string, string>>;
+    sectionTitles?: Readonly<Record<string, string>>;
+    sectionReferences?: Readonly<Record<string, SectionReference>>;
+    sectionLevels?: Readonly<Record<string, number>>;
+    continued?: boolean;
+    continuedCount?: {
+        from: number;
+        to: number;
+        of: number;
+    };
+    children?: ReactNode;
+    blocks?: ReadonlyArray<Block>;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function DocumentSection({ sectionId, title, level: levelProp, ordinal: ordinalProp, sectionNumbers, sectionAnchors, sectionTitles, sectionReferences, sectionLevels, continued, continuedCount, children, blocks, profileId, profile, className, style, }: DocumentSectionProps): ReactElement;

package/types/core/document/DocumentShell/DocumentShell.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface DocumentShellProps {
+    children?: ReactNode;
+    rail?: ReactNode;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function DocumentShell({ children, rail, profileId, profile, className, style }: DocumentShellProps): ReactElement;

package/types/core/document/DocumentTable/DocumentTable.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface DocumentTableColumn {
+    header: ReactNode;
+    align?: 'left' | 'right' | 'center';
+}
+export interface DocumentTableProps {
+    columns: ReadonlyArray<DocumentTableColumn>;
+    rows: ReadonlyArray<ReadonlyArray<ReactNode>>;
+    caption?: ReactNode;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function DocumentTable({ columns, rows, caption, profileId, profile, className, style }: DocumentTableProps): ReactElement | null;
+export default DocumentTable;

package/types/core/document/ExecutionBlock/ExecutionBlock.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface ExecutionSignatory {
+    name?: string;
+    role?: string;
+    detail?: string;
+    dated?: boolean;
+}
+export interface ExecutionBlockProps {
+    attestation?: ReactNode;
+    label?: string;
+    signatories: ReadonlyArray<ExecutionSignatory>;
+    columns?: 1 | 2;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    note?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ExecutionBlock({ attestation, label, signatories, columns, note, profileId, profile, className, style }: ExecutionBlockProps): ReactElement;
+export default ExecutionBlock;

package/types/core/document/Figure/Figure.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface FigureProps {
+    children?: ReactNode;
+    caption?: ReactNode;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Figure({ children, caption, profileId, profile, className, style }: FigureProps): ReactElement;

package/types/core/document/Footnote/Footnote.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from 'react';
+export interface FootnoteProps {
+    children: ReactNode;
+}
+export declare function Footnote({ children }: FootnoteProps): import("react").JSX.Element | null;

package/types/core/document/Masthead/Masthead.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import { type DocumentProfile, type ProfileId } from '../_shared/profile';
+export interface MastheadProps {
+    mark?: ReactNode;
+    identity?: ReactNode;
+    codes?: ReactNode;
+    profileId?: ProfileId;
+    profile?: DocumentProfile;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Masthead({ mark, identity, codes, profileId, profile, className, style }: MastheadProps): ReactElement | null;