@nxgt/material 3.57.0 → 3.58.0

package/dist/lib/components/ui/dates/date-range-field/partials/preview-calendar-props.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+import { Calendar } from '../../calendar/calendar.js';
+import { useRangePreview } from '../use-range-preview.js';
+type CalendarProps = ComponentProps<typeof Calendar>;
+/**
+ * The calendar props that draw the hover preview: its modifiers merged with
+ * the consumer's, and the day handlers, the consumer's running after the
+ * preview's.
+ */
+export declare function previewCalendarProps(calendarProps: Pick<CalendarProps, 'modifiers' | 'modifiersClassNames' | 'onDayMouseEnter' | 'onDayFocus'>, preview: ReturnType<typeof useRangePreview>): Pick<CalendarProps, 'modifiers' | 'modifiersClassNames' | 'onDayMouseEnter' | 'onDayFocus'>;
+export {};

package/dist/lib/components/ui/dates/date-range-field/partials/use-cancel-range.d.ts

@@ -0,0 +1,6 @@
+import { DateRange } from '../../calendar/calendar.js';
+/**
+ * Cancel: what the picker opened with is put back (nothing changed: no
+ * change to announce), then the picker closes.
+ */
+export declare function useCancelRange(value: DateRange | undefined, onValueChange: ((value?: DateRange) => void) | undefined, onClose: () => void): () => void;

package/dist/lib/components/ui/dates/date-range-field/use-end-on.d.ts

@@ -0,0 +1,12 @@
+import { TypedBounds } from '../picker-trigger/typed-day.js';
+/** `a` is a day earlier than `b`. */
+export declare const dayBefore: (a: Date, b: Date) => boolean;
+/**
+ * The end's segments, read when the start commits: an end refused while it
+ * was before the old start is the range's end once the new start is before
+ * it. `values` is kept current by the caller after each commit.
+ */
+export declare function useEndOn(bounds: TypedBounds): {
+    values: import('react').RefObject<Partial<Record<import('../../primitives/segmented-input/segment-defs.js').SegmentKey, number>>>;
+    endOn: (start?: Date) => Date | undefined;
+};

package/dist/lib/components/ui/dates/date-range-field/use-typed-range.d.ts

@@ -1,5 +1,4 @@
 import { DayPickerProps } from 'react-day-picker';
