@swiftbrowser/react 0.0.0-stage → 0.5.0

package/dist/pointer.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Modifiers for a page with a mouse and a keyboard, and the effects the
+ * renderer draws for them: hover, tooltips, cursors, keyboard shortcuts,
+ * key presses, symbol effects, matched geometry, haptics.
+ */
+import type { SymbolEffectStyle } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+export declare function Hover({ action, children }: {
+    action: (hovering: boolean) => void;
+    children?: ReactNode;
+}): ReactNode;
+export declare function cursorFor(style: string): string;
+export interface SymbolEffectModifier {
+    effect: SymbolEffectStyle['effect'];
+    direction?: 'up' | 'down';
+    speed?: number;
+    repeat?: number | 'forever';
+    /** `.symbolEffect(_:isActive:)`: the effect runs while true (true by default). */
+    isActive?: boolean;
+    /** `.symbolEffect(_:value:)`: the effect plays once each time this changes. */
+    value?: unknown;
+}
+export declare function SymbolEffect({ spec, children }: {
+    spec: SymbolEffectModifier;
+    children?: ReactNode;
+}): ReactNode;
+/** `@Namespace`: a namespace for `matchedGeometryEffect` ids. */
+export declare function useNamespace(): string;
+export type KeyEquivalent = 'return' | 'escape' | 'delete' | 'tab' | 'space' | 'upArrow' | 'downArrow' | 'leftArrow' | 'rightArrow' | (string & {});
+export type EventModifier = 'command' | 'shift' | 'option' | 'control';
+export interface KeyboardShortcut {
+    key: KeyEquivalent;
+    /** `command` by default, as SwiftUI's; `[]` for none. `command` is Ctrl off Apple platforms. */
+    modifiers?: EventModifier[];
+}
+export declare function matchesKey(event: KeyboardEvent, key: KeyEquivalent): boolean;
+/** A shortcut that runs `action` while the component is mounted. */
+export declare function useKeyboardShortcut(shortcut: KeyboardShortcut | undefined, action: () => void): void;
+export interface KeyPress {
+    key: string;
+    characters: string;
+    modifiers: EventModifier[];
+    phase: 'down' | 'repeat';
+}
+export interface OnKeyPressModifier {
+    /** Only these keys (`KeyEquivalent`s or characters); every key when absent. */
+    keys?: KeyEquivalent[];
+    /** Return `'handled'` to stop the key there. */
+    action: (press: KeyPress) => 'handled' | 'ignored' | void;
+}
+/**
+ * `.onKeyPress`: keys pressed while the view is on screen and no text field
+ * has the focus (the page has no focus for a plain view, so the screen
+ * stands in for it).
+ */
+export declare function KeyPressListener({ spec }: {
+    spec: OnKeyPressModifier;
+}): null;
+export type SensoryFeedback = 'success' | 'warning' | 'error' | 'selection' | 'increase' | 'decrease' | 'start' | 'stop' | 'alignment' | 'levelChange' | 'impact';
+/** `.sensoryFeedback(_:trigger:)`: a vibration where the browser and device have one (Android), nothing elsewhere. */
+export declare function SensoryFeedbackPlayer({ feedback, trigger }: {
+    feedback: SensoryFeedback;
+    trigger: unknown;
+}): null;
+//# sourceMappingURL=pointer.d.ts.map

package/dist/pointer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../src/pointer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAEpH;AAeD,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C;AAMD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAchH;AAMD,iEAAiE;AACjE,wBAAgB,YAAY,IAAI,MAAM,CAErC;AAMD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACpJ,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,aAAa,CAAC;IACnB,gGAAgG;IAChG,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;CAC7B;AAgBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAG,OAAO,CAG5E;AAeD,oEAAoE;AACpE,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,IAAI,GAAG,IAAI,CAcpG;AAED,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,gDAAgD;IAChD,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;CAC3D;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,GAAG,IAAI,CAsB7E;AAMD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,QAAQ,CAAC;AAgBlK,sHAAsH;AACtH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAUlH"}

