@swiftbrowser/react 0.0.0-stage → 0.5.0

package/dist/components/canvas.d.ts

@@ -0,0 +1,138 @@
+/**
+ * `Canvas`: a `GeometryReader` whose content, at the reported size, is a
+ * `canvas` element. The renderer function draws into a `GraphicsContext`
+ * that records commands, as Sources/SwiftUI/API/Canvas.swift does; the page
+ * draws them as SVG.
+ */
+import type { CanvasCommand, CanvasFilter } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+import type { Path, Point } from '../path';
+import { type ColorValue, type FontValue, type StyleValue, type UnitPointValue } from '../values';
+type Matrix = [number, number, number, number, number, number];
+/** A shading in the drawing's coordinates: a style, or a gradient between two points. */
+export type Shading = StyleValue | {
+    linearGradient: {
+        colors?: ColorValue[];
+        stops?: {
+            color: ColorValue;
+            location: number;
+        }[];
+        start: Point;
+        end: Point;
+    };
+} | {
+    radialGradient: {
+        colors?: ColorValue[];
+        stops?: {
+            color: ColorValue;
+            location: number;
+        }[];
+        center: Point;
+        startRadius: number;
+        endRadius: number;
+    };
+};
+export interface StrokeOptions {
+    lineWidth?: number;
+    lineCap?: 'butt' | 'round' | 'square';
+    lineJoin?: 'miter' | 'round' | 'bevel';
+    miterLimit?: number;
+    dash?: number[];
+    dashPhase?: number;
+}
+/** What a canvas image is: a symbol, a catalog image, or a remote image of a known size. */
+export type CanvasImage = {
+    systemName: string;
+} | {
+    name: string;
+} | {
+    url: string;
+    width: number;
+    height: number;
+};
+/** A view passed in `Canvas`'s `symbols`, resolved by its id. */
+export interface ResolvedSymbol {
+    symbol: string;
+}
+/** Where a symbol was drawn: the point (the context's transform applied) and the look at that moment. */
+export interface SymbolDraw {
+    id: string;
+    x: number;
+    y: number;
+    rotation: number;
+    scale: {
+        x: number;
+        y: number;
+    };
+    opacity: number;
+}
+/** `GraphicsContext`: what `Canvas`'s renderer draws with. Methods return the context for chaining. */
+export declare class GraphicsContext {
+    readonly size: {
+        width: number;
+        height: number;
+    };
+    readonly commands: CanvasCommand[];
+    readonly symbolDraws: SymbolDraw[];
+    private symbolIds;
+    /** @internal The ids `symbols` gave the canvas. */
+    setSymbols(ids: Iterable<string>): void;
+    /** `resolveSymbol(id:)`: the view the canvas was given under `id`, or null. */
+    resolveSymbol(id: string): ResolvedSymbol | null;
+    /**
+     * `draw(symbol, at:)`: the symbol's view centered on the point. Symbols are
+     * views laid over the drawing, so they draw above its other commands.
+     */
+    drawSymbol(symbol: ResolvedSymbol, at: Point): this;
+    private state;
+    constructor(size: {
+        width: number;
+        height: number;
+    });
+    get opacity(): number;
+    set opacity(value: number);
+    get blendMode(): string | undefined;
+    set blendMode(value: string | undefined);
+    translateBy(x: number, y: number): this;
+    scaleBy(x: number, y?: number): this;
+    /** Degrees, clockwise on screen. */
+    rotate(degrees: number): this;
+    concatenate(matrix: Matrix): this;
+    clip(to: Path): this;
+    addFilter(filter: CanvasFilter): this;
+    /** `drawLayer { }`: draws with a copy of the state, restored after. */
+    drawLayer(body: (context: GraphicsContext) => void): this;
+    fill(path: Path, with_: Shading, options?: {
+        eoFill?: boolean;
+    }): this;
+    stroke(path: Path, with_: Shading, options?: StrokeOptions | number): this;
+    /** `draw(Text(...), at:anchor:)` */
+    drawText(text: string, at: Point, options?: {
+        anchor?: UnitPointValue;
+        font?: FontValue;
+        color?: StyleValue;
+    }): this;
+    /** `draw(Image(...), at:anchor:)` or `draw(_:in:)` with `size`. */
+    drawImage(image: CanvasImage, at: Point, options?: {
+        anchor?: UnitPointValue;
+        size?: {
+            width: number;
+            height: number;
+        };
+        color?: StyleValue;
+    }): this;
+    private push;
+}
+export interface CanvasProps extends ViewModifiers {
+    /** `Canvas { context, size in }` */
+    renderer: (context: GraphicsContext, size: {
+        width: number;
+        height: number;
+    }) => void;
+    /** `Canvas(renderer:symbols:)`: views the renderer draws by id (`resolveSymbol`, `drawSymbol`). */
+    symbols?: Record<string, ReactNode>;
+}
+export declare function Canvas(props: CanvasProps): ReactNode;
+export {};
+//# sourceMappingURL=canvas.d.ts.map

