@swiftbrowser/react 0.0.0-stage → 0.4.0

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,131 @@
+/**
+ * `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 { 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;
+    /** 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;
+}
+/**
+ * `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 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,CAiDhD"}

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;AAU5F,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,CAsChE;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":"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"}