package/dist/presentation.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Sheets and alerts: presented content becomes a root-level `sheet` / `alert`
+ * element after the app's tree, as the Swift core emits them.
+ */
+import type { Detent } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type BindingValue } from './binding';
+export interface SheetModifier {
+    isPresented: BindingValue<boolean>;
+    onDismiss?: () => void;
+    content: ReactNode;
+    /** `.fullScreenCover` */
+    fullScreen?: boolean;
+}
+export declare function SheetPresenter({ isPresented, onDismiss, content, fullScreen }: SheetModifier): ReactNode;
+/** `.presentationDetents([.medium])`, inside a sheet's content. */
+export type DetentValue = Detent | {
+    height: number;
+} | {
+    fraction: number;
+};
+export declare function presentationDetents(detents: DetentValue[]): ReactNode;
+export interface AlertModifier {
+    title: string;
+    isPresented: BindingValue<boolean>;
+    message?: string;
+    /** The buttons; each dismisses the alert when tapped. */
+    actions?: ReactNode;
+    /** `.confirmationDialog` */
+    style?: 'alert' | 'dialog';
+}
+export declare function AlertPresenter({ title, isPresented, message, actions, style }: AlertModifier): ReactNode;
+/** `.onAppear` / `.onDisappear` */
+export declare function Lifecycle({ onAppear, onDisappear }: {
+    onAppear?: () => void;
+    onDisappear?: () => void;
+}): null;
+//# sourceMappingURL=presentation.d.ts.map

package/dist/presentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation.d.ts","sourceRoot":"","sources":["../src/presentation.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAM3D,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,aAAa,GAAG,SAAS,CAsBxG;AAED,mEAAmE;AACnE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7E,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,CAKrE;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,aAAa,GAAG,SAAS,CAgBxG;AAED,mCAAmC;AACnC,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,IAAI,CAO9G"}

package/dist/scrollEnvironment.d.ts

@@ -0,0 +1,50 @@
+/**
+ * The scroll modifiers that pass down to the scroll views below, as SwiftUI's
+ * environment does: `.scrollEdgeEffectStyle(_:for:)`,
+ * `.scrollEdgeEffectHidden(_:for:)` and `.contentMargins(_:_:for:)`. A
+ * `ScrollView` or `List` reads them from above and from its own props, the
+ * closer setting winning edge by edge.
+ */
+import type { EdgeEffectProps, EdgeInsets } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type PaddingValue } from './values';
+export type ScrollEdgeEffectStyle = 'automatic' | 'hard' | 'soft';
+/** The vertical edges a scroll edge effect sits on. */
+export type ScrollEdges = 'top' | 'bottom' | 'all' | 'vertical' | ('top' | 'bottom')[];
+/**
+ * `.scrollEdgeEffectStyle(.hard, for: .top)` is `["hard", "top"]`; a bare
+ * style applies to both edges.
+ */
+export type ScrollEdgeEffectStyleValue = ScrollEdgeEffectStyle | [ScrollEdgeEffectStyle, ScrollEdges];
+/** `.scrollEdgeEffectHidden()` is `true`; `.scrollEdgeEffectHidden(true, for: .bottom)` is `[true, "bottom"]`. */
+export type ScrollEdgeEffectHiddenValue = boolean | [boolean, ScrollEdges];
+/** The scroll settings in force at a point of the tree. */
+export interface ScrollSettings {
+    /** Per edge: a style (`hard`, `soft`; absent is automatic) or hidden. */
+    topStyle?: 'hard' | 'soft';
+    bottomStyle?: 'hard' | 'soft';
+    topHidden?: boolean;
+    bottomHidden?: boolean;
+    /** `.contentMargins`: padding inside the scroll views below. */
+    margins?: EdgeInsets;
+}
+/** The settings one modifier adds. */
+export declare function edgeStyleSettings(value: ScrollEdgeEffectStyleValue): ScrollSettings;
+export declare function edgeHiddenSettings(value: ScrollEdgeEffectHiddenValue): ScrollSettings;
+/** `contentMargins={12}`, `{["horizontal", 20]}` or insets; `true` is the default 16. */
+export type ContentMarginsValue = PaddingValue;
+export declare function marginSettings(value: ContentMarginsValue): ScrollSettings;
+/** `inner` over `outer`, edge by edge. */
+export declare function mergeScrollSettings(outer: ScrollSettings, inner: ScrollSettings): ScrollSettings;
+/** The views below see `settings` added to the ones around them. */
+export declare function withScrollSettings(settings: ScrollSettings, children: ReactNode): ReactNode;
+/** The settings in force here, with a scroll view's own modifiers applied over them. */
+export declare function useScrollSettings(own: ScrollSettings): ScrollSettings;
+/** The `edgeEffect` prop of a `list` or `scrollview`, absent when both edges are automatic. */
+export declare function edgeEffectProp(settings: ScrollSettings): EdgeEffectProps | undefined;
+/**
+ * A scroll view's content with its content margins as padding inside it
+ * (several children first become the stack the scroll view would make).
+ */
+export declare function marginedContent(children: ReactNode, margins: EdgeInsets | undefined, axis: 'horizontal' | 'vertical'): ReactNode;
+//# sourceMappingURL=scrollEnvironment.d.ts.map