package/dist/components/canvas.d.ts.map

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

package/dist/components/charts.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Swift Charts: `Chart` with bar, line, area, point and rule marks. The
+ * marks are declarations; `Chart` reads them, builds the scales (bands for
+ * categories, "nice" numeric domains, calendar strides for dates), turns
+ * every value into the protocol's unit coordinates and emits one `chart`
+ * element with its axes and legend, as Sources/SwiftUI/Charts does.
+ */
+import type { ChartInterpolation, ChartSymbol, FrameAlignment } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+import { type StyleValue } from '../values';
+export type ChartValue = number | Date | string;
+export interface AnnotationSpec {
+    position?: 'top' | 'bottom' | 'leading' | 'trailing' | 'overlay';
+    alignment?: FrameAlignment;
+    spacing?: number;
+    content: ReactNode;
+}
+interface MarkCommon {
+    foregroundStyle?: StyleValue;
+    /** `.foregroundStyle(by:)`: a series name; the palette colors it and the legend lists it. */
+    foregroundStyleBy?: string;
+    opacity?: number;
+    /** `.annotation(position:alignment:spacing:) { }` */
+    annotation?: AnnotationSpec;
+}
+export interface BarMarkProps extends MarkCommon {
+    x: ChartValue;
+    y: ChartValue;
+    /** `yStart:` (0 by default). */
+    yStart?: number;
+    cornerRadius?: number;
+    /** `width: .fixed(points)` */
+    width?: number;
+}
+export interface LineMarkProps extends MarkCommon {
+    x: ChartValue;
+    y: number;
+    series?: string;
+    interpolation?: ChartInterpolation;
+    lineWidth?: number;
+    symbol?: ChartSymbol;
+    symbolSize?: number;
+}
+export interface AreaMarkProps extends MarkCommon {
+    x: ChartValue;
+    y: number;
+    yStart?: number;
+    series?: string;
+    interpolation?: ChartInterpolation;
+}
+export interface PointMarkProps extends MarkCommon {
+    x: ChartValue;
+    y: number;
+    symbol?: ChartSymbol;
+    symbolSize?: number;
+}
+export interface RuleMarkProps extends MarkCommon {
+    /** A vertical rule at `x`, or a horizontal one at `y`. */
+    x?: ChartValue;
+    y?: number;
+    xStart?: ChartValue;
+    xEnd?: ChartValue;
+    yStart?: number;
+    yEnd?: number;
+    lineWidth?: number;
+}
+/** The marks render nothing themselves; `Chart` reads them. */
+export declare function BarMark(_props: BarMarkProps): null;
+export declare function LineMark(_props: LineMarkProps): null;
+export declare function AreaMark(_props: AreaMarkProps): null;
+export declare function PointMark(_props: PointMarkProps): null;
+export declare function RuleMark(_props: RuleMarkProps): null;
+export interface ChartProps extends ViewModifiers {
+    /** `.chartXAxis(.hidden)` is `null`; the position otherwise. */
+    xAxis?: 'bottom' | 'top' | null;
+    yAxis?: 'trailing' | 'leading' | null;
+    /** `.chartLegend`: the position, or `null` to hide it. Shown at the top when a series exists. */
+    legend?: 'top' | 'bottom' | 'leading' | 'trailing' | null;
+    /** `.chartXScale(domain:)`: numbers, dates or the categories in order. */
+    xScale?: {
+        domain?: readonly [ChartValue, ChartValue] | readonly string[];
+    };
+    /** `.chartYScale(domain:)`; `includesZero` is true by default, as in Swift Charts. */
+    yScale?: {
+        domain?: readonly [number, number];
+        includesZero?: boolean;
+    };
+    children?: ReactNode;
+}
+/** Steps of 1, 2, 2.5, 5 × 10ᵏ, the one nearest `span / (desired − 1)`. */
+export declare function niceStep(span: number, desired?: number): number;
+/** Calendar ticks in UTC, with the stride that gives at most `desired + 1` intervals. */
+export declare function timeTicks(min: number, max: number, desired?: number): {
+    ticks: number[];
+    format: (ms: number) => string;
+};
+export declare function Chart(props: ChartProps): ReactNode;
+export {};
+//# sourceMappingURL=charts.d.ts.map