-import { SegmentValues } from '../../primitives/segmented-input/segment-defs.js';
 import { DateRange } from '../calendar/calendar.js';
 import { TypedBounds } from '../picker-trigger/typed-day.js';
 /**
@@ -25,7 +24,7 @@ export declare function useTypedRange({ value, onValueChange, locale, bounds, }:
     segments: import('../../primitives/segmented-input/segment-defs.js').SegmentDef[];
     start: {
         values: Partial<Record<import('../../primitives/segmented-input/segment-defs.js').SegmentKey, number>>;
-        onValuesChange: (next: SegmentValues) => void;
+        onValuesChange: (next: import('../../primitives/segmented-input/segment-defs.js').SegmentValues) => void;
         onLeave: () => void;
         settled: () => Date | undefined;
         forget: () => void;
@@ -33,7 +32,7 @@ export declare function useTypedRange({ value, onValueChange, locale, bounds, }:
     };
     end: {
         values: Partial<Record<import('../../primitives/segmented-input/segment-defs.js').SegmentKey, number>>;
-        onValuesChange: (next: SegmentValues) => void;
+        onValuesChange: (next: import('../../primitives/segmented-input/segment-defs.js').SegmentValues) => void;
         onLeave: () => void;
         settled: () => Date | undefined;
         forget: () => void;

package/dist/lib/components/ui/dates/mini-month/partials/mini-month-day.d.ts

@@ -12,6 +12,14 @@ export type MiniMonthDayState = {
     tabStop: boolean;
     markers: readonly string[];
 };
+/**
+ * Whether `week[column]` is in the highlighted range, and whether the band
+ * starts or ends there (a week's edge, or a neighbour outside the range).
+ */
+export declare function bandOf(week: readonly Date[], column: number, highlight?: {
+    from: Date;
+    to: Date;
+} | null): MiniMonthDayState['band'];
 export declare function MiniMonthDay({ day, state, locale, compact, disabled, onSelect, onKeyDown, }: {
     day: Date;
     state: MiniMonthDayState;

package/dist/lib/components/ui/dates/mini-month/partials/mini-month-head.d.ts

@@ -0,0 +1,18 @@
+import { Locale } from 'date-fns';
+import { WeekStart } from '../mini-month.utils.js';
+/** The classes of a header cell, the weekday names' and the week numbers'. */
+export declare const headClass: (compact: boolean) => string;
+/** The weekday names row, with an empty cell above the week numbers. */
+export declare function MiniMonthHead({ weeks, locale, showWeekNumbers, className, }: {
+    weeks: readonly (readonly Date[])[];
+    locale: Locale;
+    showWeekNumbers: boolean;
+    className: string;
+}): import("react").JSX.Element;
+/** A row's week number, the row header when the weeks are numbered. */
+export declare function MiniMonthWeekNumber({ first, weekStartsOn, locale, className, }: {
+    first: Date;
+    weekStartsOn: WeekStart;
+    locale: Locale;
+    className: string;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/dates/mini-month/partials/mini-month-markers.d.ts

@@ -0,0 +1,5 @@
+/** The dots under a day's number, one per colour, at most three. */
+export declare function MiniMonthMarkers({ markers, selected, }: {
+    markers: readonly string[];
+    selected: boolean;
+}): import("react").JSX.Element | null;

package/dist/lib/components/ui/dates/mini-month/partials/use-grid-focus.d.ts

@@ -0,0 +1,11 @@
+import { KeyboardEvent } from 'react';
+import { WeekStart } from '../mini-month.utils.js';
+import { MiniMonthModel } from '../use-mini-month.js';
+/**
+ * The grid's focus: after a move that asks for it, the roving day's button
+ * takes the focus, and the arrow, Home, End and Page keys move the day.
+ */
+export declare function useGridFocus(model: MiniMonthModel, weekStartsOn: WeekStart): {
+    ref: import('react').RefObject<HTMLTableElement | null>;
+    onKeyDown: (event: KeyboardEvent<HTMLButtonElement>, day: Date) => void;
+};

package/dist/lib/components/ui/dates/picker-trigger/typed-box-parts.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, RefObject } from 'react';
+/** Text after the segments ("4 nights"). */
+export declare function TypedBoxSuffix({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** The ✕ that empties the field; focus then moves to `first`. */
+export declare function TypedBoxClear({ label, describedBy, onClear, first, }: {
+    label: string;
+    describedBy?: string;
+    onClear: () => void;
+    first: RefObject<HTMLInputElement | null>;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/dates/time-field/partials/use-time-field-model.d.ts

@@ -1,14 +1,23 @@
 import { ReactNode } from 'react';
 import { PickerTriggerAttrs } from '../../picker-trigger/picker-trigger-attrs.js';
-import { FieldNaming } from '../../picker-trigger/use-typed-naming.js';
 /** The ids, names and invalid flag a `TimeField` wires between its parts. */
-export declare function useTimeFieldModel({ naming, helperText, triggerAttrs, invalid, }: {
-    naming: FieldNaming;
+export declare function useTimeFieldModel({ label, placeholder, ariaLabel, ariaLabelledBy, }: {
+    label?: ReactNode;
+    placeholder?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}, { helperText, triggerAttrs, error, ariaInvalid, }: {
     helperText?: ReactNode;
     triggerAttrs: PickerTriggerAttrs;
-    invalid?: boolean;
+    error?: boolean;
+    ariaInvalid?: boolean | 'true' | 'false' | 'grammar' | 'spelling';
 }): {
-    naming: FieldNaming;
+    naming: {
+        label: ReactNode;
+        placeholder: string | undefined;
+        'aria-label': string | undefined;
+        'aria-labelledby': string | undefined;
+    };
     model: {
         frameIds: {
             labelId: string;

package/dist/lib/components/ui/dates/time-picker/partials/time-column.d.ts

@@ -0,0 +1,13 @@
+type Option<T> = {
+    value: T;
+    label: string;
+};
+export declare function TimeColumn<T extends number | string>({ label, options, value, onPick, short, }: {
+    label: string;
+    options: Option<T>[];
+    value?: T;
+    onPick: (value: T) => void;
+    /** A column of two (AM / PM): the user never scrolls it; the chosen option, or the pair, is centred. */
+    short?: boolean;
+}): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/display/cards/cards.stories.data.detail.d.ts

@@ -0,0 +1,9 @@
+export declare function ReceiptDemo(): import("react").JSX.Element;
+export declare function ReviewDemo(): import("react").JSX.Element;
+export declare function OfferDemo(): import("react").JSX.Element;
+export declare function PlaceDemo(): import("react").JSX.Element;
+export declare function FileDemo(): import("react").JSX.Element;
+export declare function StatusDemo(): import("react").JSX.Element;
+export declare function ScoreDemo(): import("react").JSX.Element;
+export declare function ShortcutDemo(): import("react").JSX.Element;
+export declare function ChecklistDemo(): import("react").JSX.Element;

package/dist/lib/components/ui/display/cards/cards.stories.data.feed.d.ts

@@ -0,0 +1,7 @@
+export declare function TimelineDemo(): import("react").JSX.Element;
+export declare function MessageDemo(): import("react").JSX.Element;
+export declare function EventDemo(): import("react").JSX.Element;
+export declare function StackDemo(): import("react").JSX.Element;
+export declare function LinkDemo(): import("react").JSX.Element;
+export declare function AlbumDemo(): import("react").JSX.Element;
+export declare function TagDemo(): import("react").JSX.Element;

package/dist/lib/components/ui/display/cards/cards.stories.data.intro.d.ts

@@ -0,0 +1,11 @@
+export declare function FeatureDemo(): import("react").JSX.Element;
+export declare function MediaDemo(): import("react").JSX.Element;
+export declare function PricingDemo(): import("react").JSX.Element;
+export declare function ProfileDemo(): import("react").JSX.Element;
+export declare function QuoteDemo(): import("react").JSX.Element;
+export declare function OverlayDemo(): import("react").JSX.Element;
+export declare function SpotlightDemo(): import("react").JSX.Element;
+export declare function CrewDemo(): import("react").JSX.Element;
+export declare function SplitDemo(): import("react").JSX.Element;
+export declare function TicketDemo(): import("react").JSX.Element;
+export declare function NoticeDemo(): import("react").JSX.Element;

package/dist/lib/components/ui/display/cards/types-detail.d.ts

@@ -0,0 +1,74 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Card } from '../../primitives/card/card.js';
+import { StatusTone } from '../status-indicator/status-indicator.js';
+export type ReceiptItem = {
+    label: ReactNode;
+    value: ReactNode;
+};
+export type ReceiptCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    meta?: ReactNode;
+    items: ReceiptItem[];
+    total?: ReactNode;
+};
+export type ReviewCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    quote: ReactNode;
+    author: ReactNode;
+    subtitle?: ReactNode;
+    avatar?: ReactNode;
+    rating: number;
+    max?: number;
+};
+export type OfferCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    code: string;
+    description?: ReactNode;
+};
+export type PlaceCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    address: ReactNode;
+    meta?: ReactNode;
+    icon?: ReactNode;
+};
+export type FileCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    name: ReactNode;
+    bytes?: number;
+    size?: ReactNode;
+    meta?: ReactNode;
+    icon?: ReactNode;
+};
+export type StatusCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    status?: ReactNode;
+    tone?: StatusTone;
+    pulse?: boolean;
+};
+export type ScoreSide = {
+    name: ReactNode;
+    score: ReactNode;
+    kicker?: ReactNode;
+};
+export type ScoreCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title?: ReactNode;
+    meta?: ReactNode;
+    home: ScoreSide;
+    away: ScoreSide;
+};
+export type ShortcutItem = {
+    action: ReactNode;
+    keys: string[];
+};
+export type ShortcutCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    items: ShortcutItem[];
+};
+export type ChecklistItem = {
+    label: ReactNode;
+    done?: boolean;
+};
+export type ChecklistCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    items: ChecklistItem[];
+};

package/dist/lib/components/ui/display/cards/types-feed.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Card } from '../../primitives/card/card.js';
+export type TimelineCardItem = {
+    title: ReactNode;
+    meta?: ReactNode;
+};
+export type TimelineCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title?: ReactNode;
+    items: TimelineCardItem[];
+};
+export type MessageCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    name: ReactNode;
+    snippet?: ReactNode;
+    meta?: ReactNode;
+    avatar?: ReactNode;
+    unread?: boolean;
+};
+export type EventCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    day: ReactNode;
+    month: ReactNode;
+    title: ReactNode;
+    location?: ReactNode;
+    actions?: ReactNode;
+};
+export type LinkCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    href: string;
+    host?: ReactNode;
+    description?: ReactNode;
+    media?: ReactNode;
+};
+export type AlbumCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    photos: ReactNode[];
+};
+export type TagCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    tags: ReactNode[];
+};