package/dist/scrollEnvironment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollEnvironment.d.ts","sourceRoot":"","sources":["../src/scrollEnvironment.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAsD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAEtD,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAClE,uDAAuD;AACvD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC;AAEvF;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,GAAG,CAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC;AACtG,kHAAkH;AAClH,MAAM,MAAM,2BAA2B,GAAG,OAAO,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAE3E,2DAA2D;AAC3D,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAUD,sCAAsC;AACtC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,0BAA0B,GAAG,cAAc,CASnF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,2BAA2B,GAAG,cAAc,CAOrF;AAED,yFAAyF;AACzF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAE/C,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,cAAc,CAEzE;AAED,0CAA0C;AAC1C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,GAAG,cAAc,CAOhG;AAED,oEAAoE;AACpE,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,GAAG,SAAS,CAE3F;AAOD,wFAAwF;AACxF,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,cAAc,GAAG,cAAc,CAErE;AAED,+FAA+F;AAC/F,wBAAgB,cAAc,CAAC,QAAQ,EAAE,cAAc,GAAG,eAAe,GAAG,SAAS,CAOpF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,GAAG,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,CAKhI"}

package/dist/scrollReader.d.ts

@@ -0,0 +1,27 @@
+/**
+ * `ScrollViewReader` and `.id` (the `scrollID` modifier): `proxy.scrollTo(id)`
+ * marks the view with that id with a `scrollTo` command whose serial is new,
+ * and the page scrolls every scrolling ancestor to it after the pass.
+ */
+import type { UnitPoint } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type UnitPointValue } from './values';
+interface ScrollRequest {
+    id: string | number;
+    anchor: UnitPoint | null;
+    serial: number;
+}
+export declare const ScrollRequestContext: import("react").Context<ScrollRequest | null>;
+export interface ScrollViewProxy {
+    /** Scroll so `anchor` of the view with that `scrollID` meets the same point of the visible area; no anchor: as little as shows it. */
+    scrollTo(id: string | number, anchor?: UnitPointValue): void;
+}
+export declare function ScrollViewReader({ children }: {
+    children: (proxy: ScrollViewProxy) => ReactNode;
+}): ReactNode;
+export declare function ScrollTarget({ id, children }: {
+    id: string | number;
+    children?: ReactNode;
+}): ReactNode;
+export {};
+//# sourceMappingURL=scrollReader.d.ts.map

package/dist/scrollReader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollReader.d.ts","sourceRoot":"","sources":["../src/scrollReader.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,+CAA4C,CAAC;AAG9E,MAAM,WAAW,eAAe;IAC9B,sIAAsI;IACtI,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CAC9D;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAA;CAAE,GAAG,SAAS,CAM7G;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAIvG"}

package/dist/values.d.ts

