@swiftbrowser/react 0.0.0-stage → 0.5.0

package/dist/components/images.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+export interface AsyncImageProps extends ViewModifiers {
+    url: string;
+    /** `.resizable()` on the loaded image. */
+    resizable?: boolean;
+    /** Shown until the image loaded (nothing by default). */
+    placeholder?: ReactNode;
+    /** Shown when the image failed to load (the placeholder by default). */
+    failure?: ReactNode;
+}
+/**
+ * `AsyncImage(url:)`: the page loads the image to learn its size (the
+ * engine lays a remote image out by its pixel size, as the Swift core does
+ * after its `image` request), then shows it.
+ */
+export declare function AsyncImage(props: AsyncImageProps): ReactNode;
+//# sourceMappingURL=images.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/components/images.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE9E,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,GAAG,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAUD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CAgC5D"}

package/dist/components/lists.d.ts

@@ -0,0 +1,26 @@
+import type { ListStyle } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+/** A selection: one value (or `null`), or a `Set` of values. */
+export type Selection<T> = T | null | Set<T>;
+export interface ListProps<T = unknown> extends ViewModifiers {
+    listStyle?: ListStyle;
+    /** Edit mode (`EditButton`). */
+    editing?: BindingValue<boolean>;
+    /** `List(selection:)`: rows with a `tag` (or a `NavigationLink` value) become selectable; a `Set` selects several. */
+    selection?: BindingValue<Set<T>> | BindingValue<T | null>;
+    onSelectionChange?: (selection: Selection<T>) => void;
+    children?: ReactNode;
+}
+export declare function List<T = unknown>(props: ListProps<T>): ReactNode;
+/** `Form { }`: an inset grouped list, as the shim draws it. */
+export declare function Form(props: Omit<ListProps, 'listStyle' | 'selection' | 'onSelectionChange'>): ReactNode;
+export interface SectionProps extends ViewModifiers {
+    /** A string or a `<Text>` becomes the section's header text; any other view is a view header. */
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+export declare function Section(props: SectionProps): ReactNode;
+//# sourceMappingURL=lists.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lists.d.ts","sourceRoot":"","sources":["../../src/components/lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAiD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,EAA4C,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAW5F,gEAAgE;AAChE,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAE7C,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,aAAa;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gCAAgC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAChC,sHAAsH;IACtH,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC1D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CA4ChE;AAED,+DAA+D;AAC/D,wBAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,GAAG,mBAAmB,CAAC,GAAG,SAAS,CAEvG;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,iGAAiG;IACjG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAStD"}

package/dist/components/media.d.ts

@@ -0,0 +1,105 @@
+/** `TimelineView` and `VideoPlayer` with `useAVPlayer`. */
+import type { RendererEvent } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+export type TimelineSchedule = 'animation' | 'everyMinute' | {
+    animation: {
+        minimumInterval?: number;
+        paused?: boolean;
+    };
+} | {
+    periodic: {
+        from?: Date;
+        by: number;
+    };
+};
+export interface TimelineViewProps {
+    schedule: TimelineSchedule;
+    children: (context: {
+        date: Date;
+    }) => ReactNode;
+}
+/** `TimelineView(.periodic(from:by:)) { context in }`: the content renders again at each date of the schedule. */
+export declare function TimelineView({ schedule, children }: TimelineViewProps): ReactNode;
+type VideoEvent = Extract<RendererEvent, {
+    type: 'video';
+}>;
+interface PlayerState {
+    url: string | null;
+    rate: number;
+    muted: boolean;
+    volume: number;
+    loop: boolean;
+    seek: {
+        time: number;
+        serial: number;
+    };
+    duration: number | null;
+    size: {
+        width: number;
+        height: number;
+    } | null;
+    status: 'playing' | 'waiting' | 'paused';
+    failed: string | null;
+}
+/**
+ * `AVPlayer`: what plays, the rate, mute and volume, seeks. A view showing
+ * it re-renders when those change; the position (`currentTime`, several
+ * reports a second) re-renders nothing: read it or listen with `onTime`.
+ */
+export declare class AVPlayer {
+    private state;
+    private listeners;
+    private timeListeners;
+    private time;
+    private serial;
+    constructor(url?: string | null, options?: {
+        loop?: boolean;
+    });
+    get url(): string | null;
+    get rate(): number;
+    get isPlaying(): boolean;
+    get isMuted(): boolean;
+    get volume(): number;
+    get duration(): number | null;
+    get presentationSize(): {
+        width: number;
+        height: number;
+    } | null;
+    get timeControlStatus(): PlayerState['status'];
+    get error(): string | null;
+    get currentTime(): number;
+    /** @internal */
+    get snapshot(): PlayerState;
+    play(): void;
+    pause(): void;
+    seek(time: number): void;
+    replaceCurrentItem(url: string | null): void;
+    set isMuted(muted: boolean);
+    set volume(volume: number);
+    set rate(rate: number);
+    set loop(loop: boolean);
+    subscribe: (listener: () => void) => (() => void);
+    /** `addPeriodicTimeObserver`: told the position as the page reports it. */
+    onTime(listener: (time: number) => void): () => void;
+    /** @internal The page's report for a view showing this player. */
+    handle(event: VideoEvent): void;
+    private update;
+}
+/** A player kept for the component's life, re-rendering it when what it plays changes. */
+export declare function useAVPlayer(url?: string | null, options?: {
+    loop?: boolean;
+}): AVPlayer;
+export interface VideoPlayerProps extends ViewModifiers {
+    player: AVPlayer | null;
+    /** `videoGravity`: fit (default), fill, or stretch. */
+    gravity?: 'resizeAspect' | 'resizeAspectFill' | 'resize';
+    /** The browser's native controls; true by default, as `VideoPlayer` shows them. */
+    controls?: boolean;
+    /** `VideoPlayer(player:) { videoOverlay }`: drawn over the video. */
+    videoOverlay?: ReactNode;
+}
+/** `VideoPlayer(player:)`: the page's `<video>` showing the player, or black without one. */
+export declare function VideoPlayer(props: VideoPlayerProps): ReactNode;
+export {};
+//# sourceMappingURL=media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/components/media.tsx"],"names":[],"mappings":"AAAA,2DAA2D;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAA+D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpG,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAM9E,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,aAAa,GACb;IAAE,SAAS,EAAE;QAAE,eAAe,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,GAC7D;IAAE,QAAQ,EAAE;QAAE,IAAI,CAAC,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;CAClD;AAED,kHAAkH;AAClH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAgDjF;AAMD,KAAK,UAAU,GAAG,OAAO,CAAC,aAAa,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC/C,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACzC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;GAIG;AACH,qBAAa,QAAQ;IACnB,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,MAAM,CAAK;gBAEP,GAAG,GAAE,MAAM,GAAG,IAAW,EAAE,OAAO,GAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAO;IAevE,IAAI,GAAG,IAAI,MAAM,GAAG,IAAI,CAEvB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,QAAQ,IAAI,MAAM,GAAG,IAAI,CAE5B;IACD,IAAI,gBAAgB,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAE/D;IACD,IAAI,iBAAiB,IAAI,WAAW,CAAC,QAAQ,CAAC,CAE7C;IACD,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IACD,IAAI,WAAW,IAAI,MAAM,CAExB;IACD,gBAAgB;IAChB,IAAI,QAAQ,IAAI,WAAW,CAE1B;IAED,IAAI,IAAI,IAAI;IAGZ,KAAK,IAAI,IAAI;IAGb,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIxB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAI5C,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IACD,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAExB;IACD,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAEpB;IACD,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAErB;IAED,SAAS,GAAI,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAG9C;IAEF,2EAA2E;IAC3E,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;IAKpD,kEAAkE;IAClE,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAsC/B,OAAO,CAAC,MAAM;CAIf;AAED,0FAA0F;AAC1F,wBAAgB,WAAW,CAAC,GAAG,GAAE,MAAM,GAAG,IAAW,EAAE,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,QAAQ,CASjG;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,GAAG,kBAAkB,GAAG,QAAQ,CAAC;IACzD,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CA8B9D"}

package/dist/components/menus.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+export interface MenuProps extends ViewModifiers {
+    /** The label: a title, or any view. */
+    title?: string;
+    label?: ReactNode;
+    /** The items: buttons, pickers, dividers, sections, texts, nested menus. */
+    children?: ReactNode;
+}
+/** `Menu("Sort") { … }`: the label opens a popover of the items. */
+export declare function Menu(props: MenuProps): ReactNode;
+export interface EditButtonProps extends ViewModifiers {
+    /** The list's edit mode (`List editing={…}`). */
+    editMode: BindingValue<boolean>;
+    onChange?: (editing: boolean) => void;
+}
+/** `EditButton()`: "Edit" / "Done", flipping the edit mode it is given. */
+export declare function EditButton(props: EditButtonProps): ReactNode;
+//# sourceMappingURL=menus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menus.d.ts","sourceRoot":"","sources":["../../src/components/menus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAI9E,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAUhD;AAED,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,iDAAiD;IACjD,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,2EAA2E;AAC3E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CAI5D"}

package/dist/components/navigation.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+export interface NavigationStackProps extends ViewModifiers {
+    /** `NavigationStack(path:)`: the pushed values. */
+    path?: BindingValue<readonly unknown[]>;
+    onPathChange?: (path: readonly unknown[]) => void;
+    /** `.navigationDestination(for:)`, for every pushed value. */
+    destination?: (value: never) => ReactNode;
+    children?: ReactNode;
+}
+export declare function NavigationStack(props: NavigationStackProps): ReactNode;
+export interface NavigationLinkProps extends ViewModifiers {
+    title?: string;
+    /** The value to push (`navigationDestination` builds the screen). */
+    value?: unknown;
+    /** The screen to push. */
+    destination?: ReactNode;
+    children?: ReactNode;
+}
+export declare function NavigationLink(props: NavigationLinkProps): ReactNode;
+//# sourceMappingURL=navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/components/navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAG5D,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAI9E,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,mDAAmD;IACnD,IAAI,CAAC,EAAE,YAAY,CAAC,SAAS,OAAO,EAAE,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,OAAO,EAAE,KAAK,IAAI,CAAC;IAClD,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAUD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,CAMtE;AA0DD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAUpE"}

package/dist/components/row.d.ts

@@ -0,0 +1,34 @@
+/**
+ * List rows that can be selected or deleted are wrapped in a `listrow`
+ * (docs/ops-protocol.md, "Edit mode and list selection"). `ForEach`'s
+ * `onDelete` and a `List`'s `selection` both end in this component; a row
+ * that is neither selectable nor deletable renders bare.
+ */
+import { type ReactNode } from 'react';
+export interface ListSelection {
+    isSelected(tag: unknown): boolean;
+    select(tag: unknown): void;
+    editing: boolean;
+}
+export declare const ListSelectionContext: import("react").Context<ListSelection | null>;
+export interface RowProps {
+    /** The row's tag (`.tag`, a `NavigationLink` value or a `ForEach` id). */
+    tag?: unknown;
+    /** `ForEach` with `onDelete`: what a swipe or the edit-mode minus does. */
+    onDelete?: () => void;
+    deletable?: boolean;
+    /**
+     * `ForEach` with `onMove`: called with the destination offset in the
+     * `ForEach`'s data (as `move(fromOffsets:toOffset:)` takes it) when the
+     * row was dragged to a new place.
+     */
+    onMove?: (to: number) => void;
+    movable?: boolean;
+    /** The row's offset in its `ForEach`. */
+    index?: number;
+    /** The row's index among its container's children (set by `List` / `Section`), for mapping `move`. */
+    containerIndex?: number;
+    children?: ReactNode;
+}
+export declare function Row({ tag, onDelete, deletable, onMove, movable, index, containerIndex, children }: RowProps): ReactNode;
+//# sourceMappingURL=row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/components/row.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC;IAClC,MAAM,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,+CAA4C,CAAC;AAE9E,MAAM,WAAW,QAAQ;IACvB,0EAA0E;IAC1E,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sGAAsG;IACtG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,QAAQ,GAAG,SAAS,CA4BvH"}

package/dist/components/shapes.d.ts

@@ -0,0 +1,107 @@
+import { type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+import { Path, type CGRect } from '../path';
+import { ColorValues, type ColorValue, type StyleValue } from '../values';
+export interface StrokeSpec {
+    style?: StyleValue;
+    lineWidth?: number;
+    dash?: number[];
+    dashPhase?: number;
+    lineCap?: 'butt' | 'round' | 'square';
+    lineJoin?: 'miter' | 'round' | 'bevel';
+    miterLimit?: number;
+}
+export type StrokeValue = StyleValue | StrokeSpec;
+export interface ShapeProps extends ViewModifiers {
+    /** `.fill(_:)`; without a fill or stroke the shape draws in the foreground color. */
+    fill?: StyleValue;
+    /** `.stroke(_:lineWidth:)` */
+    stroke?: StrokeValue;
+    /** `.strokeBorder(_:style:)`: the stroke inside the bounds. */
+    strokeBorder?: StrokeValue;
+    trim?: {
+        from: number;
+        to: number;
+    };
+}
+export declare function Rectangle(props: ShapeProps): ReactNode;
+export declare namespace Rectangle {
+    var shape: {
+        kind: string;
+        cornerRadius: number;
+    };
+}
+export interface RoundedRectangleProps extends ShapeProps {
+    cornerRadius: number;
+}
+export declare function RoundedRectangle(props: RoundedRectangleProps): ReactNode;
+export declare namespace RoundedRectangle {
+    var shape: {
+        kind: string;
+        cornerRadius: null;
+    };
+}
+export declare function Circle(props: ShapeProps): ReactNode;
+export declare namespace Circle {
+    var shape: {
+        kind: string;
+        cornerRadius: number;
+    };
+}
+export declare function Capsule(props: ShapeProps): ReactNode;
+export declare namespace Capsule {
+    var shape: {
+        kind: string;
+        cornerRadius: number;
+    };
+}
+export declare function Ellipse(props: ShapeProps): ReactNode;
+export declare namespace Ellipse {
+    var shape: {
+        kind: string;
+        cornerRadius: number;
+    };
+}
+export interface ContainerRelativeShapeProps extends ShapeProps {
+    /** The container's corner radius (a widget's, a card's). */
+    cornerRadius?: number;
+}
+/** `ContainerRelativeShape`: a rounded rectangle with its container's corners. */
+export declare function ContainerRelativeShape(props: ContainerRelativeShapeProps): ReactNode;
+export declare namespace ContainerRelativeShape {
+    var shape: {
+        kind: string;
+        cornerRadius: null;
+    };
+}
+export interface CustomShapeProps extends Omit<ShapeProps, 'trim'> {
+    /** `path(in:)`: the shape's path for a rectangle of the size it is laid out at. */
+    path: (rect: CGRect) => Path;
+    /** `FillStyle(eoFill: true)` */
+    evenOdd?: boolean;
+}
+/**
+ * A custom `Shape`: the element reports its laid-out size, and the shape
+ * draws `path(in:)` for that size, as the Swift shim does.
+ */
+export declare function Shape(props: CustomShapeProps): ReactNode;
+export interface UnevenRoundedRectangleProps extends ShapeProps {
+    topLeadingRadius?: number;
+    bottomLeadingRadius?: number;
+    bottomTrailingRadius?: number;
+    topTrailingRadius?: number;
+}
+/** `UnevenRoundedRectangle`: a custom shape with a radius per corner. */
+export declare function UnevenRoundedRectangle(props: UnevenRoundedRectangleProps): ReactNode;
+export interface ColorViewProps extends ViewModifiers {
+    color: ColorValue;
+}
+/** `Color.red` as a view: a box of the color that fills its proposal. */
+declare function ColorView(props: ColorViewProps): ReactNode;
+/**
+ * `Color`: as a view, `<Color color="red" />`; as values, `Color.red`,
+ * `Color.opacity('black', 0.2)`, `Color.gradient('teal')`, `Color.hex('#336699')`.
+ */
+export declare const Color: typeof ColorView & typeof ColorValues;
+export {};
+//# sourceMappingURL=shapes.d.ts.map

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

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

package/dist/components/split.d.ts

@@ -0,0 +1,25 @@
+/**
+ * `NavigationSplitView`: in a regular width a `navsplit` of two columns (the
+ * sidebar's stack and the detail's), the sidebar toggled by the bar button;
+ * in a compact width one stack rooted at the sidebar that pushes the detail
+ * while the sidebar's list has a selection, as on iOS.
+ */
+import { type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+export type NavigationSplitViewVisibility = 'automatic' | 'all' | 'doubleColumn' | 'detailOnly';
+/** What the sidebar's `List(selection:)` tells its split view: whether something is selected, and how to clear it. */
+export interface SplitSelection {
+    report(selected: boolean, clear: () => void): void;
+}
+export declare const SplitSelectionContext: import("react").Context<SplitSelection | null>;
+export interface NavigationSplitViewProps extends ViewModifiers {
+    sidebar: ReactNode;
+    detail: ReactNode;
+    columnVisibility?: BindingValue<NavigationSplitViewVisibility>;
+    onColumnVisibilityChange?: (visibility: NavigationSplitViewVisibility) => void;
+}
+export declare function NavigationSplitView(props: NavigationSplitViewProps): ReactNode;
+/** Used by `List`: tells the enclosing split view whether the sidebar has a selection. */
+export declare function useReportSplitSelection(split: SplitSelection | null, selected: boolean, clear: () => void): void;
+//# sourceMappingURL=split.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../../src/components/split.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAoE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzG,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI5D,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAI9E,MAAM,MAAM,6BAA6B,GAAG,WAAW,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;AAEhG,sHAAsH;AACtH,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,qBAAqB,gDAA6C,CAAC;AAEhF,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,YAAY,CAAC,6BAA6B,CAAC,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,UAAU,EAAE,6BAA6B,KAAK,IAAI,CAAC;CAChF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,SAAS,CAwC9E;AAoCD,0FAA0F;AAC1F,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI,CAIhH"}

package/dist/components/stacks.d.ts

@@ -0,0 +1,159 @@
+import type { FrameAlignment, GridItem as GridItemProps, GridRowAlignment, HStackAlignment, ScrollAxes, VStackAlignment } from '@swiftbrowser/web/src/protocol';
+import { type Key, type ReactElement, type ReactNode } from 'react';
+import type { EventHandlers } from '../host/instance';
+import { type ModifierEntry, type ViewModifiers } from '../modifiers';
+import { type ScrollSettings } from '../scrollEnvironment';
+export interface VStackProps extends ViewModifiers {
+    alignment?: VStackAlignment;
+    spacing?: number | null;
+    /** `.scrollTargetLayout()`: the children are the enclosing scroll view's snap points. */
+    scrollTargetLayout?: boolean;
+    children?: ReactNode;
+}
+export declare function VStack(props: VStackProps): ReactNode;
+export interface HStackProps extends ViewModifiers {
+    alignment?: HStackAlignment | 'firstTextBaseline' | 'lastTextBaseline';
+    spacing?: number | null;
+    scrollTargetLayout?: boolean;
+    children?: ReactNode;
+}
+export declare function HStack(props: HStackProps): ReactNode;
+export interface ZStackProps extends ViewModifiers {
+    alignment?: FrameAlignment;
+    children?: ReactNode;
+}
+export declare function ZStack(props: ZStackProps): ReactNode;
+export interface SpacerProps extends ViewModifiers {
+    minLength?: number | null;
+}
+export declare function Spacer(props: SpacerProps): ReactNode;
+export declare function Divider(props: ViewModifiers): ReactNode;
+export interface ScrollViewProps extends ViewModifiers {
+    axes?: ScrollAxes;
+    /** `.scrollTargetBehavior(_:)`: snap to the `scrollTargetLayout` children, or a page at a time. */
+    scrollTargetBehavior?: 'viewAligned' | 'paging';
+    /** `.scrollDismissesKeyboard(.immediately)` */
+    scrollDismissesKeyboard?: boolean;
+    children?: ReactNode;
+}
+export declare function ScrollView(props: ScrollViewProps): ReactNode;
+/**
+ * The scroll modifiers written on a `ScrollView` or `List` itself: they apply
+ * to it, and pass on to the scroll views inside as from above.
+ */
+export declare function takeScrollSettings(modifiers: ModifierEntry[]): ScrollSettings;
+/** `children` under the settings a scroll view was given itself (when there are any). */
+export declare function providingScrollSettings(settings: ScrollSettings, children: ReactNode): ReactNode;
+/**
+ * `.refreshable` above a `List` or `ScrollView`: its props (`refreshable`,
+ * `refreshing` while the action runs) and the `refresh` handler.
+ */
+export declare function useRefreshable(own?: () => unknown): {
+    props: Record<string, unknown>;
+    handlers?: EventHandlers;
+};
+export interface GroupProps extends ViewModifiers {
+    children?: ReactNode;
+}
+/** `Group { }`: the modifiers apply to each child. */
+export declare function Group(props: GroupProps): ReactNode;
+export interface ForEachProps<T> extends ViewModifiers {
+    data: readonly T[];
+    /** The identity of each element (`id: \.self` by default, or `.id` when the element has one). */
+    id?: (element: T, index: number) => Key;
+    /** `.onDelete`: the rows become deletable (a swipe, or edit mode's minus); called with the offsets to remove. */
+    onDelete?: (offsets: number[]) => void;
+    /** `.deleteDisabled`, per element. */
+    deleteDisabled?: (element: T, index: number) => boolean;
+    /**
+     * `.onMove`: the rows become movable (a grip in edit mode, a long press
+     * otherwise); called like `move(fromOffsets:toOffset:)`, with the offsets
+     * moved and the offset they go before, counted before the move
+     * (`moveItems` applies it to an array).
+     */
+    onMove?: (offsets: number[], to: number) => void;
+    /** `.moveDisabled`, per element. */
+    moveDisabled?: (element: T, index: number) => boolean;
+    children: (element: T, index: number) => ReactNode;
+}
+/** `Array.move(fromOffsets:toOffset:)`: the array with `offsets` moved before `to` (counted before the move). */
+export declare function moveItems<T>(items: readonly T[], offsets: readonly number[], to: number): T[];
+/** `ForEach(data, id:) { }`: one keyed child per element. */
+export declare function ForEach<T>(props: ForEachProps<T>): ReactNode;
+/**
+ * The elements of `children`, through fragments, arrays and `ForEach`, so
+ * `Picker` and `TabView` can read their options and tabs.
+ */
+export declare function flattenChildren(children: ReactNode, options?: {
+    keepLazy?: boolean;
+}): ReactElement[];
+export interface GridItemSpec {
+    size?: {
+        fixed: number;
+    } | {
+        flexible: {
+            minimum?: number;
+            maximum?: number;
+        };
+    } | {
+        adaptive: {
+            minimum: number;
+            maximum?: number;
+        };
+    };
+    spacing?: number | null;
+    alignment?: FrameAlignment | null;
+}
+/** `GridItem(.flexible(), spacing: 8)`; `GridItem.flexible()` for short. */
+export declare function GridItem(spec?: GridItemSpec): GridItemProps;
+export declare namespace GridItem {
+    var flexible: (options?: {
+        minimum?: number;
+        maximum?: number;
+        spacing?: number;
+        alignment?: FrameAlignment;
+    }) => GridItemProps;
+    var fixed: (value: number, options?: {
+        spacing?: number;
+        alignment?: FrameAlignment;
+    }) => GridItemProps;
+    var adaptive: (options: {
+        minimum: number;
+        maximum?: number;
+        spacing?: number;
+        alignment?: FrameAlignment;
+    }) => GridItemProps;
+}
+export interface LazyVGridProps extends ViewModifiers {
+    columns: GridItemProps[];
+    alignment?: FrameAlignment;
+    spacing?: number | null;
+    children?: ReactNode;
+}
+export declare function LazyVGrid(props: LazyVGridProps): ReactNode;
+export interface LazyHGridProps extends ViewModifiers {
+    rows: GridItemProps[];
+    /** How each cell sits in its slot: `top`, `center` (the default) or `bottom`. */
+    alignment?: 'top' | 'center' | 'bottom' | 'firstTextBaseline' | 'lastTextBaseline';
+    /** Between the columns (8 by default). */
+    spacing?: number | null;
+    children?: ReactNode;
+}
+/**
+ * `LazyHGrid(rows:)`: the rows share the height it is proposed and the cells
+ * fill them column by column, usually inside a horizontal `ScrollView`.
+ */
+export declare function LazyHGrid(props: LazyHGridProps): ReactNode;
+export interface GridProps extends ViewModifiers {
+    alignment?: FrameAlignment;
+    horizontalSpacing?: number | null;
+    verticalSpacing?: number | null;
+    children?: ReactNode;
+}
+export declare function Grid(props: GridProps): ReactNode;
+export interface GridRowProps extends ViewModifiers {
+    alignment?: GridRowAlignment | null;
+    children?: ReactNode;
+}
+export declare function GridRow(props: GridRowProps): ReactNode;
+//# sourceMappingURL=stacks.d.ts.map

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

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

package/dist/components/system.d.ts

@@ -0,0 +1,25 @@
+/** `ColorPicker` and `ShareLink`: controls that open the browser's own chooser and share sheet. */
+import type { RGBAColor } from '@swiftbrowser/web/src/protocol';
+import type { ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+export interface ColorPickerProps extends ViewModifiers {
+    title?: string;
+    label?: ReactNode;
+    selection: BindingValue<RGBAColor>;
+    onChange?: (color: RGBAColor) => void;
+}
+/** `ColorPicker("Tint", selection:)`: the label and a swatch; tapping opens the browser's color chooser. */
+export declare function ColorPicker(props: ColorPickerProps): ReactNode;
+export interface ShareLinkProps extends ViewModifiers {
+    /** What is shared: a URL or text. */
+    item: string | URL;
+    subject?: string;
+    message?: string;
+    /** The label; "Share" with the share symbol by default. */
+    title?: string;
+    children?: ReactNode;
+}
+/** `ShareLink(item:)`: the Web Share API where the browser has it, else a download of the text. */
+export declare function ShareLink(props: ShareLinkProps): ReactNode;
+//# sourceMappingURL=system.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/components/system.tsx"],"names":[],"mappings":"AAAA,mGAAmG;AAInG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAM9E,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAKD,4GAA4G;AAC5G,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAyB9D;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,qCAAqC;IACrC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,mGAAmG;AACnG,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAgB1D"}

package/dist/components/table.d.ts

@@ -0,0 +1,36 @@
+/**
+ * `Table`, drawn as iOS draws one: a list. In a compact width each row shows
+ * the first column; in a regular width every column under a row of the
+ * column titles, a sortable title a button with the sort's chevron.
+ */
+import { type Key, type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+import { type Selection } from './lists';
+export interface TableColumn<T> {
+    title: string;
+    /** The cell for a row; a function of the row, or a key whose value is shown as text. */
+    content: ((row: T) => ReactNode) | keyof T;
+    /** A fixed width; the other columns share the rest. */
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    /** A sortable column: the key its title sorts by (the app sorts the rows by `sortOrder`). */
+    sortKey?: string;
+}
+export interface SortDescriptor {
+    key: string;
+    ascending: boolean;
+}
+export interface TableProps<T, K extends Key = Key> extends ViewModifiers {
+    data: readonly T[];
+    columns: readonly TableColumn<T>[];
+    /** Each row's identity (its `id` property by default), what the selection holds. */
+    id?: (row: T, index: number) => K;
+    selection?: BindingValue<Set<K>> | BindingValue<K | null>;
+    onSelectionChange?: (selection: Selection<K>) => void;
+    /** The sort order, first descriptor first; tapping a sortable title puts it first or reverses it. */
+    sortOrder?: BindingValue<readonly SortDescriptor[]>;
+}
+export declare function Table<T, K extends Key = Key>(props: TableProps<T, K>): ReactNode;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,EAAsC,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAEtF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;IAC3C,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,GAAG,GAAG,CAAE,SAAQ,aAAa;IACvE,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,oFAAoF;IACpF,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC1D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACtD,qGAAqG;IACrG,SAAS,CAAC,EAAE,YAAY,CAAC,SAAS,cAAc,EAAE,CAAC,CAAC;CACrD;AAiBD,wBAAgB,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,CA+DhF"}