@swiftbrowser/react 0.0.0-stage → 0.4.0

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,138 @@
+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 ViewModifiers } from '../modifiers';
+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;
+/**
+ * `.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 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"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type BindingValue } from '../binding';
+import { type ViewModifiers } from '../modifiers';
+export interface TabViewProps<T> extends ViewModifiers {
+    selection?: BindingValue<T>;
+    onChange?: (value: T) => void;
+    /** `<Tab>` children. */
+    children?: ReactNode;
+}
+export declare function TabView<T = number>(props: TabViewProps<T>): ReactNode;
+export interface TabProps<T> extends ViewModifiers {
+    title: string;
+    systemImage?: string;
+    role?: 'search';
+    tag?: T;
+    children?: ReactNode;
+}
+/** `Tab("Library", systemImage: "books.vertical") { }` */
+export declare function Tab<T>(props: TabProps<T>): ReactNode;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,EAA4C,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAG5F,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,aAAa;IACpD,SAAS,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS,CAiBrE;AAED,MAAM,WAAW,QAAQ,CAAC,CAAC,CAAE,SAAQ,aAAa;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,0DAA0D;AAC1D,wBAAgB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAOpD"}

package/dist/components/text.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import { type ViewModifiers } from '../modifiers';
+import { type ColorValue } from '../values';
+export interface TextProps extends ViewModifiers {
+    /** Strings and numbers, nested `<Text>`s (`Text + Text`) and inline `<Image>`s. */
+    children?: ReactNode;
+    italic?: boolean;
+    underline?: boolean | {
+        color?: ColorValue;
+    };
+    strikethrough?: boolean | {
+        color?: ColorValue;
+    };
+    /** Points between characters (`.tracking` / `.kerning`). */
+    tracking?: number;
+    kerning?: number;
+    baselineOffset?: number;
+    /** A tap on the text opens this URL. */
+    link?: string;
+}
+export declare function Text(props: TextProps): ReactNode;
+/**
+ * `.redacted(reason: .placeholder)`: the view keeps its size and draws as a
+ * rounded block of the tertiary fill, as iOS draws placeholder content.
+ */
+export declare function placeholder(node: ReactNode, redacted: boolean | undefined): ReactNode;
+export declare function openURL(url: string): void;
+export interface ImageProps extends ViewModifiers {
+    /** An SF Symbol name. */
+    systemName?: string;
+    /** An asset-catalog image name (the renderer needs the catalog manifest). */
+    name?: string;
+    /** A remote image whose pixel size is known; `AsyncImage` loads one to learn it. */
+    url?: string;
+    width?: number;
+    height?: number;
+    resizable?: boolean;
+}
+export declare function Image(props: ImageProps): ReactNode;
+export interface LabelProps extends ViewModifiers {
+    title: ReactNode;
+    systemImage?: string;
+    image?: string;
+    /** A custom icon view instead of a symbol. */
+    icon?: ReactNode;
+}
+/** `Label("Favorites", systemImage: "heart.fill")`: an 8pt-spaced `HStack` of icon and title. */
+export declare function Label(props: LabelProps): ReactNode;
+export interface LabeledContentProps extends ViewModifiers {
+    label: ReactNode;
+    value?: ReactNode;
+    children?: ReactNode;
+}
+/** `LabeledContent("Storage", value: "2.4 GB")`: the label, a spacer, the value in the secondary color. */
+export declare function LabeledContent(props: LabeledContentProps): ReactNode;
+export interface LinkProps extends ViewModifiers {
+    destination: string;
+    title?: string;
+    children?: ReactNode;
+}
+/** `Link("Visit the website", destination:)`: a plain button that opens the URL. */
+export declare function Link(props: LinkProps): ReactNode;
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAoD,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAEpG,OAAO,EAA2B,KAAK,UAAU,EAAmC,MAAM,WAAW,CAAC;AAGtG,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;IACjD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA6ED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAyBhD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAGrF;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAEzC;AAMD,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAQD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAKlD;AAMD,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,iGAAiG;AACjG,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAelD;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,2GAA2G;AAC3G,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAapE;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oFAAoF;AACpF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAIhD"}

package/dist/coordinateSpace.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Named coordinate spaces: `.coordinateSpace(name:)` reports where its view
+ * is on screen (a layout-transparent `zstack` with `reportsFrame`), and a
+ * `GeometryReader` inside answers `frame({ named })` relative to it.
+ */
+import { type ReactNode } from 'react';
+export interface SpaceFrame {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** The named spaces around a view: their frames on screen (null until reported). */
+export declare const CoordinateSpacesContext: import("react").Context<Readonly<Record<string, SpaceFrame | null>>>;
+export declare function useCoordinateSpaces(): Readonly<Record<string, SpaceFrame | null>>;
+export declare function CoordinateSpace({ name, children }: {
+    name: string;
+    children?: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=coordinateSpace.d.ts.map

package/dist/coordinateSpace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinateSpace.d.ts","sourceRoot":"","sources":["../src/coordinateSpace.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5E,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,oFAAoF;AACpF,eAAO,MAAM,uBAAuB,sEAAiE,CAAC;AAEtG,wBAAgB,mBAAmB,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC,CAEjF;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAkBrG"}

package/dist/dragDrop.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `.draggable` and `.dropDestination`. What is dragged stays in React: a
+ * lift (`dragstart`) remembers the payload, a drop naming its source hands
+ * it to the destination, and `dragend` forgets it. Drops from outside the
+ * page arrive as text and files.
+ */
+import type { ReactNode } from 'react';
+import type { DropDestinationModifier } from './modifiers';
+export declare function Draggable({ payload, children }: {
+    payload: unknown;
+    children?: ReactNode;
+}): ReactNode;
+export declare function DropDestination({ action, isTargeted, accepts, children }: DropDestinationModifier & {
+    children?: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=dragDrop.d.ts.map

package/dist/dragDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragDrop.d.ts","sourceRoot":"","sources":["../src/dragDrop.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI3D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CActG;AAoBD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAoBxI"}