package/dist/components/charts.d.ts.map

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

package/dist/components/containers.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Gauges, `ViewThatFits`, lazy stacks, and the composite containers the
+ * shim builds from other views: `ContentUnavailableView`, `GroupBox`,
+ * `ControlGroup`, `DisclosureGroup`.
+ */
+import type { GaugeStyle, HStackAlignment, VStackAlignment } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+export interface GaugeProps extends ViewModifiers {
+    value: number;
+    /** `in: 0...1` */
+    range?: readonly [number, number];
+    label?: ReactNode;
+    currentValueLabel?: ReactNode;
+    gaugeStyle?: Exclude<GaugeStyle, 'progress'>;
+}
+/** `Gauge(value:in:) { label } currentValueLabel: { }` */
+export declare function Gauge(props: GaugeProps): ReactNode;
+export interface ViewThatFitsProps extends ViewModifiers {
+    /** The axes a candidate must fit on (`in:`); both by default. */
+    axes?: 'horizontal' | 'vertical' | 'both';
+    /** The candidates, preferred first. */
+    children?: ReactNode;
+}
+/** `ViewThatFits`: the first child whose ideal size fits, else the last. */
+export declare function ViewThatFits(props: ViewThatFitsProps): ReactNode;
+export interface LazyVStackProps extends ViewModifiers {
+    alignment?: VStackAlignment;
+    spacing?: number | null;
+    /** `.scrollTargetLayout()`: the children are the scroll view's snap points. */
+    scrollTargetLayout?: boolean;
+    children?: ReactNode;
+}
+/** `LazyVStack`: a `VStack` whose long `ForEach`es build their rows as they scroll into view. */
+export declare function LazyVStack(props: LazyVStackProps): ReactNode;
+export interface LazyHStackProps extends ViewModifiers {
+    alignment?: HStackAlignment;
+    spacing?: number | null;
+    scrollTargetLayout?: boolean;
+    children?: ReactNode;
+}
+export declare function LazyHStack(props: LazyHStackProps): ReactNode;
+export interface ContentUnavailableViewProps extends ViewModifiers {
+    title: ReactNode;
+    systemImage?: string;
+    /** A string or a view. */
+    description?: ReactNode;
+    actions?: ReactNode;
+}
+/** `ContentUnavailableView(_:systemImage:description:)`: the empty state iOS shows, filling its space. */
+export declare function ContentUnavailableView(props: ContentUnavailableViewProps): ReactNode;
+export declare namespace ContentUnavailableView {
+    var search: (text?: string) => ReactNode;
+}
+export interface GroupBoxProps extends ViewModifiers {
+    label?: ReactNode;
+    children?: ReactNode;
+}
+/** `GroupBox`: the label (headline) over the content, in a padded rounded box. */
+export declare function GroupBox(props: GroupBoxProps): ReactNode;
+/** `ControlGroup`: its controls, flowing in the enclosing stack (or items of their own in a menu). Its label is not drawn. */
+export declare function ControlGroup(props: {
+    label?: ReactNode;
+    children?: ReactNode;
+} & ViewModifiers): ReactNode;
+export interface DisclosureGroupProps extends ViewModifiers {
+    label: ReactNode;
+    isExpanded?: BindingValue<boolean>;
+    onExpandedChange?: (expanded: boolean) => void;
+    children?: ReactNode;
+}
+/**
+ * `DisclosureGroup`: a row with the label and a chevron that turns down as
+ * the content opens below it, animated.
+ */
+export declare function DisclosureGroup(props: DisclosureGroupProps): ReactNode;
+//# sourceMappingURL=containers.d.ts.map

package/dist/components/containers.d.ts.map

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

package/dist/components/controls.d.ts