package/dist/lib/components/ui/display/cards/types-intro.d.ts

@@ -0,0 +1,76 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Card } from '../../primitives/card/card.js';
+export type FeatureCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    actions?: ReactNode;
+};
+export type MediaCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    media?: ReactNode;
+    footer?: ReactNode;
+};
+export type PricingCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    name: ReactNode;
+    price: ReactNode;
+    period?: ReactNode;
+    description?: ReactNode;
+    features?: ReactNode[];
+    actions?: ReactNode;
+    highlighted?: boolean;
+};
+export type ProfileCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    name: ReactNode;
+    subtitle?: ReactNode;
+    meta?: ReactNode;
+    avatar?: ReactNode;
+    actions?: ReactNode;
+};
+export type QuoteCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    quote: ReactNode;
+    author: ReactNode;
+    subtitle?: ReactNode;
+    avatar?: ReactNode;
+};
+export type OverlayCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    media?: ReactNode;
+    eyebrow?: ReactNode;
+    actions?: ReactNode;
+};
+export type SpotlightCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+};
+export type CrewCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    people?: ReactNode;
+    actions?: ReactNode;
+};
+export type SplitCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    kicker?: ReactNode;
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+};
+export type TicketCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    stub?: ReactNode;
+    meta?: ReactNode;
+    actions?: ReactNode;
+};
+export type NoticeCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+};

