@swiftbrowser/react 0.0.0-stage → 0.5.0

package/dist/inspector.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `.inspector(isPresented:)`: in a regular width an `inspector` element, the
+ * view and a trailing `inspectorpanel` the renderer slides in and out; in a
+ * compact width a sheet with the inspector's content.
+ */
+import type { ReactNode } from 'react';
+import type { InspectorModifier } from './modifiers';
+export declare function Inspector({ isPresented, content, columnWidth, children }: InspectorModifier & {
+    children?: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=inspector.d.ts.map

package/dist/inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../src/inspector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGrD,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAgBlI"}

package/dist/island.d.ts

@@ -0,0 +1,25 @@
+/**
+ * `SwiftUIView`: a SwiftUI tree inside a react-dom app. The element carries
+ * the device's design tokens (the `device` class, without its frame) and the
+ * renderer draws the tree in it. `fit="fill"` draws in the box the page
+ * gives it (give it a height); `fit="content"` makes the island as tall as
+ * its content. Navigation stacks and tab views fill the box, so they want
+ * `fill`.
+ */
+import type { AssetCatalog } from '@swiftbrowser/web/src/assets';
+import type { ColorScheme, DynamicTypeSize } from '@swiftbrowser/web/src/protocol';
+import { type CSSProperties, type Context, type ReactNode } from 'react';
+export interface SwiftUIViewProps {
+    children?: ReactNode;
+    fit?: 'fill' | 'content';
+    colorScheme?: ColorScheme;
+    dynamicTypeSize?: DynamicTypeSize;
+    /** Contexts of the page the SwiftUI tree reads (this package's own are not needed). */
+    contexts?: readonly Context<unknown>[];
+    /** The asset catalog manifest for `Image(name:)` and catalog colors (see `mount`). */
+    assets?: AssetCatalog;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function SwiftUIView({ children, fit, colorScheme, dynamicTypeSize, contexts, assets, className, style, }: SwiftUIViewProps): ReactNode;
+//# sourceMappingURL=island.d.ts.map

package/dist/island.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"island.d.ts","sourceRoot":"","sources":["../src/island.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEnF,OAAO,EAA2B,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlG,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,SAAS,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IACvC,sFAAsF;IACtF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAID,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAY,EACZ,WAAqB,EACrB,eAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,GAAG,SAAS,CA2C9B"}

package/dist/lazy.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Lazy rows (docs/ops-protocol.md, "Lazy rows"): inside a `List`,
+ * `LazyVStack` or `LazyHStack`, a `ForEach` of more rows than a batch mounts
+ * the first batch and a `lazyspacer`; the page reports the spacer when it
+ * nears the visible area (`lazy`), and the next batch mounts, with a new
+ * spacer after it.
+ */
+import { type ReactElement, type ReactNode } from 'react';
+export declare const LAZY_BATCH = 12;
+export declare const LazyContext: import("react").Context<"vertical" | "horizontal" | null>;
+export interface LazyGroupProps {
+    rows: ReactElement[];
+    /** Set by a list: the group's first row's index among the container's children. */
+    start?: number;
+    /** Set by a list: wraps each row (selection tags) given its index among the container's children. */
+    wrap?: (row: ReactElement, containerIndex: number) => ReactNode;
+}
+export declare function LazyGroup({ rows, start, wrap }: LazyGroupProps): ReactNode;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../src/lazy.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAiF,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzI,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,eAAO,MAAM,WAAW,2DAAwD,CAAC;AAEjF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qGAAqG;IACrG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,KAAK,SAAS,CAAC;CACjE;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAS,EAAE,IAAI,EAAE,EAAE,cAAc,GAAG,SAAS,CAsB9E"}

package/dist/lifecycle.d.ts

@@ -0,0 +1,11 @@
+/** `.task` and `.onChange(of:)`, as components the modifiers place beside the view. */
+export declare function Task({ id, action }: {
+    id: unknown;
+    action: (signal: AbortSignal) => unknown;
+}): null;
+export declare function OnChange({ value, action, initial, }: {
+    value: unknown;
+    action: (oldValue: unknown, newValue: unknown) => void;
+    initial?: boolean;
+}): null;
+//# sourceMappingURL=lifecycle.d.ts.map

package/dist/lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../src/lifecycle.tsx"],"names":[],"mappings":"AAAA,uFAAuF;AAIvF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,EAAE,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;CAAE,GAAG,IAAI,CAcpG;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAcP"}

package/dist/modifiers.d.ts

@@ -0,0 +1,379 @@
+/**
+ * View modifiers as props. Every component accepts them, and applies them in
+ * the order they are written, innermost first, exactly like a SwiftUI
+ * modifier chain reads: `<Text padding background="red" />` is
+ * `Text().padding().background(.red)`. Each modifier that changes layout or
+ * style wraps the view in a `styled` element, as the Swift shim does; the
+ * environment ones wrap it in a context; the navigation and presentation ones
+ * attach preferences and hoisted elements beside it.
+ */
+import type { Animation, ButtonStyle, EdgeInsets, FixedSize, FontWeight, FrameAlignment, ImageScale, PickerStyle, Style, TextAlignment, ToolbarPlacement, Transition } from '@swiftbrowser/web/src/protocol';
+import { type ReactElement, type ReactNode } from 'react';
+import type { BindingValue } from './binding';
+import { type ControlSize } from './environment';
+import { type ContentMarginsValue, type ScrollEdgeEffectHiddenValue, type ScrollEdgeEffectStyleValue } from './scrollEnvironment';
+import { type ScrollTransitionClosure, type ScrollTransitionSpec, type VisualEffectClosure } from './visualEffect';
+import { type KeyEquivalent, type KeyboardShortcut, type OnKeyPressModifier, type SensoryFeedback, type SymbolEffectModifier } from './pointer';
+import { type AlertModifier, type DetentValue, type SheetModifier } from './presentation';
+import { type ColorValue, type UnitPointValue, type FontValue, type FrameValue, type PaddingValue, type StyleValue } from './values';
+/** A shape component carries its protocol kind; `RoundedRectangle` reads the radius from its props. */
+export interface ShapeSpec {
+    kind: string;
+    cornerRadius: number | null;
+}
+/** `.background(style, in: shape)` */
+export interface BackgroundInShape {
+    fill: StyleValue;
+    in: ReactElement;
+}
+export type BackgroundValue = StyleValue | BackgroundInShape | ReactElement;
+export interface SearchableModifier {
+    text: BindingValue<string>;
+    onChange?: (text: string) => void;
+    prompt?: string;
+}
+/** `DragGesture.Value`: the renderer's drag event, in the element's own coordinates. */
+export interface DragValue {
+    translation: {
+        width: number;
+        height: number;
+    };
+    location: {
+        x: number;
+        y: number;
+    };
+    startLocation: {
+        x: number;
+        y: number;
+    };
+    velocity: {
+        width: number;
+        height: number;
+    };
+}
+export interface DragGestureModifier {
+    minimumDistance?: number;
+    onChanged?: (value: DragValue) => void;
+    onEnded?: (value: DragValue) => void;
+}
+export interface SwipeActionsModifier {
+    edge?: 'leading' | 'trailing';
+    allowsFullSwipe?: boolean;
+    /** The actions: `Button`s (a `tint` colors one, a `destructive` role makes it red). */
+    children: ReactNode;
+}
+export type ToolbarItemPlacementName = 'automatic' | 'topBarLeading' | 'topBarTrailing' | 'navigationBarLeading' | 'navigationBarTrailing' | 'cancellationAction' | 'confirmationAction' | 'destructiveAction' | 'primaryAction' | 'navigation' | 'principal' | 'bottomBar';
+export declare function toolbarPlacement(name: ToolbarItemPlacementName | undefined): ToolbarPlacement;
+export interface ViewModifiers {
+    padding?: PaddingValue;
+    font?: FontValue;
+    fontWeight?: FontWeight;
+    bold?: boolean;
+    foregroundStyle?: StyleValue;
+    background?: BackgroundValue;
+    overlay?: ReactElement | {
+        content: ReactElement;
+        alignment?: FrameAlignment;
+    };
+    frame?: FrameValue;
+    cornerRadius?: number;
+    clipShape?: ReactElement;
+    clipped?: boolean;
+    opacity?: number;
+    disabled?: boolean;
+    hidden?: boolean;
+    layoutPriority?: number;
+    /** A count, `null` to lift a limit, or a range `[min, max]` (`.lineLimit(2...4)`; `max` null for `2...`). */
+    lineLimit?: number | null | readonly [number, number | null];
+    multilineTextAlignment?: TextAlignment;
+    fixedSize?: boolean | FixedSize;
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    /** Degrees, clockwise; `{ degrees, anchor }` turns around another point. */
+    rotationEffect?: number | {
+        degrees: number;
+        anchor?: UnitPointValue;
+    };
+    scaleEffect?: number | {
+        x: number;
+        y: number;
+        anchor?: UnitPointValue;
+    };
+    shadow?: {
+        color?: ColorValue;
+        radius: number;
+        x?: number;
+        y?: number;
+    };
+    tint?: ColorValue;
+    badge?: string | number | null;
+    listRowInsets?: EdgeInsets;
+    imageScale?: ImageScale;
+    transition?: Transition;
+    /** `.animation(_:value:)`: animate this subtree's changes whenever `value` changes. */
+    animation?: {
+        animation?: Animation;
+        value: unknown;
+    };
+    gridColumnAlignment?: 'leading' | 'center' | 'trailing';
+    gridCellColumns?: number;
+    buttonStyle?: ButtonStyle | 'borderless';
+    controlSize?: ControlSize;
+    pickerStyle?: PickerStyle;
+    labelsHidden?: boolean;
+    navigationTitle?: string;
+    navigationBarTitleDisplayMode?: 'automatic' | 'inline' | 'large';
+    /** `ToolbarItem` elements. */
+    toolbar?: ReactNode;
+    searchable?: SearchableModifier;
+    navigationDestination?: (value: never) => ReactNode;
+    sheet?: SheetModifier;
+    fullScreenCover?: SheetModifier;
+    alert?: AlertModifier;
+    confirmationDialog?: AlertModifier;
+    presentationDetents?: DetentValue[];
+    onTapGesture?: () => void;
+    /** `.gesture(DragGesture().onChanged { }.onEnded { })` */
+    dragGesture?: DragGestureModifier;
+    /** `.onLongPressGesture { }` */
+    onLongPressGesture?: (() => void) | {
+        minimumDuration?: number;
+        action: () => void;
+    };
+    /** `.contextMenu { items }`: a long press or right click opens the items. */
+    contextMenu?: ReactNode;
+    /** `.swipeActions(edge:allowsFullSwipe:) { buttons }`, on a list row. */
+    swipeActions?: SwipeActionsModifier | SwipeActionsModifier[];
+    onAppear?: () => void;
+    onDisappear?: () => void;
+    /** `.tag(_:)`: read by `Picker` options and `TabView` tabs. */
+    tag?: unknown;
+    /** Extra modifiers in order, for one that must apply twice (`.padding().background().padding()`). */
+    modifiers?: ViewModifiers[];
+    /** `.aspectRatio(_:contentMode:)`: a ratio (width / height), or `{ ratio, contentMode }`; `ratio: null` keeps the view's own. */
+    aspectRatio?: number | {
+        ratio?: number | null;
+        contentMode?: 'fit' | 'fill';
+    };
+    scaledToFit?: boolean;
+    scaledToFill?: boolean;
+    blur?: number;
+    brightness?: number;
+    contrast?: number;
+    saturation?: number;
+    grayscale?: number;
+    /** Degrees. */
+    hueRotation?: number;
+    colorInvert?: boolean;
+    colorMultiply?: ColorValue;
+    /** A CSS `mix-blend-mode` name (`multiply`, `screen`, `overlay`…), as `.blendMode` maps them. */
+    blendMode?: string;
+    /** `.mask(_:)` with a style: the view shows through its alpha (a gradient fades it). */
+    mask?: StyleValue;
+    /** `.position(x:y:)` */
+    position?: {
+        x: number;
+        y: number;
+    };
+    zIndex?: number;
+    /** `.allowsHitTesting(false)` lets taps through to what is under the view. */
+    allowsHitTesting?: boolean;
+    /** `.ignoresSafeArea()` (`true`), or the edges. */
+    ignoresSafeArea?: true | ('top' | 'bottom' | 'leading' | 'trailing')[];
+    /** `.rotation3DEffect(_:axis:anchor:perspective:)`, the angle in degrees. */
+    rotation3DEffect?: {
+        angle: number;
+        axis: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        anchor?: UnitPointValue;
+        perspective?: number;
+    };
+    /** `.gridCellAnchor(_:)` */
+    gridCellAnchor?: UnitPointValue;
+    /**
+     * `.alignmentGuide(_:computeValue:)`: moves the view's guide. `value` gets
+     * the view's dimensions; it is sampled at three sizes, so it must be linear
+     * in them (`d.width + 4`, `d.height / 2`, a constant), as the shim requires.
+     */
+    alignmentGuide?: {
+        guide: AlignmentGuideName;
+        value: (d: {
+            width: number;
+            height: number;
+        }) => number;
+    };
+    /** `.preferredColorScheme(_:)`: asks the page for that appearance (`null`: the viewer's). */
+    preferredColorScheme?: 'light' | 'dark' | null;
+    /** `.refreshable { }`: the nearest `List` or `ScrollView` below shows pull to refresh. */
+    refreshable?: () => unknown;
+    /** `.submitLabel(_:)` for the text fields below: `done`, `go`, `send`, `search`, `next`… */
+    submitLabel?: string;
+    /** `.labelStyle(_:)` for the `Label`s below. */
+    labelStyle?: 'automatic' | 'titleAndIcon' | 'titleOnly' | 'iconOnly';
+    /**
+     * `.task { }`: runs when the view appears, cancelled (the signal aborts)
+     * when it disappears. `{ id, action }` restarts it when `id` changes.
+     */
+    task?: ((signal: AbortSignal) => unknown) | {
+        id: unknown;
+        action: (signal: AbortSignal) => unknown;
+    };
+    /** `.onChange(of:initial:) { old, new in }` */
+    onChangeOf?: {
+        value: unknown;
+        action: (oldValue: unknown, newValue: unknown) => void;
+        initial?: boolean;
+    };
+    /** `.id(_:)` inside a `ScrollViewReader`: the target `proxy.scrollTo` scrolls to. */
+    scrollID?: string | number;
+    /** `.draggable(_:)`: a long press or a 10 pt drag lifts the view, carrying `payload`. */
+    draggable?: unknown;
+    /** `.dropDestination(for:)`: takes what is dropped on the view. */
+    dropDestination?: DropDestinationModifier;
+    /** `.inspector(isPresented:)`: a trailing panel in a regular width, a sheet in a compact one. */
+    inspector?: InspectorModifier;
+    /** `.onHover { hovering in }`: a mouse entering and leaving the view. */
+    onHover?: (hovering: boolean) => void;
+    /** `.help(_:)`: a tooltip. */
+    help?: string;
+    /** `.pointerStyle(_:)`: `link`, `text`, `grabIdle`, `grabActive`… or any CSS cursor. */
+    pointerStyle?: string;
+    /** `.symbolEffect(_:options:isActive:)` / `.symbolEffect(_:options:value:)` */
+    symbolEffect?: SymbolEffectModifier;
+    /** `.matchedGeometryEffect(id:in:)`: `namespace` from `useNamespace()`. */
+    matchedGeometryEffect?: {
+        id: string | number;
+        namespace?: string;
+    };
+    /** `.layoutValue(key:value:)`: values a custom `Layout` reads from this subview. */
+    layoutValue?: Record<string, unknown>;
+    /** `.safeAreaInset(edge:spacing:) { content }`: content beside the view, which the view makes room for. */
+    safeAreaInset?: {
+        edge: 'top' | 'bottom' | 'leading' | 'trailing';
+        spacing?: number;
+        alignment?: 'leading' | 'center' | 'trailing' | 'top' | 'bottom';
+        content: ReactNode;
+    };
+    /** `.popover(isPresented:)`: presented as a sheet, as on an iPhone. */
+    popover?: SheetModifier;
+    /** `.redacted(reason: .placeholder)` (`true`) and `.unredacted()` (`false`). */
+    redacted?: boolean;
+    /** `.keyboardShortcut(_:modifiers:)` on a `Button`: the shortcut runs its action. */
+    keyboardShortcut?: KeyboardShortcut | KeyEquivalent;
+    /** `.onKeyPress(keys:action:)` */
+    onKeyPress?: OnKeyPressModifier;
+    /** `.sensoryFeedback(_:trigger:)` */
+    sensoryFeedback?: {
+        feedback: SensoryFeedback;
+        trigger: unknown;
+    };
+    /** `.textCase(_:)` */
+    textCase?: 'uppercase' | 'lowercase' | null;
+    /** `.coordinateSpace(name:)`: readers inside answer `frame({ named })` relative to this view. */
+    coordinateSpace?: string;
+    /**
+     * `.contentTransition(_:)`: how the texts below change in an animated pass
+     * (`numericText` rolls them up, or down when the new number is smaller;
+     * `{ numericText: { countsDown } }` fixes the direction; `opacity` and
+     * `interpolate` crossfade; `identity` swaps).
+     */
+    contentTransition?: 'numericText' | 'opacity' | 'interpolate' | 'identity' | {
+        numericText: {
+            countsDown?: boolean;
+        };
+    };
+    /**
+     * `.scrollEdgeEffectStyle(_:for:)` for the scroll views and lists below
+     * (and this one): `hard`, `soft` or `automatic` on both edges, or
+     * `["hard", "top"]` for some.
+     */
+    scrollEdgeEffectStyle?: ScrollEdgeEffectStyleValue;
+    /** `.scrollEdgeEffectHidden(_:for:)`: `true` for both edges, or `[true, "bottom"]`. */
+    scrollEdgeEffectHidden?: ScrollEdgeEffectHiddenValue;
+    /**
+     * `.contentMargins(_:_:)`: padding inside the scroll views below (and this
+     * one), which their content scrolls under. Takes what `padding` takes.
+     */
+    contentMargins?: ContentMarginsValue;
+    /**
+     * `.containerRelativeFrame(_:)`: the view's size along `axes` follows the
+     * nearest container (the scroll view's visible area, else the screen):
+     * the whole of it, `span` of `count` columns `spacing` apart, or what
+     * `length(containerLength, axis)` answers (a linear function of it).
+     */
+    containerRelativeFrame?: ContainerRelativeFrameValue;
+    /**
+     * `.visualEffect { content, proxy in … }`: effects (offset, scale,
+     * rotation, opacity, blur, color adjustments) computed from the view's
+     * geometry, without changing its layout. `proxy.frame('global')` and
+     * `proxy.bounds('scrollView')` stay current as the page scrolls.
+     */
+    visualEffect?: VisualEffectClosure;
+    /**
+     * `.scrollTransition { content, phase in … }`: effects as the view goes out
+     * of its scroll view's visible area and comes back. A closure, or
+     * `{ transition, configuration, axis }`.
+     */
+    scrollTransition?: ScrollTransitionClosure | ScrollTransitionSpec;
+}
+/** The axes `containerRelativeFrame` sizes. */
+export type ContainerAxes = 'horizontal' | 'vertical' | 'both';
+export type ContainerRelativeFrameValue = ContainerAxes | {
+    axes: ContainerAxes;
+    /** `count:span:spacing:`: `span` of `count` equal columns separated by `spacing`. */
+    count?: number;
+    span?: number;
+    spacing?: number;
+    /** The closure form: the length for a container length (sampled as a linear function). */
+    length?: (containerLength: number, axis: 'horizontal' | 'vertical') => number;
+    alignment?: FrameAlignment;
+};
+/** The `containerRelativeFrame` style hint for a modifier value. */
+export declare function containerRelativeFrame(value: ContainerRelativeFrameValue): NonNullable<Style['containerRelativeFrame']>;
+export type AlignmentGuideName = 'leading' | 'trailing' | 'horizontalCenter' | 'top' | 'bottom' | 'verticalCenter' | 'firstTextBaseline' | 'lastTextBaseline' | 'listRowSeparatorLeading' | 'listRowSeparatorTrailing';
+export interface DropDestinationModifier {
+    /**
+     * Called on a drop: the payloads of an in-app drag (what `draggable` carried),
+     * or the items dragged in from outside the page. Return false to refuse.
+     */
+    action: (items: unknown[], location: {
+        x: number;
+        y: number;
+    }) => boolean | void;
+    /** While a drag is over the view. */
+    isTargeted?: (targeted: boolean) => void;
+    /** The MIME patterns taken from outside the page (`text/plain`, `image/*`…); none by default. */
+    accepts?: string[];
+}
+export interface InspectorModifier {
+    isPresented: BindingValue<boolean>;
+    content: ReactNode;
+    /** `.inspectorColumnWidth(_:)` */
+    columnWidth?: number;
+}
+export type ModifierKey = keyof ViewModifiers;
+export type ModifierEntry = [ModifierKey, unknown];
+/**
+ * Separate a component's own props from the modifiers, keeping the modifiers
+ * in the order they were written (object keys keep insertion order).
+ */
+export declare function splitProps<P extends object>(props: P): {
+    own: Omit<P, ModifierKey>;
+    modifiers: ModifierEntry[];
+};
+/** Remove and return one modifier a component handles itself. */
+export declare function takeModifier<K extends ModifierKey>(modifiers: ModifierEntry[], key: K): ViewModifiers[K] | undefined;
+export declare function styled(style: Style, child: ReactNode): ReactElement;
+export declare function shapeSpecOf(element: ReactElement): ShapeSpec | null;
+/**
+ * Apply `modifiers` to `element`, in order. Styled wrappers nest around the
+ * element; preferences, hoisted elements and lifecycle components come after
+ * it, in a fragment.
+ */
+export declare function applyModifiers(element: ReactNode, modifiers: readonly ModifierEntry[]): ReactNode;
+//# sourceMappingURL=modifiers.d.ts.map

package/dist/modifiers.d.ts.map

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

package/dist/mount.d.ts

@@ -0,0 +1,41 @@
+/**
+ * `mount(screen, element)`: the renderer of @swiftbrowser/web in `screen`
+ * (the root container, element id 0, inside the device frame or full screen)
+ * drawing a SwiftUI root. The page keeps the device chrome (theme, text size)
+ * and tells both sides through `setEnvironment`.
+ */
+import { type ColorScheme, type DynamicTypeSize } from '@swiftbrowser/web/src/protocol';
+import type { AssetCatalog } from '@swiftbrowser/web/src/assets';
+import { Renderer } from '@swiftbrowser/web/src/renderer';
+import type { ReactNode } from 'react';
+import { type SwiftUIRoot } from './host/root';
+export interface MountOptions {
+    colorScheme?: ColorScheme;
+    dynamicTypeSize?: DynamicTypeSize;
+    /** Device mode: the real safe-area insets (frame mode has the iPhone's). */
+    safeArea?: {
+        top: number;
+        leading: number;
+        bottom: number;
+        trailing: number;
+    } | null;
+    /** The root is as tall as its content (an island in a page), not as the screen. */
+    contentHeight?: boolean;
+    /**
+     * The asset catalog manifest `Image(name:)` and catalog colors resolve
+     * against (the `/catalog/<App>.json` the SwiftBrowser build writes, or one
+     * of your own: `{ images: { name: { src, width, height, scale, kind } }, colors: {} }`).
+     */
+    assets?: AssetCatalog;
+}
+export interface Mounted {
+    root: SwiftUIRoot;
+    renderer: Renderer;
+    setEnvironment(environment: {
+        colorScheme?: ColorScheme;
+        dynamicTypeSize?: DynamicTypeSize;
+    }): void;
+    unmount(): void;
+}
+export declare function mount(screen: HTMLElement, element: ReactNode, options?: MountOptions): Mounted;
+//# sourceMappingURL=mount.d.ts.map

package/dist/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA0B,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAChH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACrF,mFAAmF;IACnF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,CAAC,WAAW,EAAE;QAAE,WAAW,CAAC,EAAE,WAAW,CAAC;QAAC,eAAe,CAAC,EAAE,eAAe,CAAA;KAAE,GAAG,IAAI,CAAC;IACpG,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAE,YAAiB,GAAG,OAAO,CAgElG"}

package/dist/navigation-context.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+/** What a `NavigationStack` offers the views inside it. */
+export interface NavigationContextValue {
+    push(value: unknown): void;
+    pop(): void;
+    /** `.navigationDestination(for:)`: how a pushed value becomes a screen. */
+    registerDestination(destination: (value: unknown) => ReactNode): void;
+}
+export declare const NavigationContext: import("react").Context<NavigationContextValue | null>;
+export declare function useNavigation(): NavigationContextValue | null;
+/** Rendered by the `navigationDestination` modifier: registers the builder with the enclosing stack. */
+export declare function RegisterDestination({ destination }: {
+    destination: (value: never) => ReactNode;
+}): null;
+//# sourceMappingURL=navigation-context.d.ts.map

package/dist/navigation-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-context.d.ts","sourceRoot":"","sources":["../src/navigation-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,2DAA2D;AAC3D,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,GAAG,IAAI,IAAI,CAAC;IACZ,2EAA2E;IAC3E,mBAAmB,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,GAAG,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAC;AAEpF,wBAAgB,aAAa,IAAI,sBAAsB,GAAG,IAAI,CAE7D;AAED,wGAAwG;AACxG,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAA;CAAE,GAAG,IAAI,CAIvG"}

package/dist/path.d.ts

@@ -0,0 +1,48 @@
+/**
+ * `Path`: a builder for SVG path data, in SwiftUI's vocabulary. Custom
+ * shapes (`Shape` with a `path` function) and `Canvas` drawing take one.
+ * Points are rounded to hundredths, as the Swift shim rounds them.
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface CGRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare class Path {
+    private readonly parts;
+    private current;
+    private start;
+    constructor(build?: (path: Path) => void);
+    /** `Path(rect)` */
+    static rect(rect: CGRect): Path;
+    /** `Path(roundedRect:cornerRadius:)` */
+    static roundedRect(rect: CGRect, cornerRadius: number): Path;
+    /** `Path(ellipseIn:)` */
+    static ellipse(rect: CGRect): Path;
+    move(to: Point): this;
+    addLine(to: Point): this;
+    addLines(points: readonly Point[]): this;
+    addQuadCurve(to: Point, control: Point): this;
+    addCurve(to: Point, control1: Point, control2: Point): this;
+    /**
+     * `addArc(center:radius:startAngle:endAngle:clockwise:)`, angles in
+     * degrees. As in SwiftUI's flipped coordinates, `clockwise: false` draws
+     * clockwise on screen.
+     */
+    addArc(center: Point, radius: number, startAngle: number, endAngle: number, clockwise: boolean): this;
+    addRect(rect: CGRect): this;
+    addRoundedRect(rect: CGRect, cornerRadius: number): this;
+    addEllipse(rect: CGRect): this;
+    addPath(path: Path): this;
+    closeSubpath(): this;
+    get isEmpty(): boolean;
+    /** The SVG path data. */
+    svg(): string;
+    toString(): string;
+}
+//# sourceMappingURL=path.d.ts.map

package/dist/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../src/path.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,MAAM;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD,qBAAa,IAAI;IACf,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAgB;IACtC,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,KAAK,CAAsB;gBAEvB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAIxC,mBAAmB;IACnB,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAG/B,wCAAwC;IACxC,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAG5D,yBAAyB;IACzB,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIlC,IAAI,CAAC,EAAE,EAAE,KAAK,GAAG,IAAI;IAOrB,OAAO,CAAC,EAAE,EAAE,KAAK,GAAG,IAAI;IAOxB,QAAQ,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,GAAG,IAAI;IAKxC,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,IAAI;IAO7C,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,IAAI;IAO3D;;;;OAIG;IACH,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IA2BrG,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQ3B,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAoBxD,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAY9B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAKzB,YAAY,IAAI,IAAI;IAMpB,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,yBAAyB;IACzB,GAAG,IAAI,MAAM;IAIb,QAAQ,IAAI,MAAM;CAGnB"}