@@ -0,0 +1,106 @@
+import type { TextFieldStyle } from '@swiftbrowser/web/src/protocol';
+import { type ReactElement, type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ToolbarItemPlacementName, type ViewModifiers } from '../modifiers';
+export interface ButtonProps extends ViewModifiers {
+    title?: string;
+    role?: 'destructive' | 'cancel';
+    action?: () => void;
+    /** The label, when there is no `title`. */
+    children?: ReactNode;
+}
+export declare function Button(props: ButtonProps): ReactNode;
+export interface ToggleProps extends ViewModifiers {
+    isOn: BindingValue<boolean>;
+    onChange?: (isOn: boolean) => void;
+    title?: string;
+    children?: ReactNode;
+}
+export declare function Toggle(props: ToggleProps): ReactNode;
+export interface PickerOption<T> {
+    label: string;
+    tag: T;
+}
+export interface PickerProps<T> extends ViewModifiers {
+    label: string;
+    selection: BindingValue<T>;
+    onChange?: (value: T) => void;
+    /** The options, or `<Text tag={…}>` children (a `Text` without a tag is tagged with its string). */
+    options?: readonly (T | PickerOption<T>)[];
+    children?: ReactNode;
+}
+export declare function Picker<T>(props: PickerProps<T>): ReactNode;
+/** The string of a `<Text>` element (other elements read as their title, else ""). */
+export declare function plainText(element: ReactElement): string;
+export interface SliderProps extends ViewModifiers {
+    value: BindingValue<number>;
+    onChange?: (value: number) => void;
+    /** `in: 0...1` */
+    range?: readonly [number, number];
+    step?: number;
+    label?: ReactNode;
+    minimumValueLabel?: ReactNode;
+    maximumValueLabel?: ReactNode;
+}
+export declare function Slider(props: SliderProps): ReactNode;
+export interface StepperProps extends ViewModifiers {
+    value: BindingValue<number>;
+    onChange?: (value: number) => void;
+    /** `in: 1...10` */
+    range?: readonly [number, number];
+    step?: number;
+    title?: string;
+    children?: ReactNode;
+}
+export declare function Stepper(props: StepperProps): ReactNode;
+export interface TextFieldProps extends ViewModifiers {
+    /** The placeholder (SwiftUI's title). */
+    placeholder?: string;
+    text: BindingValue<string>;
+    onChange?: (text: string) => void;
+    onSubmit?: () => void;
+    textFieldStyle?: TextFieldStyle;
+    secure?: boolean;
+    axis?: 'vertical';
+    /** `.focused($isFocused)`: the field takes the focus while true, and sets it as the viewer focuses or leaves it. */
+    focused?: BindingValue<boolean>;
+}
+export declare function TextField(props: TextFieldProps): ReactNode;
+export declare function SecureField(props: Omit<TextFieldProps, 'secure'>): ReactNode;
+export interface ProgressViewProps extends ViewModifiers {
+    /** Determinate progress (`value / total`); absent: the spinning indicator. */
+    value?: number;
+    total?: number;
+    label?: ReactNode;
+    currentValueLabel?: ReactNode;
+    /** The label, as children. */
+    children?: ReactNode;
+}
+export declare function ProgressView(props: ProgressViewProps): ReactNode;
+export interface ToolbarItemProps {
+    placement?: ToolbarItemPlacementName;
+    children?: ReactNode;
+}
+/** `ToolbarItem(placement:) { }`, inside a `toolbar` modifier. */
+export declare function ToolbarItem(props: ToolbarItemProps): ReactNode;
+export declare const ToolbarItemGroup: typeof ToolbarItem;
+export type DatePickerComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
+export interface DatePickerProps extends ViewModifiers {
+    label?: string;
+    selection: BindingValue<Date>;
+    onChange?: (date: Date) => void;
+    /** `displayedComponents:`; `date` by default. */
+    displayedComponents?: DatePickerComponents;
+    /** `in:` bounds. */
+    range?: readonly [Date | null, Date | null];
+}
+/** `DatePicker("Date", selection:)`: the compact style, with the browser's native pickers. */
+export declare function DatePicker(props: DatePickerProps): ReactNode;
+export interface TextEditorProps extends ViewModifiers {
+    text: BindingValue<string>;
+    onChange?: (text: string) => void;
+    focused?: BindingValue<boolean>;
+}
+/** `TextEditor(text:)`: a multi-line field filling its proposal. */
+export declare function TextEditor(props: TextEditorProps): ReactNode;
+//# sourceMappingURL=controls.d.ts.map

