@ng-native/expo 0.2.0 → 0.4.0

package/dist/expo-ui-components.d.ts

@@ -14,6 +14,7 @@ export interface UiModifier {
  * drawn in it spills outside it, where it can be seen but not touched or read by VoiceOver.
  */
 export declare class UiHost {
+    protected readonly nativeView: true;
     readonly matchContents: import("@angular/core").InputSignal<boolean | {
         readonly vertical?: boolean;
         readonly horizontal?: boolean;
@@ -27,6 +28,7 @@ export declare class UiHost {
 }
 /** A SwiftUI `Menu`. Its trigger is the `label` or a `<ui-slot name="label">`; its items are children. */
 export declare class UiMenu {
+    protected readonly nativeView: true;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
     /** An SF Symbol name. */
     readonly systemImage: import("@angular/core").InputSignal<string | undefined>;
@@ -35,19 +37,67 @@ export declare class UiMenu {
     static ɵfac: i0.ɵɵFactoryDeclaration<UiMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiMenu, "ui-menu", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "systemImage": { "alias": "systemImage"; "required": false; "isSignal": true; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-/** A SwiftUI `Button`, as a menu item or on its own. */
+/**
+ * Views of the app's own inside SwiftUI or Compose content: the way back from a `ui-host`. What
+ * it holds is laid out by the engine, as anywhere else, and takes presses as anywhere else, so a
+ * row drawn with the app's own components can be a context menu's trigger or a sheet's body.
+ *
+ * It holds one element. `matchContents` sizes it to that element, both ways: the element needs a
+ * width of its own, since nothing here stretches it. Without `matchContents` it fills what the
+ * SwiftUI or Compose view around it offers, which inside a view sized to its content is a width
+ * and no height.
+ */
+export declare class UiViewHost {
+    protected readonly nativeView: true;
+    readonly matchContents: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * For content presented in a window of its own, a sheet or a popover, where nothing above it
+     * delivers its touches: it then takes them itself, and is measured from itself.
+     */
+    readonly layoutRoot: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiViewHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiViewHost, "ui-view-host", never, { "matchContents": { "alias": "matchContents"; "required": false; "isSignal": true; }; "layoutRoot": { "alias": "layoutRoot"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * A SwiftUI `contextMenu`: the menu a long press on its trigger opens, with the trigger lifted
+ * over the dimmed screen. iOS only.
+ *
+ * Its content is three slots: `<ui-slot name="trigger">` is what is always shown,
+ * `<ui-slot name="items">` holds the `ui-button`s, `ui-divider`s and `ui-section`s of the menu, and
+ * `<ui-slot name="preview">`, when there is one, is shown above the open menu in place of the
+ * trigger. All three are SwiftUI content, as everything inside a `ui-host` is.
+ */
+export declare class UiContextMenu {
+    protected readonly nativeView: true;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiContextMenu, "ui-context-menu", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * A SwiftUI `Button`, as a menu item or on its own, or Compose's on Android, which draws `label` as
+ * text inside it. `systemImage` and `role` are SwiftUI's alone.
+ */
 export declare class UiButton {
+    protected readonly nativeView: true;
+    protected readonly android: boolean;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
     /** An SF Symbol name. */
     readonly systemImage: import("@angular/core").InputSignal<string | undefined>;
     readonly role: import("@angular/core").InputSignal<"default" | "cancel" | "destructive" | undefined>;
+    /**
+     * In a home-screen widget's layout, what a tap on it records for the app: see
+     * `@ng-native/expo/widget`.
+     */
+    readonly target: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     readonly buttonPress: import("@angular/core").OutputEmitterRef<NativeSyntheticEvent<Record<string, never>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiButton, "ui-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "systemImage": { "alias": "systemImage"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, { "buttonPress": "buttonPress"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiButton, "ui-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "systemImage": { "alias": "systemImage"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, { "buttonPress": "buttonPress"; }, never, ["*"], true, never>;
 }
-/** A SwiftUI `Divider`: a separator between groups of menu items. */
+/** A SwiftUI `Divider`, or Compose's `HorizontalDivider`: a separator between groups of items. */
 export declare class UiDivider {
+    protected readonly nativeView: true;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiDivider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiDivider, "ui-divider", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -58,6 +108,8 @@ export declare class UiDivider {
  * `allowsFullSwipe`.
  */
 export declare class UiSlot {
+    protected readonly nativeView: true;
+    protected readonly android: boolean;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly extraProps: import("@angular/core").InputSignal<Readonly<Record<string, unknown>> | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiSlot, never>;
@@ -68,6 +120,7 @@ export declare class UiSlot {
  * swipe actions through `ui-swipe-actions`.
  */
 export declare class UiList {
+    protected readonly nativeView: true;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiList, "ui-list", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -78,6 +131,7 @@ export declare class UiList {
  * slot per edge, as `ui-button`s.
  */
 export declare class UiSwipeActions {
+    protected readonly nativeView: true;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiSwipeActions, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiSwipeActions, "ui-swipe-actions", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -87,10 +141,11 @@ export type UiSliderChangeEvent = NativeSyntheticEvent<{
     readonly value: number;
 }>;
 /**
- * A SwiftUI `Slider`, iOS only. `valueChanged` reports each new value as the thumb moves; note the
- * d, which the native event has and `@expo/ui`'s React prop does not.
+ * A SwiftUI `Slider`, or Compose's on Android. `valueChanged` reports each new value as the thumb
+ * moves; note the d, which SwiftUI's event has and `@expo/ui`'s React prop does not.
  */
 export declare class UiSlider {
+    protected readonly nativeView: true;
     readonly value: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly min: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly max: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
@@ -98,19 +153,35 @@ export declare class UiSlider {
     readonly steps: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     readonly valueChanged: import("@angular/core").OutputEmitterRef<UiSliderChangeEvent>;
+    protected readonly android: boolean;
+    /** A whole number of steps, which is all Compose can draw. */
+    private readonly wholeSteps;
+    /** SwiftUI takes a step size, and draws 0 to 1 unless it has both ends. */
+    protected readonly stepSize: import("@angular/core").Signal<number | undefined>;
+    /** Compose takes the number of points between the ends. */
+    protected readonly stepsBetween: import("@angular/core").Signal<number | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiSlider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiSlider, "ui-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
-/** A SwiftUI `VStack`. */
+/**
+ * A SwiftUI `VStack`, or Compose's `Column` on Android, centred, as SwiftUI's is, unless `alignment`
+ * says otherwise. Without `spacing`, SwiftUI puts its own default spacing between children and Compose
+ * puts none.
+ */
 export declare class UiVStack {
+    protected readonly nativeView: true;
     readonly alignment: import("@angular/core").InputSignal<"leading" | "center" | "trailing" | undefined>;
     readonly spacing: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    protected readonly android: boolean;
+    protected readonly spacedBy: typeof spacedBy;
+    protected composeAlignment(alignment: 'leading' | 'center' | 'trailing' | undefined): "center" | "start" | "end";
     static ɵfac: i0.ɵɵFactoryDeclaration<UiVStack, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiVStack, "ui-vstack", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /** A SwiftUI `Image`: an SF Symbol by `systemName`, or a picture by `uiImage` URL. */
 export declare class UiImage {
+    protected readonly nativeView: true;
     readonly systemName: import("@angular/core").InputSignal<string | undefined>;
     readonly uiImage: import("@angular/core").InputSignal<string | undefined>;
     readonly size: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
@@ -119,12 +190,16 @@ export declare class UiImage {
     static ɵfac: i0.ɵɵFactoryDeclaration<UiImage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiImage, "ui-image", never, { "systemName": { "alias": "systemName"; "required": false; "isSignal": true; }; "uiImage": { "alias": "uiImage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-/** A SwiftUI `Text`. */
+/**
+ * A SwiftUI `Text`, or Compose's on Android. Its text is what is written inside it,
+ * `<ui-text>Us {{ score }}</ui-text>`, as `<text>` takes its own, or `text`, which wins over it.
+ */
 export declare class UiText {
+    protected readonly nativeView: true;
     readonly text: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiText, "ui-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiText, "ui-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * What `ui-date-picker` sends when the user picks: the chosen moment, which SwiftUI reports in
@@ -148,6 +223,7 @@ export type UiDateChangeEvent = NativeSyntheticEvent<{
  * `selection` is still accepted as ISO text, for a picker bound without a form.
  */
 export declare class UiDatePicker {
+    protected readonly nativeView: true;
     readonly title: import("@angular/core").InputSignal<string | undefined>;
     readonly selection: import("@angular/core").InputSignal<string | undefined>;
     readonly displayedComponents: import("@angular/core").InputSignal<readonly ("date" | "hourAndMinute")[] | undefined>;
@@ -191,11 +267,12 @@ export interface UiPickerOption {
  * work for anything richer. `pickerStyle` is SwiftUI's (`menu`, `segmented`, `wheel`, `inline`).
  */
 export declare class UiPicker {
+    protected readonly nativeView: true;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
     /** An SF Symbol name. */
     readonly systemImage: import("@angular/core").InputSignal<string | undefined>;
     readonly options: import("@angular/core").InputSignal<readonly UiPickerOption[] | undefined>;
-    readonly pickerStyle: import("@angular/core").InputSignal<"automatic" | "menu" | "segmented" | "wheel" | "inline" | "palette" | undefined>;
+    readonly pickerStyle: import("@angular/core").InputSignal<"inline" | "automatic" | "menu" | "segmented" | "wheel" | "palette" | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     /** The chosen option's value: what `[formField]` binds. */
     readonly value: import("@angular/core").ModelSignal<string | number | null>;
@@ -216,12 +293,22 @@ export declare class UiPicker {
 export type UiToggleChangeEvent = NativeSyntheticEvent<{
     readonly isOn: boolean;
 }>;
-/** A SwiftUI `Toggle`. `isOnChange` reports each flip. */
+/**
+ * A SwiftUI `Toggle`, or Compose's `Switch` on Android. `isOnChange` reports each flip. Bound to
+ * `isOn`, it shows what `isOn` says; without it, it switches itself. `label` is SwiftUI's alone.
+ */
 export declare class UiToggle {
+    protected readonly nativeView: true;
     readonly isOn: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     readonly isOnChange: import("@angular/core").OutputEmitterRef<UiToggleChangeEvent>;
+    protected readonly android: boolean;
+    /** What Compose's switch shows without `isOn`: SwiftUI's keeps this itself, Compose's does not. */
+    protected readonly switchedOn: import("@angular/core").WritableSignal<boolean>;
+    protected checked(event: NativeSyntheticEvent<{
+        readonly value: boolean;
+    }>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiToggle, "ui-toggle", never, { "isOn": { "alias": "isOn"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, { "isOnChange": "isOnChange"; }, never, ["*"], true, never>;
 }
@@ -231,6 +318,7 @@ export type UiStepperChangeEvent = NativeSyntheticEvent<{
 }>;
 /** A SwiftUI `Stepper`, between `min` and `max` by `step`. */
 export declare class UiStepper {
+    protected readonly nativeView: true;
     readonly value: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly min: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly max: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
@@ -250,6 +338,7 @@ export type UiTextFieldChangeEvent = NativeSyntheticEvent<{
  * writes to it on the UI thread, and `textChange` reports each change.
  */
 export declare class UiTextField {
+    protected readonly nativeView: true;
     readonly text: import("@angular/core").InputSignal<NativeState<string> | null | undefined>;
     readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
@@ -263,6 +352,7 @@ export type UiColorChangeEvent = NativeSyntheticEvent<{
 }>;
 /** A SwiftUI `ColorPicker`. `selection` is a colour as hex. */
 export declare class UiColorPicker {
+    protected readonly nativeView: true;
     readonly selection: import("@angular/core").InputSignal<string | undefined>;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
     readonly supportsOpacity: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
@@ -273,6 +363,7 @@ export declare class UiColorPicker {
 }
 /** A SwiftUI `Gauge`: `value` between `min` and `max`, drawn as `type` says. */
 export declare class UiGauge {
+    protected readonly nativeView: true;
     readonly value: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly min: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly max: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
@@ -284,29 +375,215 @@ export declare class UiGauge {
     static ɵfac: i0.ɵɵFactoryDeclaration<UiGauge, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiGauge, "ui-gauge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "currentValueLabel": { "alias": "currentValueLabel"; "required": false; "isSignal": true; }; "minimumValueLabel": { "alias": "minimumValueLabel"; "required": false; "isSignal": true; }; "maximumValueLabel": { "alias": "maximumValueLabel"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-/** A SwiftUI `ProgressView`: a bar filled to `value`, from 0 to 1, or a spinner without one. */
+/** One point of a `ui-chart`: `x`, a label or a number, against `y`, with a colour of its own. */
+export interface UiChartDataPoint {
+    readonly x: string | number;
+    readonly y: number;
+    readonly color?: string;
+}
+/** How a `ui-chart` draws its points: `pie` needs iOS 17. */
+export type UiChartType = 'line' | 'point' | 'bar' | 'area' | 'pie' | 'rectangle';
+/** The symbol a `ui-chart` marks a point with. */
+export type UiChartPointSymbol = 'circle' | 'square' | 'diamond';
+/** A line chart's line: its dashes, width, colour, and the symbol at each point. */
+export interface UiChartLineStyle {
+    readonly dashArray?: readonly number[];
+    readonly width?: number;
+    readonly pointStyle?: UiChartPointSymbol;
+    readonly pointSize?: number;
+    readonly color?: string;
+}
+/** A point chart's symbol and its size. */
+export interface UiChartPointStyle {
+    readonly pointStyle?: UiChartPointSymbol;
+    readonly pointSize?: number;
+}
+/** An area chart's fill. */
+export interface UiChartAreaStyle {
+    readonly color?: string;
+}
+/** A bar chart's bars: their corner radius and width. */
+export interface UiChartBarStyle {
+    readonly cornerRadius?: number;
+    readonly width?: number;
+}
+/** A pie chart's slices: `innerRadius` from 0, a full pie, to 0.5 for a donut, and the gap between. */
+export interface UiChartPieStyle {
+    readonly innerRadius?: number;
+    readonly angularInset?: number;
+}
+/** A rectangle chart's colour and corner radius. */
+export interface UiChartRectangleStyle {
+    readonly color?: string;
+    readonly cornerRadius?: number;
+}
+/** The lines `referenceLines` draws across a `ui-chart`. */
+export interface UiChartRuleStyle {
+    readonly color?: string;
+    readonly lineWidth?: number;
+    readonly dashArray?: readonly number[];
+}
+/**
+ * A Swift Charts chart of `data`, drawn as `type` says, iOS only, as Compose has no chart. Each
+ * style applies to its own type alone; `referenceLines` are drawn across it in `ruleStyle`.
+ * `showLegend` shows only when no point has a colour of its own.
+ */
+export declare class UiChart {
+    protected readonly nativeView: true;
+    readonly data: import("@angular/core").InputSignal<readonly UiChartDataPoint[]>;
+    readonly type: import("@angular/core").InputSignal<UiChartType | undefined>;
+    readonly showGrid: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly animate: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly showLegend: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly referenceLines: import("@angular/core").InputSignal<readonly UiChartDataPoint[] | undefined>;
+    readonly lineStyle: import("@angular/core").InputSignal<UiChartLineStyle | undefined>;
+    readonly pointStyle: import("@angular/core").InputSignal<UiChartPointStyle | undefined>;
+    readonly areaStyle: import("@angular/core").InputSignal<UiChartAreaStyle | undefined>;
+    readonly barStyle: import("@angular/core").InputSignal<UiChartBarStyle | undefined>;
+    readonly pieStyle: import("@angular/core").InputSignal<UiChartPieStyle | undefined>;
+    readonly rectangleStyle: import("@angular/core").InputSignal<UiChartRectangleStyle | undefined>;
+    readonly ruleStyle: import("@angular/core").InputSignal<UiChartRuleStyle | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiChart, "ui-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "referenceLines": { "alias": "referenceLines"; "required": false; "isSignal": true; }; "lineStyle": { "alias": "lineStyle"; "required": false; "isSignal": true; }; "pointStyle": { "alias": "pointStyle"; "required": false; "isSignal": true; }; "areaStyle": { "alias": "areaStyle"; "required": false; "isSignal": true; }; "barStyle": { "alias": "barStyle"; "required": false; "isSignal": true; }; "pieStyle": { "alias": "pieStyle"; "required": false; "isSignal": true; }; "rectangleStyle": { "alias": "rectangleStyle"; "required": false; "isSignal": true; }; "ruleStyle": { "alias": "ruleStyle"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * A SwiftUI `ProgressView`: a bar filled to `value`, from 0 to 1, or a spinner without one. On
+ * Android, Compose's `LinearProgressIndicator`, a moving bar rather than a spinner without a value.
+ */
 export declare class UiProgress {
+    protected readonly nativeView: true;
+    protected readonly android: boolean;
     readonly value: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiProgress, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiProgress, "ui-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-/** A SwiftUI `HStack`. */
+/**
+ * A SwiftUI `HStack`, or Compose's `Row` on Android, centred, as SwiftUI's is, unless `alignment`
+ * says otherwise. Compose has no `firstTextBaseline`, and centres instead. Without `spacing`, SwiftUI
+ * puts its own default spacing between children and Compose puts none.
+ */
 export declare class UiHStack {
+    protected readonly nativeView: true;
     readonly alignment: import("@angular/core").InputSignal<"center" | "top" | "bottom" | "firstTextBaseline" | undefined>;
     readonly spacing: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    protected readonly android: boolean;
+    protected readonly spacedBy: typeof spacedBy;
+    protected composeAlignment(alignment: 'top' | 'center' | 'bottom' | 'firstTextBaseline' | undefined): "center" | "top" | "bottom";
     static ɵfac: i0.ɵɵFactoryDeclaration<UiHStack, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiHStack, "ui-hstack", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+declare function spacedBy(spacing: number | undefined): {
+    spacedBy: number;
+} | undefined;
 /** A SwiftUI `Spacer`: the room left over in its stack. */
 export declare class UiSpacer {
+    protected readonly nativeView: true;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiSpacer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiSpacer, "ui-spacer", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Where `ui-zstack` puts its layers, as SwiftUI names it. */
+export type UiZStackAlignment = 'center' | 'leading' | 'trailing' | 'top' | 'bottom' | 'topLeading' | 'topTrailing' | 'bottomLeading' | 'bottomTrailing';
+/**
+ * A SwiftUI `ZStack`: its children drawn over one another, the first at the back. On Android,
+ * Compose's `Box`, centred, as SwiftUI's is, unless `alignment` says otherwise.
+ */
+export declare class UiZStack {
+    protected readonly nativeView: true;
+    readonly alignment: import("@angular/core").InputSignal<UiZStackAlignment | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    protected readonly android: boolean;
+    protected readonly contentAlignment: Record<UiZStackAlignment, string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiZStack, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiZStack, "ui-zstack", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/** A SwiftUI `Rectangle`, filling the space it is given. Colour it with `foregroundStyle`. */
+export declare class UiRectangle {
+    protected readonly nativeView: true;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiRectangle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiRectangle, "ui-rectangle", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A SwiftUI `RoundedRectangle`, its corners rounded by `cornerRadius`. */
+export declare class UiRoundedRectangle {
+    protected readonly nativeView: true;
+    readonly cornerRadius: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiRoundedRectangle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiRoundedRectangle, "ui-rounded-rectangle", never, { "cornerRadius": { "alias": "cornerRadius"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A SwiftUI `UnevenRoundedRectangle`: a rectangle with a radius of its own for each corner. */
+export declare class UiUnevenRoundedRectangle {
+    protected readonly nativeView: true;
+    readonly topLeadingRadius: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly topTrailingRadius: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly bottomLeadingRadius: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly bottomTrailingRadius: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiUnevenRoundedRectangle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiUnevenRoundedRectangle, "ui-uneven-rounded-rectangle", never, { "topLeadingRadius": { "alias": "topLeadingRadius"; "required": false; "isSignal": true; }; "topTrailingRadius": { "alias": "topTrailingRadius"; "required": false; "isSignal": true; }; "bottomLeadingRadius": { "alias": "bottomLeadingRadius"; "required": false; "isSignal": true; }; "bottomTrailingRadius": { "alias": "bottomTrailingRadius"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A SwiftUI `Capsule`: a rectangle with fully rounded ends. */
+export declare class UiCapsule {
+    protected readonly nativeView: true;
+    readonly cornerStyle: import("@angular/core").InputSignal<"continuous" | "circular" | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiCapsule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiCapsule, "ui-capsule", never, { "cornerStyle": { "alias": "cornerStyle"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A SwiftUI `Circle`, as large as fits the space it is given. */
+export declare class UiCircle {
+    protected readonly nativeView: true;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiCircle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiCircle, "ui-circle", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A SwiftUI `Ellipse`, filling the space it is given. */
+export declare class UiEllipse {
+    protected readonly nativeView: true;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiEllipse, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiEllipse, "ui-ellipse", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * WidgetKit's `AccessoryWidgetBackground`: the system's backdrop for a lock screen widget, the
+ * translucent disc or panel behind its content.
+ */
+export declare class UiAccessoryWidgetBackground {
+    protected readonly nativeView: true;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiAccessoryWidgetBackground, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiAccessoryWidgetBackground, "ui-accessory-widget-background", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A SwiftUI `Label`: a title beside an SF Symbol. */
+export declare class UiLabel {
+    protected readonly nativeView: true;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    /** An SF Symbol name. */
+    readonly systemImage: import("@angular/core").InputSignal<string | undefined>;
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiLabel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiLabel, "ui-label", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "systemImage": { "alias": "systemImage"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * A SwiftUI `Link`: opens `destination`, a URL, when tapped. It shows `label`, or the views
+ * written inside it. In a widget, a link is how a tap opens the app at a deep link.
+ */
+export declare class UiLink {
+    protected readonly nativeView: true;
+    readonly destination: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiLink, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiLink, "ui-link", never, { "destination": { "alias": "destination"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
 /** A SwiftUI `LabeledContent`: a label, and its content beside it. */
 export declare class UiLabeledContent {
+    protected readonly nativeView: true;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiLabeledContent, never>;
@@ -314,14 +591,17 @@ export declare class UiLabeledContent {
 }
 /** A SwiftUI `Form`: settings-style grouped rows. */
 export declare class UiForm {
+    protected readonly nativeView: true;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiForm, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiForm, "ui-form", never, { "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /** A SwiftUI `Section` of a form or a list, under `title`. */
 export declare class UiSection {
+    protected readonly nativeView: true;
     readonly title: import("@angular/core").InputSignal<string | undefined>;
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiSection, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiSection, "ui-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+export {};