@@ -0,0 +1,118 @@
+/**
+ * Value types of the SwiftUI API as plain data: colors and shape styles,
+ * fonts, frames, insets and gradients, encoded as the ops protocol wants them.
+ */
+import type { Color as ProtocolColor, EdgeInsets, Font as ProtocolFont, FontDesign, FontWeight, Frame, FrameAlignment, RGBAColor, SemanticColorName, ShapeStyle, TextStyle, UnitPoint } from '@swiftbrowser/web/src/protocol';
+export type { EdgeInsets, FontDesign, FontWeight, Frame, FrameAlignment, ShapeStyle, TextStyle, UnitPoint };
+/** The protocol's color value (the `Color` export is the view, with the color helpers as members). */
+export type ColorType = ProtocolColor;
+/** The protocol's font value (the `Font` export is the helper object). */
+export type FontType = ProtocolFont;
+/** `.primary` … `.quaternary` as foreground styles (the label colors) or fills. */
+export type HierarchyName = 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+/**
+ * A style as a prop: a protocol value, or a name. A hierarchy name
+ * (`"secondary"`) is the hierarchical style, as `.foregroundStyle(.secondary)`
+ * is; a palette or UIKit name (`"red"`, `"secondarySystemBackground"`) is that
+ * semantic color; `"white"`, `"black"` and `"#rrggbb[aa]"` are explicit colors.
+ */
+export type StyleValue = ShapeStyle | HierarchyName | SemanticColorName | 'white' | 'black' | `#${string}`;
+export declare function rgb(r: number, g: number, b: number, a?: number): RGBAColor;
+export declare function hex(value: string): RGBAColor;
+export declare function shapeStyle(value: StyleValue): ShapeStyle;
+/** A color as a prop: a protocol color or a name (hierarchy names are not colors). */
+export type ColorValue = ProtocolColor | SemanticColorName | 'white' | 'black' | `#${string}`;
+export declare function color(value: ColorValue): ProtocolColor;
+/** `color.opacity(a)` */
+export declare function opacity(value: ColorValue, a: number): ProtocolColor;
+export declare function opacity(value: StyleValue, a: number): ShapeStyle;
+/** `color.gradient`: the subtle vertical gradient iOS derives from a color. */
+export declare function gradient(value: ColorValue): ShapeStyle;
+/** `Color.red`, `Color.white`, `Color(.secondarySystemBackground)`… (`Color` itself, a view, carries these as members). */
+export declare const ColorValues: {
+    red: ProtocolColor;
+    orange: ProtocolColor;
+    yellow: ProtocolColor;
+    green: ProtocolColor;
+    mint: ProtocolColor;
+    teal: ProtocolColor;
+    cyan: ProtocolColor;
+    blue: ProtocolColor;
+    indigo: ProtocolColor;
+    purple: ProtocolColor;
+    pink: ProtocolColor;
+    brown: ProtocolColor;
+    gray: ProtocolColor;
+    white: ProtocolColor;
+    black: ProtocolColor;
+    clear: ProtocolColor;
+    primary: ProtocolColor;
+    secondary: ProtocolColor;
+    accent: ProtocolColor;
+    /** `Color(uiColor:)` / `Color(.name)`: a UIKit semantic color by its iOS name. */
+    system: (name: SemanticColorName) => ProtocolColor;
+    rgb: typeof rgb;
+    hex: typeof hex;
+    opacity: typeof opacity;
+    gradient: typeof gradient;
+};
+export type UnitPointName = 'center' | 'top' | 'bottom' | 'leading' | 'trailing' | 'topLeading' | 'topTrailing' | 'bottomLeading' | 'bottomTrailing';
+export type UnitPointValue = UnitPoint | UnitPointName;
+export declare function unitPoint(value: UnitPointValue): UnitPoint;
+export interface GradientColors {
+    /** Evenly spaced colors, or explicit stops. */
+    colors?: ColorValue[];
+    stops?: {
+        color: ColorValue;
+        location: number;
+    }[];
+}
+export declare function LinearGradient(spec: GradientColors & {
+    startPoint: UnitPointValue;
+    endPoint: UnitPointValue;
+}): ShapeStyle;
+export declare function RadialGradient(spec: GradientColors & {
+    center: UnitPointValue;
+    startRadius: number;
+    endRadius: number;
+}): ShapeStyle;
+export declare function AngularGradient(spec: GradientColors & {
+    center: UnitPointValue;
+    startAngle?: number;
+    endAngle?: number;
+}): ShapeStyle;
+/** A font as a prop: a text style name (`"headline"`) or a `Font` object. */
+export type FontValue = TextStyle | ProtocolFont;
+export declare function font(value: FontValue): ProtocolFont;
+/** `Font.system(size:weight:design:)` */
+export declare function system(size: number, weight?: FontWeight, design?: FontDesign): ProtocolFont;
+/** `Font.system(.body, design:weight:)` */
+export declare function system(textStyle: TextStyle, design?: FontDesign, weight?: FontWeight): ProtocolFont;
+/** `.font(.title2.bold())`, `.font(.subheadline.weight(.semibold))` */
+export declare function weighted(value: FontValue, weight: FontWeight): ProtocolFont;
+export declare const Font: {
+    system: typeof system;
+    weighted: typeof weighted;
+    bold: (value: FontValue) => ProtocolFont;
+};
+/** `Infinity` stands for `.infinity`. */
+export interface FrameValue {
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    alignment?: FrameAlignment;
+}
+export declare function frame(value: FrameValue): Frame;
+export type EdgeName = 'top' | 'bottom' | 'leading' | 'trailing' | 'horizontal' | 'vertical' | 'all';
+/**
+ * `.padding()` (`true`), `.padding(12)`, `.padding(.vertical, 6)` (`["vertical", 6]`),
+ * `.padding([.top, .leading], 8)`, or explicit insets.
+ */
+export type PaddingValue = true | number | EdgeInsets | [EdgeName | EdgeName[], number?];
+export declare const DEFAULT_PADDING = 16;
+export declare function padding(value: PaddingValue): EdgeInsets;
+export declare function insets(edges: EdgeName[], amount: number): EdgeInsets;
+//# sourceMappingURL=values.d.ts.map