package/dist/components/controls.d.ts.map

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

package/dist/components/geometry.d.ts

@@ -0,0 +1,161 @@
+/**
+ * `GeometryReader` and custom `Layout`: both are round trips with the
+ * renderer. The engine lays the element out and reports what it found (a
+ * `geometry` event with the size, a `layout` event with the children's
+ * measurements); the component answers by rendering again.
+ */
+import type { GeometryEvent, LayoutChildMeasurement } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+import { type UnitPointValue } from '../values';
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface Rect extends Size {
+    x: number;
+    y: number;
+}
+/** A reader's safe-area insets, every edge given. */
+export interface SafeAreaInsets {
+    top: number;
+    leading: number;
+    bottom: number;
+    trailing: number;
+}
+/** `GeometryProxy`: what the reader's content is told. */
+export interface GeometryProxy {
+    size: Size;
+    /**
+     * The reader's frame: in its own space (`local`, the default), on the
+     * root's screen (`global`), or relative to an enclosing view marked
+     * `coordinateSpace="name"` (`{ named: 'name' }`), scrolling included, kept
+     * current as the views around it scroll.
+     */
+    frame(space?: 'local' | 'global' | {
+        named: string;
+    }): Rect;
+    /**
+     * `bounds(of: .scrollView)`: the visible part of the scroll view (or list)
+     * the reader is in, in the reader's own coordinates; null outside one.
+     */
+    bounds(of: 'scrollView'): Rect | null;
+    /** How far the device's safe area (the status bar, the home indicator) reaches into the reader. */
+    safeAreaInsets: SafeAreaInsets;
+}
+export interface GeometryReaderProps extends ViewModifiers {
+    children: (proxy: GeometryProxy) => ReactNode;
+}
+/** What the page last reported about a reader. */
+export interface ReportedGeometry {
+    size: Size;
+    origin: {
+        x: number;
+        y: number;
+    } | null;
+    safeArea: SafeAreaInsets;
+    /** The enclosing scroll view's visible rectangle on screen, and its axis. */
+    scrollView: (Rect & {
+        axis: 'horizontal' | 'vertical';
+    }) | null;
+}
+export declare const NO_GEOMETRY: ReportedGeometry;
+/** The reader's record after a `geometry` event. */
+export declare function nextGeometry(event: GeometryEvent, reported: ReportedGeometry): ReportedGeometry;
+/**
+ * The proxy over a reader's record. `onReadFrame` is called when the content
+ * reads anything that needs the reader's place on screen.
+ */
+export declare function geometryProxy(reported: ReportedGeometry, spaces: Readonly<Record<string, {
+    x: number;
+    y: number;
+} | null>>, onReadFrame: () => void): GeometryProxy;
+/**
+ * `GeometryReader { proxy in }`: fills its proposal and reports its size.
+ * The content renders with a zero size first and again with the real one in
+ * the same event cycle, before the page paints. A content that reads the
+ * global frame, the scroll view's bounds or the safe-area insets asks the
+ * page for them from then on.
+ */
+export declare function GeometryReader(props: GeometryReaderProps): ReactNode;
+/** A proposal axis: points, `Infinity`, or `null` (unspecified). */
+export interface LayoutProposal {
+    width: number | null;
+    height: number | null;
+}
+export interface LayoutSubview {
+    /** The engine's answers for a zero, unspecified and infinite proposal. */
+    min: Size;
+    ideal: Size;
+    max: Size;
+    /** `.layoutPriority` of the subview (0 by default). */
+    priority: number;
+    /** `.layoutValue(key:value:)`s of the subview (`subview[Key.self]`). */
+    values: Readonly<Record<string, unknown>>;
+    /** `ViewSpacing`: the space the subview wants beside another, iOS's default 8 between views. */
+    spacing: ViewSpacing;
+    /** The size for a proposal: `ideal` on an unspecified axis, else clamped to min…max. */
+    sizeThatFits(proposal: LayoutProposal): Size;
+    /** Place the subview: `at` is the point `anchor` (default top leading) lands on, in the layout's bounds. */
+    place(options: {
+        x: number;
+        y: number;
+        anchor?: UnitPointValue;
+        proposal?: LayoutProposal;
+    }): void;
+}
+/** `ViewSpacing`: what a subview wants between itself and a neighbor. */
+export interface ViewSpacing {
+    /** `distance(to:along:)`: the space between this subview and `next` on an axis. */
+    distance(next: ViewSpacing, axis: 'horizontal' | 'vertical'): number;
+}
+/** iOS's default space between two views, the renderer's stack spacing when none is given. */
+export declare const DEFAULT_VIEW_SPACING: ViewSpacing;
+export type LayoutGuide = 'leading' | 'horizontalCenter' | 'trailing' | 'top' | 'verticalCenter' | 'bottom' | 'firstTextBaseline' | 'lastTextBaseline';
+/** SwiftUI's `Layout` protocol: the two methods, an optional cache shared by them, and explicit alignment guides. */
+export interface CustomLayout<Cache = unknown> {
+    sizeThatFits(proposal: LayoutProposal, subviews: readonly LayoutSubview[], cache: Cache): Size;
+    placeSubviews(bounds: Rect, proposal: LayoutProposal, subviews: readonly LayoutSubview[], cache: Cache): void;
+    /** `makeCache(subviews:)`: computed once for the subviews, before sizing and placing. */
+    makeCache?(subviews: readonly LayoutSubview[]): Cache;
+    /**
+     * `explicitAlignment(of:in:proposal:subviews:cache:)`: where the layout
+     * puts a guide, in its bounds (null: the guide's default). A stack, frame
+     * or overlay aligning the layout by that guide uses it.
+     */
+    explicitAlignment?(guide: LayoutGuide, bounds: Rect, proposal: LayoutProposal, subviews: readonly LayoutSubview[], cache: Cache): number | null;
+    /** `spacing(subviews:cache:)`: accepted; the engine spaces the layout like any view (8 by default). */
+    spacing?(subviews: readonly LayoutSubview[], cache: Cache): ViewSpacing;
+}
+/** What `Layout` reads from each subview's element besides the engine's measurements. */
+export interface SubviewTraits {
+    priority: number;
+    values: Record<string, unknown>;
+}
+export interface LayoutProps<Cache = unknown> extends ViewModifiers {
+    layout: CustomLayout<Cache>;
+    children?: ReactNode;
+}
+interface LayoutRecord {
+    proposal: LayoutProposal;
+    children: LayoutChildMeasurement[];
+}
+/** Run the layout for a record: the size, the frames and the min/ideal/max sizes. */
+export declare function answerLayout<Cache>(layout: CustomLayout<Cache>, record: LayoutRecord, traits?: readonly SubviewTraits[]): {
+    size: Size;
+    frames: Rect[];
+    sizes: {
+        min: Size;
+        ideal: Size;
+        max: Size;
+    };
+    guides: Partial<Record<LayoutGuide, number>>;
+};
+/**
+ * `Layout`: a custom layout the engine asks for sizes and frames. Until the
+ * first answer the element fills its proposal; then it answers from the
+ * layout's own `sizeThatFits` and `placeSubviews`.
+ */
+export declare function Layout<Cache = unknown>(props: LayoutProps<Cache>): ReactNode;
+export {};
+//# sourceMappingURL=geometry.d.ts.map

package/dist/components/geometry.d.ts.map

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

package/dist/components/host.d.ts

@@ -0,0 +1,24 @@
+/**
+ * `Host`: ordinary React DOM inside a SwiftUI tree. The children render in a
+ * react-dom root of their own, inside a `host` element the layout engine
+ * sizes (docs/ops-protocol.md, "Host elements"): by its content, like text,
+ * or filling its proposal. The DOM content sees this package's contexts
+ * (`useDismiss`, `useNavigation`, the environment) and any it names.
+ */
+import { type CSSProperties, type Context, type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+export interface HostProps extends ViewModifiers {
+    /**
+     * `content` (the default): the box is as wide as the content wants, at most
+     * the proposed width, and as tall as the content at that width. `fill`:
+     * the box takes the proposal (combine with `frame`); the content fills it.
+     */
+    sizing?: 'fill' | 'content';
+    /** Contexts of the SwiftUI tree the DOM content reads (this package's own always cross). */
+    contexts?: readonly Context<unknown>[];
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function Host(props: HostProps): ReactNode;
+//# sourceMappingURL=host.d.ts.map

package/dist/components/host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.d.ts","sourceRoot":"","sources":["../../src/components/host.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAuD,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9H,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE9E,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,SAAS,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CA8DhD"}