@ng-native/expo 0.0.1 → 0.1.0

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

@@ -0,0 +1,327 @@
+import type { NativeState } from './native-state.ts';
+import { type NativeSyntheticEvent } from '@ng-native/fabric';
+import * as i0 from "@angular/core";
+/** One SwiftUI modifier, as `@expo/ui`'s modifier functions build them: `{ $type: 'frame', ... }`. */
+export interface UiModifier {
+    readonly $type: string;
+    readonly [key: string]: unknown;
+}
+/**
+ * The bridge from Yoga's layout to SwiftUI's; every other `ui-*` view goes inside one.
+ * `matchContents` sizes the host to the SwiftUI content rather than the other way round, on both
+ * axes or on the ones named. Native reads a flag per axis, which is what this splits it into, as
+ * `@expo/ui`'s own `Host` does: without them the host has no size of its own, and the control
+ * drawn in it spills outside it, where it can be seen but not touched or read by VoiceOver.
+ */
+export declare class UiHost {
+    readonly matchContents: import("@angular/core").InputSignal<boolean | {
+        readonly vertical?: boolean;
+        readonly horizontal?: boolean;
+    } | undefined>;
+    protected readonly matchVertical: import("@angular/core").Signal<boolean | undefined>;
+    protected readonly matchHorizontal: import("@angular/core").Signal<boolean | undefined>;
+    readonly ignoreSafeArea: import("@angular/core").InputSignal<"all" | "keyboard" | "container" | undefined>;
+    readonly useViewportSizeMeasurement: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiHost, "ui-host", never, { "matchContents": { "alias": "matchContents"; "required": false; "isSignal": true; }; "ignoreSafeArea": { "alias": "ignoreSafeArea"; "required": false; "isSignal": true; }; "useViewportSizeMeasurement": { "alias": "useViewportSizeMeasurement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/** A SwiftUI `Menu`. Its trigger is the `label` or a `<ui-slot name="label">`; its items are children. */
+export declare class UiMenu {
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    /** An SF Symbol name. */
+    readonly systemImage: import("@angular/core").InputSignal<string | undefined>;
+    readonly accessibilityLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    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. */
+export declare class UiButton {
+    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>;
+    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>;
+}
+/** A SwiftUI `Divider`: a separator between groups of menu items. */
+export declare class UiDivider {
+    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>;
+}
+/**
+ * Content for a named slot of its parent view, such as a menu's `label`. `extraProps` is what
+ * the slot tells its parent about itself: a `ui-swipe-actions` group's `edge` and
+ * `allowsFullSwipe`.
+ */
+export declare class UiSlot {
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly extraProps: import("@angular/core").InputSignal<Readonly<Record<string, unknown>> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiSlot, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiSlot, "ui-slot", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "extraProps": { "alias": "extraProps"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * A SwiftUI `List`: rows as SwiftUI lays them out, which is what lets a row take the system's own
+ * swipe actions through `ui-swipe-actions`.
+ */
+export declare class UiList {
+    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>;
+}
+/**
+ * The system's swipe actions on a list row, iOS only. The first child is the row; the actions go
+ * in `<ui-slot name="actions" [extraProps]="{ edge: 'trailing', allowsFullSwipe: true }">`, one
+ * slot per edge, as `ui-button`s.
+ */
+export declare class UiSwipeActions {
+    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>;
+}
+/** What `ui-slider` sends as the thumb moves: its new value. */
+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.
+ */
+export declare class UiSlider {
+    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>;
+    /** How many steps the range is divided into; none moves the thumb continuously. */
+    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>;
+    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`. */
+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>;
+    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 {
+    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>;
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    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`. */
+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>;
+}
+/**
+ * What `ui-date-picker` sends when the user picks: the chosen moment, which SwiftUI reports in
+ * milliseconds since the epoch.
+ */
+export type UiDateChangeEvent = NativeSyntheticEvent<{
+    readonly date: number | string;
+}>;
+/**
+ * A date picker: SwiftUI's `DatePicker` on iOS, Compose's on Android.
+ *
+ * A Signal Forms field as it stands - `<ui-date-picker [formField]="f.arrival" />` - through its
+ * `value` model, a `Date` (or null). The two platforms take and report a date differently, and
+ * this is where that difference ends: SwiftUI is handed `selection` as ISO text and reports
+ * `dateChange`; Compose is handed `initialDate` in milliseconds and reports `dateSelected`. Either
+ * way the model gets a `Date`. A `disabled` field adds SwiftUI's `disabled` modifier. SwiftUI's
+ * picker always shows a date, today when the field is empty, and the date it reports as it appears
+ * is not taken as the user's; an optional date is best asked for behind a button that shows the
+ * picker once the user wants to give one.
+ *
+ * `selection` is still accepted as ISO text, for a picker bound without a form.
+ */
+export declare class UiDatePicker {
+    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>;
+    readonly range: import("@angular/core").InputSignal<{
+        readonly start?: string;
+        readonly end?: string;
+    } | undefined>;
+    readonly accessibilityLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    /** The picked date: what `[formField]` binds. */
+    readonly value: import("@angular/core").ModelSignal<Date | null>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** The user picked, which is when a form shows a field's errors: a picker has no blur. */
+    readonly touch: import("@angular/core").OutputEmitterRef<void>;
+    readonly dateChange: import("@angular/core").OutputEmitterRef<UiDateChangeEvent>;
+    private readonly android;
+    protected readonly resolvedSelection: import("@angular/core").Signal<string | undefined>;
+    protected readonly initialDate: import("@angular/core").Signal<number | null | undefined>;
+    protected readonly resolvedModifiers: import("@angular/core").Signal<readonly UiModifier[] | undefined>;
+    /**
+     * SwiftUI's picker cannot be empty: it shows today, and reports that as a change the moment it
+     * appears. Taken as the user's choice, an empty date field would fill itself in, pass
+     * `required` and mark the form dirty before anyone touched it. So the first report, while the
+     * field is empty and the picker has only just appeared, is the picker describing itself.
+     */
+    private readonly appeared;
+    private settled;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiDatePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiDatePicker, "ui-date-picker", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "displayedComponents": { "alias": "displayedComponents"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; "dateChange": "dateChange"; }, never, never, true, never>;
+}
+/** One choice in a `ui-picker`: what the field is set to, and what the user reads. */
+export interface UiPickerOption {
+    readonly value: string | number;
+    readonly label: string;
+}
+/**
+ * A SwiftUI `Picker`, iOS only, as a Signal Forms field: `<ui-picker [options]="rooms"
+ * [formField]="f.room" />`. `options` draws the choices, each tagged with its value, which is the
+ * content slot and `tag` modifiers `@expo/ui` otherwise wants written out by hand; children still
+ * work for anything richer. `pickerStyle` is SwiftUI's (`menu`, `segmented`, `wheel`, `inline`).
+ */
+export declare class UiPicker {
+    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 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>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** The user picked, which is when a form shows a field's errors: a picker has no blur. */
+    readonly touch: import("@angular/core").OutputEmitterRef<void>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<NativeSyntheticEvent<{
+        readonly selection: string | number;
+    }>>;
+    /** Each option's `tag`, one array per value, so a pass hands native the same objects. */
+    protected readonly tags: import("@angular/core").Signal<Map<string | number, readonly UiModifier[]>>;
+    protected readonly resolvedModifiers: import("@angular/core").Signal<readonly UiModifier[] | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiPicker, "ui-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "systemImage": { "alias": "systemImage"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "pickerStyle": { "alias": "pickerStyle"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; "selectionChange": "selectionChange"; }, never, ["*"], true, never>;
+}
+/** What `ui-toggle` sends when it is switched: whether it is now on. */
+export type UiToggleChangeEvent = NativeSyntheticEvent<{
+    readonly isOn: boolean;
+}>;
+/** A SwiftUI `Toggle`. `isOnChange` reports each flip. */
+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>;
+    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>;
+}
+/** What `ui-stepper` sends as it is stepped: its new value. */
+export type UiStepperChangeEvent = NativeSyntheticEvent<{
+    readonly value: number;
+}>;
+/** A SwiftUI `Stepper`, between `min` and `max` by `step`. */
+export declare class UiStepper {
+    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>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<UiStepperChangeEvent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiStepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiStepper, "ui-stepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+}
+/** What `ui-text-field` sends as it is typed into: the text so far. */
+export type UiTextFieldChangeEvent = NativeSyntheticEvent<{
+    readonly value: string;
+}>;
+/**
+ * A SwiftUI `TextField`. `text` is where it keeps what is typed, a `nativeState('')`: the field
+ * writes to it on the UI thread, and `textChange` reports each change.
+ */
+export declare class UiTextField {
+    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>;
+    readonly textChange: import("@angular/core").OutputEmitterRef<UiTextFieldChangeEvent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiTextField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiTextField, "ui-text-field", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, { "textChange": "textChange"; }, never, never, true, never>;
+}
+/** What `ui-color-picker` sends when a colour is picked: the colour, as hex. */
+export type UiColorChangeEvent = NativeSyntheticEvent<{
+    readonly value: string;
+}>;
+/** A SwiftUI `ColorPicker`. `selection` is a colour as hex. */
+export declare class UiColorPicker {
+    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>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<UiColorChangeEvent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiColorPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiColorPicker, "ui-color-picker", never, { "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "supportsOpacity": { "alias": "supportsOpacity"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+/** A SwiftUI `Gauge`: `value` between `min` and `max`, drawn as `type` says. */
+export declare class UiGauge {
+    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>;
+    readonly type: import("@angular/core").InputSignal<string | undefined>;
+    readonly currentValueLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly minimumValueLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly maximumValueLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    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. */
+export declare class UiProgress {
+    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`. */
+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>;
+    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>;
+}
+/** 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>;
+}
+/** A SwiftUI `LabeledContent`: a label, and its content beside it. */
+export declare class UiLabeledContent {
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly modifiers: import("@angular/core").InputSignal<readonly UiModifier[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiLabeledContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiLabeledContent, "ui-labeled-content", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/** A SwiftUI `Form`: settings-style grouped rows. */
+export declare class UiForm {
+    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 {
+    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>;
+}