package/dist/values.d.ts.map

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

package/dist/visualEffect.d.ts

@@ -0,0 +1,120 @@
+/**
+ * `.visualEffect { content, proxy in … }` and `.scrollTransition { content, phase in … }`.
+ *
+ * Both draw effects that depend on where the view is, without changing its
+ * layout. The view is wrapped in a layout-transparent box that reports its
+ * frame on screen (and the visible rectangle of the scroll view it is in),
+ * kept current as the page scrolls; the effects apply inside that box, so
+ * they never move what is measured.
+ */
+import type { Rotation3D, Style } from '@swiftbrowser/web/src/protocol';
+import { type ReactNode } from 'react';
+import { type GeometryProxy, type ReportedGeometry } from './components/geometry';
+import { type UnitPoint, type UnitPointValue } from './values';
+interface EffectValues {
+    offsetX: number;
+    offsetY: number;
+    scaleX: number;
+    scaleY: number;
+    scaleAnchor?: UnitPoint;
+    rotation: number;
+    rotationAnchor?: UnitPoint;
+    rotation3D?: Rotation3D;
+    opacity: number;
+    blur: number;
+    brightness: number;
+    contrast: number;
+    saturation: number;
+    grayscale: number;
+    hueRotation: number;
+}
+/**
+ * SwiftUI's `VisualEffect`: the effects a `visualEffect` or `scrollTransition`
+ * closure returns, chained from the `effect` it is handed
+ * (`effect.offset({ y: 20 }).opacity(0.5)`). Chained effects compose:
+ * offsets and rotations add, scales and opacities multiply.
+ */
+export declare class VisualEffect {
+    readonly values: EffectValues;
+    /** @internal */
+    constructor(values?: EffectValues);
+    private with;
+    offset(offset: {
+        x?: number;
+        y?: number;
+    }): VisualEffect;
+    scaleEffect(scale: number | {
+        x?: number;
+        y?: number;
+    }, anchor?: UnitPointValue): VisualEffect;
+    /** Degrees. */
+    rotationEffect(degrees: number, anchor?: UnitPointValue): VisualEffect;
+    rotation3DEffect(spec: {
+        angle: number;
+        axis: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        anchor?: UnitPointValue;
+        perspective?: number;
+    }): VisualEffect;
+    opacity(opacity: number): VisualEffect;
+    blur(radius: number): VisualEffect;
+    brightness(amount: number): VisualEffect;
+    contrast(amount: number): VisualEffect;
+    saturation(amount: number): VisualEffect;
+    grayscale(amount: number): VisualEffect;
+    /** Degrees. */
+    hueRotation(degrees: number): VisualEffect;
+}
+/** The effect a closure starts from. */
+export declare const EMPTY_EFFECT: VisualEffect;
+/** The `styled` style that draws `values` (identity fields left out). */
+export declare function effectStyle(values: EffectValues): Style;
+/** `from` → `to` by `t` (0…1), field by field; anchors and 3-D axes come from the side that sets them. */
+export declare function interpolateEffects(from: EffectValues, to: EffectValues, t: number): EffectValues;
+export type VisualEffectClosure = (effect: VisualEffect, proxy: GeometryProxy) => VisualEffect;
+/** `.visualEffect { content, proxy in … }`. */
+export declare function VisualEffectView({ effect, children }: {
+    effect: VisualEffectClosure;
+    children?: ReactNode;
+}): ReactNode;
+/**
+ * Where a view is in its scroll view: `topLeading` (going out past the top or
+ * leading edge), `identity` (in view) or `bottomTrailing`, with `value` -1, 0
+ * or 1. An `interactive` transition draws the effect partway between phases
+ * as the view crosses the edge.
+ */
+export interface ScrollTransitionPhase {
+    phase: 'topLeading' | 'identity' | 'bottomTrailing';
+    value: -1 | 0 | 1;
+    isIdentity: boolean;
+}
+export type ScrollTransitionClosure = (effect: VisualEffect, phase: ScrollTransitionPhase) => VisualEffect;
+export interface ScrollTransitionSpec {
+    transition: ScrollTransitionClosure;
+    /**
+     * `interactive` (the default) follows the scrolling, drawing the effect
+     * partway as the view crosses the edge; `animated` switches phases once the
+     * view is partly out; `identity` never leaves the identity phase.
+     */
+    configuration?: 'interactive' | 'animated' | 'identity';
+    /** The axis to follow; the scroll view's own by default. */
+    axis?: 'horizontal' | 'vertical';
+}
+/**
+ * How far the view has gone out of its scroll view's visible rectangle:
+ * negative past the top or leading edge, positive past the bottom or
+ * trailing one, as a fraction of its own length (0 while wholly in view).
+ */
+export declare function scrollProgress(reported: ReportedGeometry, axis?: 'horizontal' | 'vertical'): number;
+/** The effect values a scroll transition draws at `progress` (see `scrollProgress`). */
+export declare function scrollTransitionValues(spec: ScrollTransitionSpec, progress: number): EffectValues;
+/** `.scrollTransition { content, phase in … }`. */
+export declare function ScrollTransitionView({ spec, children }: {
+    spec: ScrollTransitionSpec;
+    children?: ReactNode;
+}): ReactNode;
+export {};
+//# sourceMappingURL=visualEffect.d.ts.map

