// Built-in JSX views and host helpers. Editor metadata only. /** Un nœud de dessin JSX. */ interface View {} /** Propriété de la vue. */ type ViewContent = View | string | number | boolean | null | undefined | ViewContent[]; /** Propriété de la vue. */ type TextContent = string | number | bigint | boolean | symbol | { toString(): string } | null | undefined; /** Données de couleur HDR pour les couleurs de dessin et les dégradés. */ type HDRColor = { readonly $type: "CapDrive.HDR"; readonly color: string }; /** Propriété de la vue. */ type RGBColor = { space?: "srgb" | "displayP3"; r: number; g: number; b: number; a?: number }; /** Propriété de la vue. */ type Color = string | RGBColor | HDRColor; /** Propriété de la vue. */ type ViewPoint = { x: number; y: number }; /** Propriété de la vue. */ type ChartDataPoint = { value: { x: number; y: number | null }; label: { x: string; y: string } }; /** Propriété de la vue. */ type ChartRange = readonly [min: number, max: number]; /** Propriété de la vue. */ type MapCoordinate = { latitude: number; longitude: number }; /** Propriété de la vue. */ type MapPathStyle = { stroke?: Color; lineWidth?: number; lineCap?: "round" | "butt" | "square"; lineJoin?: "round" | "miter" | "bevel"; dash?: readonly number[]; dashPhase?: number; outlineStroke?: Color; outlineWidth?: number; showEndpoints?: boolean }; /** Propriété de la vue. */ type ChartAxisStyle = { stroke?: Paint; lineWidth?: number; lineCap?: "round" | "butt" | "square"; dash?: readonly number[]; dashPhase?: number }; /** Propriété de la vue. */ type BarChartDataPoint = { value: number; label?: string }; /** Propriété de la vue. */ type PathCommand = { op: "move"; x: number; y: number } | { op: "line"; x: number; y: number } | { op: "quad"; x: number; y: number; cx: number; cy: number } | { op: "cubic"; x: number; y: number; c1x: number; c1y: number; c2x: number; c2y: number } | { op: "arc"; x: number; y: number; radius: number; startAngle: number; sweepAngle: number } | { op: "close" }; /** Propriété de la vue. */ type GradientStop = Color | { color: Color; location: number }; /** Propriété de la vue. */ type GradientColors = ReadonlyArray; /** Propriété de la vue. */ type LinearGradientOptions = { angle?: number; center?: ViewPoint }; /** Propriété de la vue. */ type RadialGradientOptions = { startRadius?: number; endRadius?: number; center?: ViewPoint }; /** Propriété de la vue. */ type AngularGradientOptions = { angle?: number; center?: ViewPoint }; /** Propriété de la vue. */ type Gradient = { readonly type: "linear" | "radial" | "angular"; readonly angle?: number; readonly startRadius?: number; readonly endRadius?: number; readonly center?: ViewPoint; readonly colors: GradientColors }; /** Propriété de la vue. */ type Paint = Color | Gradient; /** Propriété de la vue. */ type DrawingEffect = { color?: Color; opacity?: number; radius?: number; x?: number; y?: number }; /** Propriété de la vue. */ type ViewTransform = { translateX?: number; translateY?: number; scaleX?: number; scaleY?: number; rotation?: number; skewX?: number; skewY?: number; anchorX?: number; anchorY?: number }; /** Propriété de la vue. */ type RepeatAxisValue = number | { x?: number; y?: number }; /** Propriété de la vue. */ type AnimationProperty = "width" | "height" | "padding" | "x" | "y" | "opacity" | "cornerRadius" | "blur" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY" | "fontSize" | "letterSpacing" | "minimumScaleFactor" | "spacing" | "radius" | "radiusX" | "radiusY" | "startAngle" | "sweepAngle" | "lineWidth" | "dashPhase" | "trimStart" | "trimEnd" | "barThickness" | "value" | "offset" | "anchor" | "period" | "minLength" | "color" | "stroke" | "background" | "shadowColor" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" | "period.x" | "period.y" | "value.x" | "value.y" | "anchor.x" | "anchor.y" | "offset.x" | "offset.y" | "start.x" | "start.y" | "end.x" | "end.y" | "rangeX.0" | "rangeX.1" | "rangeY.0" | "rangeY.1" | "xAxis.lineWidth" | "xAxis.dashPhase" | "yAxis.lineWidth" | "yAxis.dashPhase" | "xAxis.stroke" | "yAxis.stroke" | "regionOffset.x" | "regionOffset.y" | "pathStyle.lineWidth" | "pathStyle.outlineWidth" | "pathStyle.dashPhase" | "pathStyle.stroke" | "pathStyle.outlineStroke"; /** Propriété de la vue. */ type Animation = { property: AnimationProperty; duration?: number; delay?: number; curve?: string; from?: number | Color; to?: number | Color; repeat?: number | "forever"; autoreverse?: boolean; wrap?: number }; /** Propriété de la vue. */ type CircleAnimation = (Omit & { property: "width" | "height" | "x" | "y" | "opacity" | "background" | "blur" | "shadowColor" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY" | "dashPhase" | "stroke" | "lineWidth" | "startAngle" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" }) | (Omit & { property: "sweepAngle"; from?: number; to?: number; wrap?: never }); /** Propriété de la vue. */ type EllipseAnimation = (Omit & { property: "width" | "height" | "x" | "y" | "opacity" | "background" | "blur" | "shadowColor" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY" | "dashPhase" | "stroke" | "lineWidth" | "startAngle" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" }) | (Omit & { property: "sweepAngle"; from?: number; to?: number; wrap?: never }); /** Propriété de la vue. */ type ArcAnimation = (Omit & { property: "width" | "height" | "x" | "y" | "opacity" | "background" | "blur" | "shadowColor" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY" | "dashPhase" | "stroke" | "lineWidth" | "startAngle" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" }) | (Omit & { property: "sweepAngle"; from?: number; to?: number; wrap?: never }); /** Propriété de la vue. */ type MapAnimation = (Omit & { property: "width" | "height" | "x" | "y" | "opacity" | "cornerRadius" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" | "regionOffset.x" | "regionOffset.y" | "pathStyle.lineWidth" | "pathStyle.outlineWidth" | "pathStyle.dashPhase"; from?: number; to?: number }) | (Omit & { property: "pathStyle.stroke" | "pathStyle.outlineStroke"; from?: Color; to?: Color; wrap?: never }); /** Propriété de la vue. */ type LineChartAnimation = (Omit & { property: "width" | "height" | "x" | "y" | "opacity" | "blur" | "shadowColor" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY" | "stroke" | "lineWidth" | "dashPhase" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" }) | (Omit & { property: "rangeX.0" | "rangeX.1" | "rangeY.0" | "rangeY.1"; from?: number; to?: number; wrap?: never }) | (Omit & { property: "xAxis.lineWidth" | "xAxis.dashPhase" | "yAxis.lineWidth" | "yAxis.dashPhase"; from?: number; to?: number }) | (Omit & { property: "xAxis.stroke" | "yAxis.stroke"; from?: Color; to?: Color; wrap?: never }); /** Propriété de la vue. */ type BarChartAnimation = (Omit & { property: "width" | "height" | "x" | "y" | "opacity" | "background" | "cornerRadius" | "blur" | "shadowColor" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY" | "barThickness" | "stroke" | "lineWidth" | "dashPhase" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" }) | (Omit & { property: "rangeY.0" | "rangeY.1"; from?: number; to?: number; wrap?: never }) | (Omit & { property: "xAxis.lineWidth" | "xAxis.dashPhase" | "yAxis.lineWidth" | "yAxis.dashPhase"; from?: number; to?: number }) | (Omit & { property: "xAxis.stroke" | "yAxis.stroke"; from?: Color; to?: Color; wrap?: never }); /** Propriété de la vue. */ type RadialLayoutAnimation = (Omit & { property: "width" | "height" | "padding" | "x" | "y" | "opacity" | "background" | "cornerRadius" | "blur" | "shadowColor" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY" | "radius" | "radiusX" | "radiusY" | "startAngle" | "transform.translateX" | "transform.translateY" | "transform.scaleX" | "transform.scaleY" | "transform.rotation" | "transform.skewX" | "transform.skewY" | "transform.anchorX" | "transform.anchorY" }) | (Omit & { property: "sweepAngle"; from?: number; to?: number; wrap?: never }); /** Propriété de la vue. */ type SpacerAnimation = { property: "width" | "height" | "minLength"; duration?: number; delay?: number; curve?: string; from?: number; to?: number; repeat?: number | "forever"; autoreverse?: boolean; wrap?: number }; /** Propriété de la vue. */ type ContentAnimation = { type: "fade" | "slide" | "scale" | "numericText" | "interpolate"; duration?: number; delay?: number; curve?: string; direction?: string; distance?: number; scale?: number }; /** Propriété de la vue. */ type ViewSize = { width: number; height: number }; /** Propriété de la vue. */ type ViewInsets = { top: number; leading: number; bottom: number; trailing: number }; /** Propriété de la vue. */ type CardContentMetrics = { size: ViewSize; contentSize: ViewSize; headerSize: ViewSize; safeInsets: ViewInsets }; interface CommonViewProps { /** Identifiant stable parmi les éléments frères. */ key?: string | number; /** Contenu de dessin enfant. */ children?: ViewContent; /** Largeur en points, taille automatique ou remplissage du parent. */ width?: number | "auto" | "fill"; /** Hauteur en points, taille automatique ou remplissage du parent. */ height?: number | "auto" | "fill"; /** Marge intérieure du contenu en points. */ padding?: number; /** Propriété de la vue. */ x?: number; /** Propriété de la vue. */ y?: number; /** Propriété de la vue. */ opacity?: number; /** Propriété de la vue. */ background?: Paint; /** Propriété de la vue. */ cornerRadius?: number; /** Propriété de la vue. */ clipped?: boolean; /** Propriété de la vue. */ clip?: "rectangle" | "ellipse"; /** Propriété de la vue. */ blur?: number; /** Propriété de la vue. */ zIndex?: number; /** Propriété de la vue. */ innerShadow?: DrawingEffect; /** Propriété de la vue. */ glow?: DrawingEffect; /** Propriété de la vue. */ shadowColor?: Color; /** Propriété de la vue. */ shadowOpacity?: number; /** Propriété de la vue. */ shadowRadius?: number; /** Propriété de la vue. */ shadowX?: number; /** Propriété de la vue. */ shadowY?: number; /** View de masque alpha. Centrée sans modifier la disposition ; null désactive le masque. */ mask?: View | null; /** Propriété de la vue. */ transform?: ViewTransform; /** Propriété de la vue. */ animations?: Animation[]; } interface TextProps extends CommonViewProps { /** Contenu de dessin enfant. */ children?: TextContent | TextContent[]; /** Taille de police en points. */ fontSize?: number; /** Propriété de la vue. */ fontWeight?: "ultraLight" | "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black"; /** Propriété de la vue. */ font?: "default" | "rounded" | "monospaced" | "serif"; /** Propriété de la vue. */ monospacedDigits?: boolean; /** Propriété de la vue. */ letterSpacing?: number; /** Propriété de la vue. */ minimumScaleFactor?: number; /** Propriété de la vue. */ lineLimit?: number | null; /** Propriété de la vue. */ truncationMode?: "head" | "middle" | "tail"; /** Couleur de dessin, y compris les couleurs HDR. */ color?: Paint; /** Propriété de la vue. */ alignment?: "leading" | "center" | "trailing"; /** Propriété de la vue. */ contentAnimation?: ContentAnimation; } interface ImageProps extends CommonViewProps { children?: never; /** Propriété de la vue. */ source: string; /** Propriété de la vue. */ contentMode?: "fit" | "fill" | "stretch"; /** Propriété de la vue. */ repeatMode?: "none" | "repeat" | "repeatX" | "repeatY"; /** Propriété de la vue. */ renderingMode?: "original" | "template"; /** Couleur de dessin, y compris les couleurs HDR. */ color?: Paint; /** Propriété de la vue. */ contentAnimation?: ContentAnimation; } interface GroupProps { /** Identifiant stable parmi les éléments frères. */ key?: string | number; /** Contenu de dessin enfant. */ children?: ViewContent; /** Propriété de la vue. */ opacity?: number; /** Propriété de la vue. */ background?: Paint; /** Propriété de la vue. */ cornerRadius?: number; /** Propriété de la vue. */ clipped?: boolean; /** Propriété de la vue. */ clip?: "rectangle" | "ellipse"; /** Propriété de la vue. */ blur?: number; /** Propriété de la vue. */ zIndex?: number; /** Propriété de la vue. */ innerShadow?: DrawingEffect; /** Propriété de la vue. */ glow?: DrawingEffect; /** Propriété de la vue. */ shadowColor?: Color; /** Propriété de la vue. */ shadowOpacity?: number; /** Propriété de la vue. */ shadowRadius?: number; /** Propriété de la vue. */ shadowX?: number; /** Propriété de la vue. */ shadowY?: number; /** View de masque alpha. Centrée sans modifier la disposition ; null désactive le masque. */ mask?: View | null; /** Propriété de la vue. */ transform?: ViewTransform; /** Propriété de la vue. */ animations?: Animation[]; } interface SpacerProps { children?: never; /** Identifiant stable parmi les éléments frères. */ key?: string | number; /** Largeur en points, taille automatique ou remplissage du parent. */ width?: number | "auto" | "fill"; /** Hauteur en points, taille automatique ou remplissage du parent. */ height?: number | "auto" | "fill"; /** Propriété de la vue. */ minLength?: number; /** Propriété de la vue. */ animations?: SpacerAnimation[]; } interface VStackProps extends CommonViewProps { /** Espacement entre les vues enfants en points. */ spacing?: number; /** Propriété de la vue. */ alignment?: "leading" | "center" | "trailing"; } interface HStackProps extends CommonViewProps { /** Espacement entre les vues enfants en points. */ spacing?: number; /** Propriété de la vue. */ alignment?: "top" | "center" | "bottom" | "firstTextBaseline" | "lastTextBaseline"; } interface ZStackProps extends CommonViewProps { /** Propriété de la vue. */ alignment?: "topLeading" | "top" | "topTrailing" | "leading" | "center" | "trailing" | "bottomLeading" | "bottom" | "bottomTrailing"; } interface MaterialProps { children?: never; /** Identifiant stable parmi les éléments frères. */ key?: string | number; /** Largeur en points, taille automatique ou remplissage du parent. */ width?: number | "auto" | "fill"; /** Hauteur en points, taille automatique ou remplissage du parent. */ height?: number | "auto" | "fill"; /** Propriété de la vue. */ x?: number; /** Propriété de la vue. */ y?: number; /** Propriété de la vue. */ opacity?: number; /** Propriété de la vue. */ background?: Paint; /** Propriété de la vue. */ cornerRadius?: number; /** Propriété de la vue. */ clipped?: boolean; /** Propriété de la vue. */ clip?: boolean | "rectangle" | "ellipse"; /** Propriété de la vue. */ blur?: number; /** Propriété de la vue. */ zIndex?: number; /** Propriété de la vue. */ innerShadow?: DrawingEffect; /** Propriété de la vue. */ glow?: DrawingEffect; /** Propriété de la vue. */ shadowColor?: Color; /** Propriété de la vue. */ shadowOpacity?: number; /** Propriété de la vue. */ shadowRadius?: number; /** Propriété de la vue. */ shadowX?: number; /** Propriété de la vue. */ shadowY?: number; /** View de masque alpha. Centrée sans modifier la disposition ; null désactive le masque. */ mask?: View | null; /** Propriété de la vue. */ transform?: ViewTransform; /** Propriété de la vue. */ animations?: Animation[]; /** Propriété de la vue. */ type: "frosted"; /** Propriété de la vue. */ style?: "ultraThin" | "thin" | "regular" | "thick" | "ultraThick" | "bar"; } interface CardContentBase extends Omit { /** Texte d’en-tête ou View. */ title?: string | View | null; /** Texte ou View à la fin de l’en-tête. */ trailing?: string | View | null; /** Propriété de la vue. */ contentMode?: "inset" | "full"; /** Propriété de la vue. */ headerBackground?: View | null; } interface SymbolProps extends CommonViewProps { children?: never; /** Propriété de la vue. */ name: string; /** Taille de police en points. */ fontSize?: number; /** Propriété de la vue. */ fontWeight?: "ultraLight" | "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black"; /** Propriété de la vue. */ imageScale?: "small" | "medium" | "large"; /** Propriété de la vue. */ renderingMode?: "monochrome" | "hierarchical" | "palette" | "multicolor"; /** Propriété de la vue. */ paletteColors?: [Color] | [Color, Color] | [Color, Color, Color]; /** Couleur de dessin, y compris les couleurs HDR. */ color?: Paint; /** Propriété de la vue. */ contentAnimation?: ContentAnimation; } interface RepeatedLayoutProps extends Omit { /** Propriété de la vue. */ axis?: "horizontal" | "vertical" | "both"; /** Propriété de la vue. */ period?: RepeatAxisValue; /** Propriété de la vue. */ value?: RepeatAxisValue; /** Propriété de la vue. */ anchor?: RepeatAxisValue; /** Propriété de la vue. */ offset?: RepeatAxisValue; /** Propriété de la vue. */ alignment?: "topLeading" | "top" | "topTrailing" | "leading" | "center" | "trailing" | "bottomLeading" | "bottom" | "bottomTrailing"; } interface RadialLayoutProps extends CommonViewProps { /** Propriété de la vue. */ animations?: RadialLayoutAnimation[]; /** Propriété de la vue. */ radius?: number; /** Propriété de la vue. */ radiusX?: number; /** Propriété de la vue. */ radiusY?: number; /** Angle de départ en degrés, ramené modulo 360 à chaque échantillonnage. */ startAngle?: number; /** Balayage en degrés, limité à -360…360 à chaque échantillonnage. Les valeurs positives vont dans le sens horaire ; wrap est indisponible. */ sweepAngle?: number; /** Propriété de la vue. */ includeEnd?: boolean; /** Propriété de la vue. */ childRotation?: "none" | "radial" | "tangent"; } interface CircleProps extends Omit { children?: never; /** Propriété de la vue. */ animations?: CircleAnimation[]; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ dashPhase?: number; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ dash?: number[]; /** Angle de départ en degrés, ramené modulo 360 à chaque échantillonnage. */ startAngle?: number; /** Balayage en degrés, limité à -360…360 à chaque échantillonnage. Les valeurs positives vont dans le sens horaire ; wrap est indisponible. */ sweepAngle?: number; /** Position du trait par rapport au contour complet du cercle ou de l’ellipse. Par défaut : inside. */ strokePosition?: "inside" | "center" | "outside"; } interface EllipseProps extends Omit { children?: never; /** Propriété de la vue. */ animations?: EllipseAnimation[]; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ dashPhase?: number; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ dash?: number[]; /** Angle de départ en degrés, ramené modulo 360 à chaque échantillonnage. */ startAngle?: number; /** Balayage en degrés, limité à -360…360 à chaque échantillonnage. Les valeurs positives vont dans le sens horaire ; wrap est indisponible. */ sweepAngle?: number; /** Position du trait par rapport au contour complet du cercle ou de l’ellipse. Par défaut : inside. */ strokePosition?: "inside" | "center" | "outside"; } interface RectangleProps extends Omit { children?: never; /** Propriété de la vue. */ trimStart?: number; /** Propriété de la vue. */ trimEnd?: number; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ lineJoin?: "round" | "miter" | "bevel"; /** Propriété de la vue. */ dashPhase?: number; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ dash?: number[]; /** Propriété de la vue. */ strokePosition?: "inside" | "center" | "outside"; } interface LineProps extends Omit { children?: never; /** Propriété de la vue. */ trimStart?: number; /** Propriété de la vue. */ trimEnd?: number; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ dashPhase?: number; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ dash?: number[]; /** Propriété de la vue. */ start?: ViewPoint; /** Propriété de la vue. */ end?: ViewPoint; } interface ArcProps extends Omit { children?: never; /** Propriété de la vue. */ animations?: ArcAnimation[]; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ dashPhase?: number; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ dash?: number[]; /** Angle de départ en degrés, ramené modulo 360 à chaque échantillonnage. */ startAngle?: number; /** Balayage en degrés, limité à -360…360 à chaque échantillonnage. Les valeurs positives vont dans le sens horaire ; wrap est indisponible. */ sweepAngle?: number; /** Position du trait par rapport au contour complet du cercle ou de l’ellipse. Par défaut : inside. */ strokePosition?: "inside" | "center" | "outside"; } interface PolylineProps extends Omit { children?: never; /** Propriété de la vue. */ trimStart?: number; /** Propriété de la vue. */ trimEnd?: number; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ lineJoin?: "round" | "miter" | "bevel"; /** Propriété de la vue. */ dashPhase?: number; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ dash?: number[]; /** Coordonnées locales en points. Aucun tracé avec moins de deux points. */ points: ReadonlyArray; /** Propriété de la vue. */ closed?: boolean; /** Transition de contenu facultative. interpolate exige le même nombre de points et le même état de fermeture ; sinon la mise à jour est immédiate. */ contentAnimation?: ContentAnimation; } interface MapProps extends Omit { children?: never; /** Propriété de la vue. */ animations?: MapAnimation[]; /** Propriété de la vue. */ showUserLocation?: boolean; /** Centre de caméra : position native, position actuelle de l’instrument ou coordonnées fixes. Par défaut userLocation. */ center?: "userLocation" | "dataLocation" | MapCoordinate; /** Décalage du cadrage en points écran. x/y positifs déplacent la région vers la droite/le bas et le contenu vers la gauche/le haut. */ regionOffset?: ViewPoint; /** Coordonnées du trajet dans l’ordre. Null sépare les segments. Latitude/longitude ; un tableau vide ne trace aucun trajet. */ path?: ReadonlyArray; /** Style natif : Color, largeur, extrémités, jonctions, pointillés, contour et marqueurs facultatifs. Dégradés non pris en charge. */ pathStyle?: MapPathStyle; /** Orientation : northUp, vehicle, path ou degrés modulo 360. La direction du trajet respecte les coupures. */ heading?: "northUp" | "vehicle" | "path" | number; /** Animer les changements de caméra natifs. Activé par défaut, sauf au premier affichage et en mouvement réduit. */ cameraAnimation?: boolean; /** Propriété de la vue. */ appearance?: "automatic" | "light" | "dark"; /** Propriété de la vue. */ mapStyle?: "standard" | "satellite" | "hybrid"; /** Propriété de la vue. */ pitch?: number; } interface PathProps extends Omit { children?: never; /** Propriété de la vue. */ trimStart?: number; /** Propriété de la vue. */ trimEnd?: number; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ lineJoin?: "round" | "miter" | "bevel"; /** Propriété de la vue. */ dashPhase?: number; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ dash?: number[]; /** Règle de remplissage : nonZero ou evenOdd. */ fillRule?: "nonZero" | "evenOdd"; /** Commandes de tracé locales en points. Un tableau vide ne dessine rien. */ commands: ReadonlyArray; /** Transition de contenu facultative. interpolate exige le même nombre de commandes et la même séquence d’opérations ; sinon la mise à jour est immédiate. */ contentAnimation?: ContentAnimation; } interface BarChartProps extends Omit { children?: never; /** Remplissage de chaque barre. Par défaut, couleur de premier plan du thème. */ background?: Paint; /** Rayon des coins de chaque barre, limité à sa taille. */ cornerRadius?: number; /** Propriété de la vue. */ animations?: BarChartAnimation[]; /** Axe horizontal en bas du graphique. Par défaut : couleur de premier plan, largeur 1pt ; stroke: clear le masque. */ xAxis?: ChartAxisStyle; /** Axe vertical à gauche du graphique. Par défaut : couleur de premier plan, largeur 1pt ; stroke: clear le masque. */ yAxis?: ChartAxisStyle; /** Catégories dans l’ordre du tableau. Chaque élément contient une valeur numérique et un libellé facultatif. */ data: ReadonlyArray; /** Orientation : vertical de gauche à droite ; horizontal de haut en bas. */ axis?: "horizontal" | "vertical"; /** Plage visible [min, max]. Sans valeur, adaptation aux données en incluant zéro. */ rangeY?: ChartRange; /** Afficher les libellés des catégories. Les absents restent vides ; la disposition native évite les chevauchements. */ showLabels?: boolean; /** Afficher les graduations numériques générées automatiquement. */ showValueLabels?: boolean; /** Épaisseur des barres en points, ou auto selon l’espacement des catégories. */ barThickness?: number | "auto"; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Position du contour par rapport à chaque barre. Par défaut inside. */ strokePosition?: "inside" | "center" | "outside"; /** Propriété de la vue. */ dash?: number[]; /** Propriété de la vue. */ dashPhase?: number; /** Transition facultative. interpolate exige le même nombre de catégories et la même orientation ; sinon mise à jour immédiate. */ contentAnimation?: ContentAnimation; } interface LineChartProps extends Omit { children?: never; /** Propriété de la vue. */ animations?: LineChartAnimation[]; /** Axe horizontal en bas du graphique. Par défaut : couleur de premier plan, largeur 1pt ; stroke: clear le masque. */ xAxis?: ChartAxisStyle; /** Axe vertical à gauche du graphique. Par défaut : couleur de premier plan, largeur 1pt ; stroke: clear le masque. */ yAxis?: ChartAxisStyle; /** Données du graphique. value.x/y définit les coordonnées, label.x/y le texte ; y nul interrompt la ligne. */ data: ReadonlyArray; /** Plage numérique visible [min, max]. Sans valeur, adaptation automatique aux données. */ rangeX?: ChartRange; /** Plage numérique visible [min, max]. Sans valeur, adaptation automatique aux données. */ rangeY?: ChartRange; /** Afficher les étiquettes de l’axe. La disposition native sélectionne un sous-ensemble sans chevauchement. */ showXLabels?: boolean; /** Afficher les étiquettes de l’axe. La disposition native sélectionne un sous-ensemble sans chevauchement. */ showYLabels?: boolean; /** Couleur du contour de la forme. */ stroke?: Paint; /** Propriété de la vue. */ lineWidth?: number; /** Propriété de la vue. */ lineCap?: "round" | "butt" | "square"; /** Propriété de la vue. */ lineJoin?: "round" | "miter" | "bevel"; /** Propriété de la vue. */ dash?: number[]; /** Propriété de la vue. */ dashPhase?: number; /** Transition facultative. interpolate exige le même nombre d’échantillons et les mêmes positions manquantes ; sinon la mise à jour est immédiate. */ contentAnimation?: ContentAnimation; } type CardContentProps = CardContentBase & ({ children?: ViewContent; renderer?: never } | { children?: never; renderer: (metrics: CardContentMetrics) => ViewContent }); declare namespace CapDriveJSX { /** * Dessine du texte. * @param {TextProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Text(props: TextProps): View; /** * Affiche une ressource image intégrée. * @param {ImageProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Image(props: ImageProps): View; /** * Appliquer des transformations et des effets aux vues enfants comme un seul groupe. * @param {GroupProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Group(props: GroupProps): View; /** * Réserve un espace flexible. * @param {SpacerProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Spacer(props: SpacerProps): View; /** * Dispose les vues enfants verticalement. * @param {VStackProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function VStack(props: VStackProps): View; /** * Dispose les vues enfants horizontalement. * @param {HStackProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function HStack(props: HStackProps): View; /** * Superpose les vues enfants de l’arrière vers l’avant. * @param {ZStackProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function ZStack(props: ZStackProps): View; /** * Dessine un matériau d’arrière-plan natif. * @param {MaterialProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Material(props: MaterialProps): View; /** * Dispose l’en-tête et le contenu d’un instrument. * @param {CardContentProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function CardContent(props: CardContentProps): View; /** * Dessine une icône SF Symbols. * @param {SymbolProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Symbol(props: SymbolProps): View; /** * Répète un dessin périodique autour de la valeur actuelle. * @param {RepeatedLayoutProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function RepeatedLayout(props: RepeatedLayoutProps): View; /** * Dispose les vues enfants sur un cercle ou une ellipse. * @param {RadialLayoutProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function RadialLayout(props: RadialLayoutProps): View; /** * Dessine un cercle. * @param {CircleProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Circle(props: CircleProps): View; /** * Dessine une ellipse. * @param {EllipseProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Ellipse(props: EllipseProps): View; /** * Dessine un rectangle. * @param {RectangleProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Rectangle(props: RectangleProps): View; /** * Dessine une ligne droite. * @param {LineProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Line(props: LineProps): View; /** * Dessine un arc circulaire ou elliptique. * @param {ArcProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Arc(props: ArcProps): View; /** * Dessine une série de points reliés. * @param {PolylineProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Polyline(props: PolylineProps): View; /** * Affiche une carte native. * @param {MapProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Map(props: MapProps): View; /** * Dessine un tracé. * @param {PathProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function Path(props: PathProps): View; /** * Dessine un graphique en barres. * @param {BarChartProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function BarChart(props: BarChartProps): View; /** * Dessine un graphique en courbes. * @param {LineChartProps} props Propriétés de la vue. * @returns {View} Un nœud de dessin JSX. */ function LineChart(props: LineChartProps): View; } declare function CardContent(props: CardContentProps): View; /** * Marque une couleur pour l’amélioration HDR tout en conservant sa couleur SDR de base. * @param {string} color Un nom de couleur ou une couleur hexadécimale. * @returns {HDRColor} Données de couleur HDR pour les couleurs de dessin et les dégradés. */ interface HDRFactory { (color: string): HDRColor; new(color: string): HDRColor; } declare const HDR: HDRFactory; interface LinearGradientFactory { (colors: GradientColors, options?: LinearGradientOptions): Gradient; new(colors: GradientColors, options?: LinearGradientOptions): Gradient; } declare const LinearGradient: LinearGradientFactory; interface RadialGradientFactory { (colors: GradientColors, options?: RadialGradientOptions): Gradient; new(colors: GradientColors, options?: RadialGradientOptions): Gradient; } declare const RadialGradient: RadialGradientFactory; interface AngularGradientFactory { (colors: GradientColors, options?: AngularGradientOptions): Gradient; new(colors: GradientColors, options?: AngularGradientOptions): Gradient; } declare const AngularGradient: AngularGradientFactory;