@ng-native/expo 0.1.3 → 0.3.0

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

@@ -35,8 +35,12 @@ 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. */
+/**
+ * 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 android: boolean;
     readonly label: import("@angular/core").InputSignal<string | undefined>;
     /** An SF Symbol name. */
     readonly systemImage: import("@angular/core").InputSignal<string | undefined>;
@@ -46,7 +50,7 @@ export declare class UiButton {
     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>;
 }
-/** 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 {
     readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiDivider, never>;
@@ -58,6 +62,7 @@ export declare class UiDivider {
  * `allowsFullSwipe`.
  */
 export declare class UiSlot {
+    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>;
@@ -87,8 +92,8 @@ 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 {
     readonly value: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
@@ -98,14 +103,28 @@ 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 {
     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>;
 }
@@ -119,12 +138,15 @@ 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 {
     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
@@ -216,12 +238,21 @@ 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 {
     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>;
 }
@@ -284,27 +315,127 @@ 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. */
+/**
+ * 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 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 {
     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 {
     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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
     readonly label: import("@angular/core").InputSignal<string | undefined>;
@@ -325,3 +456,4 @@ export declare class UiSection {
     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 {};