package/dist/visualEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualEffect.d.ts","sourceRoot":"","sources":["../src/visualEffect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAA4C,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE5H,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1E,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAiBD;;;;;GAKG;AACH,qBAAa,YAAY;IAEX,QAAQ,CAAC,MAAM,EAAE,YAAY;IADzC,gBAAgB;gBACK,MAAM,GAAE,YAAuB;IAEpD,OAAO,CAAC,IAAI;IAIZ,MAAM,CAAC,MAAM,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,YAAY;IAIxD,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,MAAM,CAAC,EAAE,cAAc,GAAG,YAAY;IAM9F,eAAe;IACf,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,cAAc,GAAG,YAAY;IAItE,gBAAgB,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,MAAM,CAAC,EAAE,cAAc,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,YAAY;IAOjJ,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,YAAY;IAItC,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAIlC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAIxC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAItC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAIxC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAIvC,eAAe;IACf,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,YAAY;CAG3C;AAED,wCAAwC;AACxC,eAAO,MAAM,YAAY,cAAqB,CAAC;AAI/C,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,KAAK,CAoBvD;AAED,0GAA0G;AAC1G,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,GAAG,YAAY,CAuBhG;AA+CD,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,KAAK,YAAY,CAAC;AAE/F,+CAA+C;AAC/C,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAOvH;AAMD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACpD,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB;AAQD,MAAM,MAAM,uBAAuB,GAAG,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,qBAAqB,KAAK,YAAY,CAAC;AAE3G,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,uBAAuB,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IACxD,4DAA4D;IAC5D,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAanG;AAED,wFAAwF;AACxF,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,GAAG,YAAY,CAOjG;AAED,mDAAmD;AACnD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAUxH"}

package/package.json

@@ -1,6 +1,50 @@
 {
   "name": "@swiftbrowser/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.5.0",
+  "type": "module",
+  "description": "SwiftUI's components for React: a react-reconciler host that emits SwiftBrowser render ops into the @swiftbrowser/web renderer, so a pure React/TypeScript web app gets the same iOS UI as a SwiftUI app in the browser.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/noya-app/SwiftBrowser.git",
+    "directory": "packages/react"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --noEmit -p tsconfig.json && vite build --config vite.lib.config.ts && tsc -p tsconfig.build.json",
+    "build:demo": "vite build",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "test:unit": "vitest run"
+  },
+  "dependencies": {
+    "@swiftbrowser/web": "0.5.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-reconciler": "^0.31.0 || ^0.32.0 || ^0.33.0 || ^0.34.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@types/react-reconciler": "^0.33.1",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "react-reconciler": "^0.34.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.7",
+    "vitest": "^5.0.3"
+  }
+}