package/dist/lib/components/ui/display/cards/types.d.ts

@@ -1,187 +1,3 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Card } from '../../primitives/card/card.js';
-import { StatusTone } from '../status-indicator/status-indicator.js';
-export type FeatureCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    eyebrow?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    icon?: ReactNode;
-    actions?: ReactNode;
-};
-export type MediaCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    description?: ReactNode;
-    media?: ReactNode;
-    footer?: ReactNode;
-};
-export type PricingCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    name: ReactNode;
-    price: ReactNode;
-    period?: ReactNode;
-    description?: ReactNode;
-    features?: ReactNode[];
-    actions?: ReactNode;
-    highlighted?: boolean;
-};
-export type ProfileCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    name: ReactNode;
-    subtitle?: ReactNode;
-    meta?: ReactNode;
-    avatar?: ReactNode;
-    actions?: ReactNode;
-};
-export type QuoteCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    quote: ReactNode;
-    author: ReactNode;
-    subtitle?: ReactNode;
-    avatar?: ReactNode;
-};
-export type OverlayCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    description?: ReactNode;
-    media?: ReactNode;
-    eyebrow?: ReactNode;
-    actions?: ReactNode;
-};
-export type SpotlightCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    eyebrow?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    icon?: ReactNode;
-};
-export type CrewCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    description?: ReactNode;
-    people?: ReactNode;
-    actions?: ReactNode;
-};
-export type SplitCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    kicker?: ReactNode;
-    icon?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    actions?: ReactNode;
-};
-export type TicketCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    description?: ReactNode;
-    stub?: ReactNode;
-    meta?: ReactNode;
-    actions?: ReactNode;
-};
-export type NoticeCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    eyebrow?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    actions?: ReactNode;
-};
-export type TimelineCardItem = {
-    title: ReactNode;
-    meta?: ReactNode;
-};
-export type TimelineCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title?: ReactNode;
-    items: TimelineCardItem[];
-};
-export type MessageCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    name: ReactNode;
-    snippet?: ReactNode;
-    meta?: ReactNode;
-    avatar?: ReactNode;
-    unread?: boolean;
-};
-export type EventCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    day: ReactNode;
-    month: ReactNode;
-    title: ReactNode;
-    location?: ReactNode;
-    actions?: ReactNode;
-};
-export type LinkCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    href: string;
-    host?: ReactNode;
-    description?: ReactNode;
-    media?: ReactNode;
-};
-export type AlbumCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    description?: ReactNode;
-    photos: ReactNode[];
-};
-export type TagCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    description?: ReactNode;
-    tags: ReactNode[];
-};
-export type ReceiptItem = {
-    label: ReactNode;
-    value: ReactNode;
-};
-export type ReceiptCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    meta?: ReactNode;
-    items: ReceiptItem[];
-    total?: ReactNode;
-};
-export type ReviewCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    quote: ReactNode;
-    author: ReactNode;
-    subtitle?: ReactNode;
-    avatar?: ReactNode;
-    rating: number;
-    max?: number;
-};
-export type OfferCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    eyebrow?: ReactNode;
-    title: ReactNode;
-    code: string;
-    description?: ReactNode;
-};
-export type PlaceCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    address: ReactNode;
-    meta?: ReactNode;
-    icon?: ReactNode;
-};
-export type FileCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    name: ReactNode;
-    bytes?: number;
-    size?: ReactNode;
-    meta?: ReactNode;
-    icon?: ReactNode;
-};
-export type StatusCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    description?: ReactNode;
-    status?: ReactNode;
-    tone?: StatusTone;
-    pulse?: boolean;
-};
-export type ScoreSide = {
-    name: ReactNode;
-    score: ReactNode;
-    kicker?: ReactNode;
-};
-export type ScoreCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title?: ReactNode;
-    meta?: ReactNode;
-    home: ScoreSide;
-    away: ScoreSide;
-};
-export type ShortcutItem = {
-    action: ReactNode;
-    keys: string[];
-};
-export type ShortcutCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    items: ShortcutItem[];
-};
-export type ChecklistItem = {
-    label: ReactNode;
-    done?: boolean;
-};
-export type ChecklistCardProps = Omit<ComponentProps<typeof Card>, 'title'> & {
-    title: ReactNode;
-    items: ChecklistItem[];
-};
+export * from './types-detail.js';
+export * from './types-feed.js';
+export * from './types-intro.js';

package/dist/lib/components/ui/display/code/code-block-parts.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+/** The bar over the code: the file name, the language and the copy button. */
+export declare function CodeBlockHeader({ filename, label, code, }: {
+    filename: ReactNode;
+    label: string;
+    code: string;
+}): import("react").JSX.Element;
+/** The scrollable code: the line numbers beside the highlighted lines. */
+export declare function CodeBlockBody({ lines, marked, maxHeight, showLineNumbers, }: {
+    /** The highlighted HTML of each line. */
+    lines: string[];
+    /** The 1-based numbers of the lines to mark. */
+    marked: Set<number>;
+    maxHeight: number | string | undefined;
+    showLineNumbers: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/display/enrolment-secret/enrolment-secret-manual.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { EnrolmentSecretLabels } from './use-enrolment-secret-labels.js';
+/** The column beside the QR code: the app link, the manual line and the copyable secret. */
+export declare function EnrolmentSecretManual({ uri, secret, copyIcon, labels, }: {
+    uri: string;
+    secret: string;
+    copyIcon: ReactNode;
+    labels: EnrolmentSecretLabels;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/display/entity-header/partials/entity-header-start.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { IconButtonProps } from '../../../actions/icon-button/icon-button.js';
+import { EntityHeaderBody } from './entity-header-body.js';
+/** The band's start: the leading control or the icon badge, then the title and the facts. */
+export declare function EntityHeaderStart({ row, leading, hasLeading, icon, variant, color, body, }: {
+    row: boolean;
+    leading: ReactNode;
+    hasLeading: boolean;
+    icon: ReactNode;
+    body: Parameters<typeof EntityHeaderBody>[0] | undefined;
+} & Pick<IconButtonProps, 'variant' | 'color'>): import("react").JSX.Element;

package/dist/lib/components/ui/display/event-chip/event-chip-content.d.ts

@@ -0,0 +1,12 @@
+/** What a chip says: the title and its time, on one line when `compact`. */
+export declare function EventChipContent({ title, time, when, allDay, compact, tight, solid, }: {
+    title: string;
+    /** The start time alone, shown before the title when compact. */
+    time: string | undefined;
+    /** The time range, shown under the title. */
+    when: string | undefined;
+    allDay: boolean;
+    compact: boolean;
+    tight: boolean;
+    solid: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/display/param-table/param-table-views.d.ts

@@ -0,0 +1,19 @@
+import { ParamTableRow } from './param-table.js';
+/** The column heads and the `required` tag, translated. */
+export type ParamTableLabels = {
+    name: string;
+    type: string;
+    fallbackDefault: string;
+    description: string;
+    required: string;
+};
+/** The table from `sm` up: one row per parameter. */
+export declare function ParamTableWide({ params, labels, }: {
+    params: ParamTableRow[];
+    labels: ParamTableLabels;
+}): import("react").JSX.Element;
+/** The cards under `sm`: one per parameter, only the facts it has. */
+export declare function ParamTableCards({ params, labels, }: {
+    params: ParamTableRow[];
+    labels: ParamTableLabels;
+}): import("react").JSX.Element;