// Built-in JSX views and host helpers. Editor metadata only.
/** A JSX drawing node. */
interface View {}
/** View property. */
type ViewContent = View | string | number | boolean | null | undefined | ViewContent[];
/** View property. */
type TextContent = string | number | bigint | boolean | symbol | { toString(): string } | null | undefined;
/** HDR color data for drawing colors and gradients. */
type HDRColor = { readonly $type: "CapDrive.HDR"; readonly color: string };
/** View property. */
type RGBColor = { space?: "srgb" | "displayP3"; r: number; g: number; b: number; a?: number };
/** View property. */
type Color = string | RGBColor | HDRColor;
/** View property. */
type ViewPoint = { x: number; y: number };
/** View property. */
type ChartDataPoint = { value: { x: number; y: number | null }; label: { x: string; y: string } };
/** View property. */
type ChartRange = readonly [min: number, max: number];
/** View property. */
type MapCoordinate = { latitude: number; longitude: number };
/** View property. */
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 };
/** View property. */
type ChartAxisStyle = { stroke?: Paint; lineWidth?: number; lineCap?: "round" | "butt" | "square"; dash?: readonly number[]; dashPhase?: number };
/** View property. */
type BarChartDataPoint = { value: number; label?: string };
/** View property. */
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" };
/** View property. */
type GradientStop = Color | { color: Color; location: number };
/** View property. */
type GradientColors = ReadonlyArray<GradientStop>;
/** View property. */
type LinearGradientOptions = { angle?: number; center?: ViewPoint };
/** View property. */
type RadialGradientOptions = { startRadius?: number; endRadius?: number; center?: ViewPoint };
/** View property. */
type AngularGradientOptions = { angle?: number; center?: ViewPoint };
/** View property. */
type Gradient = { readonly type: "linear" | "radial" | "angular"; readonly angle?: number; readonly startRadius?: number; readonly endRadius?: number; readonly center?: ViewPoint; readonly colors: GradientColors };
/** View property. */
type Paint = Color | Gradient;
/** View property. */
type DrawingEffect = { color?: Color; opacity?: number; radius?: number; x?: number; y?: number };
/** View property. */
type ViewTransform = { translateX?: number; translateY?: number; scaleX?: number; scaleY?: number; rotation?: number; skewX?: number; skewY?: number; anchorX?: number; anchorY?: number };
/** View property. */
type RepeatAxisValue = number | { x?: number; y?: number };
/** View property. */
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";
/** View property. */
type Animation = { property: AnimationProperty; duration?: number; delay?: number; curve?: string; from?: number | Color; to?: number | Color; repeat?: number | "forever"; autoreverse?: boolean; wrap?: number };
/** View property. */
type CircleAnimation = (Omit<Animation, "property"> & { 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<Animation, "property" | "wrap" | "from" | "to"> & { property: "sweepAngle"; from?: number; to?: number; wrap?: never });
/** View property. */
type EllipseAnimation = (Omit<Animation, "property"> & { 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<Animation, "property" | "wrap" | "from" | "to"> & { property: "sweepAngle"; from?: number; to?: number; wrap?: never });
/** View property. */
type ArcAnimation = (Omit<Animation, "property"> & { 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<Animation, "property" | "wrap" | "from" | "to"> & { property: "sweepAngle"; from?: number; to?: number; wrap?: never });
/** View property. */
type MapAnimation = (Omit<Animation, "property" | "from" | "to"> & { 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<Animation, "property" | "from" | "to" | "wrap"> & { property: "pathStyle.stroke" | "pathStyle.outlineStroke"; from?: Color; to?: Color; wrap?: never });
/** View property. */
type LineChartAnimation = (Omit<Animation, "property"> & { 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<Animation, "property" | "wrap" | "from" | "to"> & { property: "rangeX.0" | "rangeX.1" | "rangeY.0" | "rangeY.1"; from?: number; to?: number; wrap?: never }) | (Omit<Animation, "property" | "from" | "to"> & { property: "xAxis.lineWidth" | "xAxis.dashPhase" | "yAxis.lineWidth" | "yAxis.dashPhase"; from?: number; to?: number }) | (Omit<Animation, "property" | "from" | "to" | "wrap"> & { property: "xAxis.stroke" | "yAxis.stroke"; from?: Color; to?: Color; wrap?: never });
/** View property. */
type BarChartAnimation = (Omit<Animation, "property"> & { 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<Animation, "property" | "wrap" | "from" | "to"> & { property: "rangeY.0" | "rangeY.1"; from?: number; to?: number; wrap?: never }) | (Omit<Animation, "property" | "from" | "to"> & { property: "xAxis.lineWidth" | "xAxis.dashPhase" | "yAxis.lineWidth" | "yAxis.dashPhase"; from?: number; to?: number }) | (Omit<Animation, "property" | "from" | "to" | "wrap"> & { property: "xAxis.stroke" | "yAxis.stroke"; from?: Color; to?: Color; wrap?: never });
/** View property. */
type RadialLayoutAnimation = (Omit<Animation, "property"> & { 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<Animation, "property" | "wrap" | "from" | "to"> & { property: "sweepAngle"; from?: number; to?: number; wrap?: never });
/** View property. */
type SpacerAnimation = { property: "width" | "height" | "minLength"; duration?: number; delay?: number; curve?: string; from?: number; to?: number; repeat?: number | "forever"; autoreverse?: boolean; wrap?: number };
/** View property. */
type ContentAnimation = { type: "fade" | "slide" | "scale" | "numericText" | "interpolate"; duration?: number; delay?: number; curve?: string; direction?: string; distance?: number; scale?: number };
/** View property. */
type ViewSize = { width: number; height: number };
/** View property. */
type ViewInsets = { top: number; leading: number; bottom: number; trailing: number };
/** View property. */
type CardContentMetrics = { size: ViewSize; contentSize: ViewSize; headerSize: ViewSize; safeInsets: ViewInsets };
interface CommonViewProps {
  /** Stable identity among siblings. */
  key?: string | number;
  /** Child drawing content. */
  children?: ViewContent;
  /** Width in points, auto sizing or parent fill. */
  width?: number | "auto" | "fill";
  /** Height in points, auto sizing or parent fill. */
  height?: number | "auto" | "fill";
  /** Content padding in points. */
  padding?: number;
  /** View property. */
  x?: number;
  /** View property. */
  y?: number;
  /** View property. */
  opacity?: number;
  /** View property. */
  background?: Paint;
  /** View property. */
  cornerRadius?: number;
  /** View property. */
  clipped?: boolean;
  /** View property. */
  clip?: "rectangle" | "ellipse";
  /** View property. */
  blur?: number;
  /** View property. */
  zIndex?: number;
  /** View property. */
  innerShadow?: DrawingEffect;
  /** View property. */
  glow?: DrawingEffect;
  /** View property. */
  shadowColor?: Color;
  /** View property. */
  shadowOpacity?: number;
  /** View property. */
  shadowRadius?: number;
  /** View property. */
  shadowX?: number;
  /** View property. */
  shadowY?: number;
  /** Alpha mask View. Centered without affecting layout; null disables masking. */
  mask?: View | null;
  /** View property. */
  transform?: ViewTransform;
  /** View property. */
  animations?: Animation[];
}
interface TextProps extends CommonViewProps {
  /** Child drawing content. */
  children?: TextContent | TextContent[];
  /** Font size in points. */
  fontSize?: number;
  /** View property. */
  fontWeight?: "ultraLight" | "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black";
  /** View property. */
  font?: "default" | "rounded" | "monospaced" | "serif";
  /** View property. */
  monospacedDigits?: boolean;
  /** View property. */
  letterSpacing?: number;
  /** View property. */
  minimumScaleFactor?: number;
  /** View property. */
  lineLimit?: number | null;
  /** View property. */
  truncationMode?: "head" | "middle" | "tail";
  /** Drawing color, including HDR colors. */
  color?: Paint;
  /** View property. */
  alignment?: "leading" | "center" | "trailing";
  /** View property. */
  contentAnimation?: ContentAnimation;
}
interface ImageProps extends CommonViewProps {
  children?: never;
  /** View property. */
  source: string;
  /** View property. */
  contentMode?: "fit" | "fill" | "stretch";
  /** View property. */
  repeatMode?: "none" | "repeat" | "repeatX" | "repeatY";
  /** View property. */
  renderingMode?: "original" | "template";
  /** Drawing color, including HDR colors. */
  color?: Paint;
  /** View property. */
  contentAnimation?: ContentAnimation;
}
interface GroupProps {
  /** Stable identity among siblings. */
  key?: string | number;
  /** Child drawing content. */
  children?: ViewContent;
  /** View property. */
  opacity?: number;
  /** View property. */
  background?: Paint;
  /** View property. */
  cornerRadius?: number;
  /** View property. */
  clipped?: boolean;
  /** View property. */
  clip?: "rectangle" | "ellipse";
  /** View property. */
  blur?: number;
  /** View property. */
  zIndex?: number;
  /** View property. */
  innerShadow?: DrawingEffect;
  /** View property. */
  glow?: DrawingEffect;
  /** View property. */
  shadowColor?: Color;
  /** View property. */
  shadowOpacity?: number;
  /** View property. */
  shadowRadius?: number;
  /** View property. */
  shadowX?: number;
  /** View property. */
  shadowY?: number;
  /** Alpha mask View. Centered without affecting layout; null disables masking. */
  mask?: View | null;
  /** View property. */
  transform?: ViewTransform;
  /** View property. */
  animations?: Animation[];
}
interface SpacerProps {
  children?: never;
  /** Stable identity among siblings. */
  key?: string | number;
  /** Width in points, auto sizing or parent fill. */
  width?: number | "auto" | "fill";
  /** Height in points, auto sizing or parent fill. */
  height?: number | "auto" | "fill";
  /** View property. */
  minLength?: number;
  /** View property. */
  animations?: SpacerAnimation[];
}
interface VStackProps extends CommonViewProps {
  /** Space between children in points. */
  spacing?: number;
  /** View property. */
  alignment?: "leading" | "center" | "trailing";
}
interface HStackProps extends CommonViewProps {
  /** Space between children in points. */
  spacing?: number;
  /** View property. */
  alignment?: "top" | "center" | "bottom" | "firstTextBaseline" | "lastTextBaseline";
}
interface ZStackProps extends CommonViewProps {
  /** View property. */
  alignment?: "topLeading" | "top" | "topTrailing" | "leading" | "center" | "trailing" | "bottomLeading" | "bottom" | "bottomTrailing";
}
interface MaterialProps {
  children?: never;
  /** Stable identity among siblings. */
  key?: string | number;
  /** Width in points, auto sizing or parent fill. */
  width?: number | "auto" | "fill";
  /** Height in points, auto sizing or parent fill. */
  height?: number | "auto" | "fill";
  /** View property. */
  x?: number;
  /** View property. */
  y?: number;
  /** View property. */
  opacity?: number;
  /** View property. */
  background?: Paint;
  /** View property. */
  cornerRadius?: number;
  /** View property. */
  clipped?: boolean;
  /** View property. */
  clip?: boolean | "rectangle" | "ellipse";
  /** View property. */
  blur?: number;
  /** View property. */
  zIndex?: number;
  /** View property. */
  innerShadow?: DrawingEffect;
  /** View property. */
  glow?: DrawingEffect;
  /** View property. */
  shadowColor?: Color;
  /** View property. */
  shadowOpacity?: number;
  /** View property. */
  shadowRadius?: number;
  /** View property. */
  shadowX?: number;
  /** View property. */
  shadowY?: number;
  /** Alpha mask View. Centered without affecting layout; null disables masking. */
  mask?: View | null;
  /** View property. */
  transform?: ViewTransform;
  /** View property. */
  animations?: Animation[];
  /** View property. */
  type: "frosted";
  /** View property. */
  style?: "ultraThin" | "thin" | "regular" | "thick" | "ultraThick" | "bar";
}
interface CardContentBase extends Omit<CommonViewProps, "children"> {
  /** Header text or a View. */
  title?: string | View | null;
  /** Trailing header text or a View. */
  trailing?: string | View | null;
  /** View property. */
  contentMode?: "inset" | "full";
  /** View property. */
  headerBackground?: View | null;
}
interface SymbolProps extends CommonViewProps {
  children?: never;
  /** View property. */
  name: string;
  /** Font size in points. */
  fontSize?: number;
  /** View property. */
  fontWeight?: "ultraLight" | "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black";
  /** View property. */
  imageScale?: "small" | "medium" | "large";
  /** View property. */
  renderingMode?: "monochrome" | "hierarchical" | "palette" | "multicolor";
  /** View property. */
  paletteColors?: [Color] | [Color, Color] | [Color, Color, Color];
  /** Drawing color, including HDR colors. */
  color?: Paint;
  /** View property. */
  contentAnimation?: ContentAnimation;
}
interface RepeatedLayoutProps extends Omit<CommonViewProps, "clipped"> {
  /** View property. */
  axis?: "horizontal" | "vertical" | "both";
  /** View property. */
  period?: RepeatAxisValue;
  /** View property. */
  value?: RepeatAxisValue;
  /** View property. */
  anchor?: RepeatAxisValue;
  /** View property. */
  offset?: RepeatAxisValue;
  /** View property. */
  alignment?: "topLeading" | "top" | "topTrailing" | "leading" | "center" | "trailing" | "bottomLeading" | "bottom" | "bottomTrailing";
}
interface RadialLayoutProps extends CommonViewProps {
  /** View property. */
  animations?: RadialLayoutAnimation[];
  /** View property. */
  radius?: number;
  /** View property. */
  radiusX?: number;
  /** View property. */
  radiusY?: number;
  /** Start angle in degrees, wrapped modulo 360 when sampled. */
  startAngle?: number;
  /** Sweep in degrees, clamped to -360…360 when sampled. Positive is clockwise; wrap is unsupported. */
  sweepAngle?: number;
  /** View property. */
  includeEnd?: boolean;
  /** View property. */
  childRotation?: "none" | "radial" | "tangent";
}
interface CircleProps extends Omit<CommonViewProps, "padding" | "cornerRadius"> {
  children?: never;
  /** View property. */
  animations?: CircleAnimation[];
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  dashPhase?: number;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  dash?: number[];
  /** Start angle in degrees, wrapped modulo 360 when sampled. */
  startAngle?: number;
  /** Sweep in degrees, clamped to -360…360 when sampled. Positive is clockwise; wrap is unsupported. */
  sweepAngle?: number;
  /** Stroke placement relative to the full circle or ellipse contour. Defaults to inside. */
  strokePosition?: "inside" | "center" | "outside";
}
interface EllipseProps extends Omit<CommonViewProps, "padding" | "cornerRadius"> {
  children?: never;
  /** View property. */
  animations?: EllipseAnimation[];
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  dashPhase?: number;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  dash?: number[];
  /** Start angle in degrees, wrapped modulo 360 when sampled. */
  startAngle?: number;
  /** Sweep in degrees, clamped to -360…360 when sampled. Positive is clockwise; wrap is unsupported. */
  sweepAngle?: number;
  /** Stroke placement relative to the full circle or ellipse contour. Defaults to inside. */
  strokePosition?: "inside" | "center" | "outside";
}
interface RectangleProps extends Omit<CommonViewProps, "padding"> {
  children?: never;
  /** View property. */
  trimStart?: number;
  /** View property. */
  trimEnd?: number;
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  lineJoin?: "round" | "miter" | "bevel";
  /** View property. */
  dashPhase?: number;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  dash?: number[];
  /** View property. */
  strokePosition?: "inside" | "center" | "outside";
}
interface LineProps extends Omit<CommonViewProps, "background" | "padding" | "cornerRadius"> {
  children?: never;
  /** View property. */
  trimStart?: number;
  /** View property. */
  trimEnd?: number;
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  dashPhase?: number;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  dash?: number[];
  /** View property. */
  start?: ViewPoint;
  /** View property. */
  end?: ViewPoint;
}
interface ArcProps extends Omit<CommonViewProps, "padding" | "cornerRadius"> {
  children?: never;
  /** View property. */
  animations?: ArcAnimation[];
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  dashPhase?: number;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  dash?: number[];
  /** Start angle in degrees, wrapped modulo 360 when sampled. */
  startAngle?: number;
  /** Sweep in degrees, clamped to -360…360 when sampled. Positive is clockwise; wrap is unsupported. */
  sweepAngle?: number;
  /** Stroke placement relative to the full circle or ellipse contour. Defaults to inside. */
  strokePosition?: "inside" | "center" | "outside";
}
interface PolylineProps extends Omit<CommonViewProps, "padding" | "cornerRadius"> {
  children?: never;
  /** View property. */
  trimStart?: number;
  /** View property. */
  trimEnd?: number;
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  lineJoin?: "round" | "miter" | "bevel";
  /** View property. */
  dashPhase?: number;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  dash?: number[];
  /** Local point coordinates in points. Fewer than two points draw nothing. */
  points: ReadonlyArray<ViewPoint>;
  /** View property. */
  closed?: boolean;
  /** Optional content transition. Interpolate requires the same point count and closed state; otherwise updates immediately. */
  contentAnimation?: ContentAnimation;
}
interface MapProps extends Omit<CommonViewProps, "mask" | "padding" | "background" | "blur" | "glow" | "innerShadow" | "shadowColor" | "shadowOpacity" | "shadowRadius" | "shadowX" | "shadowY"> {
  children?: never;
  /** View property. */
  animations?: MapAnimation[];
  /** View property. */
  showUserLocation?: boolean;
  /** Camera center source: native user location, current instrument location, or fixed coordinates. Defaults to userLocation. */
  center?: "userLocation" | "dataLocation" | MapCoordinate;
  /** Crop offset in screen points. Positive x/y moves the visible region right/down; map content moves left/up. */
  regionOffset?: ViewPoint;
  /** Route coordinates in order. Null breaks a segment. Coordinates use latitude/longitude; an empty array draws no route. */
  path?: ReadonlyArray<MapCoordinate | null>;
  /** Native route style: Color stroke, width, cap, join, dash, outline and optional endpoint markers. Gradients are unsupported. */
  pathStyle?: MapPathStyle;
  /** Camera heading: northUp, vehicle, path, or degrees normalized modulo 360. Path heading respects segment breaks. */
  heading?: "northUp" | "vehicle" | "path" | number;
  /** Animate native camera changes. Enabled by default; disabled on the first frame and with Reduce Motion. */
  cameraAnimation?: boolean;
  /** View property. */
  appearance?: "automatic" | "light" | "dark";
  /** View property. */
  mapStyle?: "standard" | "satellite" | "hybrid";
  /** View property. */
  pitch?: number;
}
interface PathProps extends Omit<CommonViewProps, "padding" | "cornerRadius"> {
  children?: never;
  /** View property. */
  trimStart?: number;
  /** View property. */
  trimEnd?: number;
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  lineJoin?: "round" | "miter" | "bevel";
  /** View property. */
  dashPhase?: number;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  dash?: number[];
  /** Path fill rule: nonZero or evenOdd. */
  fillRule?: "nonZero" | "evenOdd";
  /** Local path commands in points. An empty array draws nothing. */
  commands: ReadonlyArray<PathCommand>;
  /** Optional content transition. Interpolate requires the same command count and operation sequence; otherwise updates immediately. */
  contentAnimation?: ContentAnimation;
}
interface BarChartProps extends Omit<CommonViewProps, "padding"> {
  children?: never;
  /** Fill paint for each bar. Defaults to the theme foreground. */
  background?: Paint;
  /** Corner radius of each bar, clamped to its size. */
  cornerRadius?: number;
  /** View property. */
  animations?: BarChartAnimation[];
  /** Horizontal axis line at the bottom of the plot. Defaults to foreground with 1pt width; use clear stroke to hide. */
  xAxis?: ChartAxisStyle;
  /** Vertical axis line at the left of the plot. Defaults to foreground with 1pt width; use clear stroke to hide. */
  yAxis?: ChartAxisStyle;
  /** Categories in array order. Each item has a numeric value and an optional label. */
  data: ReadonlyArray<BarChartDataPoint>;
  /** Bar direction: vertical runs left to right; horizontal runs top to bottom. */
  axis?: "horizontal" | "vertical";
  /** Visible value range [min, max]. Omit to fit data and include zero. */
  rangeY?: ChartRange;
  /** Show category labels. Missing labels stay empty; native layout prevents overlap. */
  showLabels?: boolean;
  /** Show automatically generated numeric axis labels. */
  showValueLabels?: boolean;
  /** Bar thickness in points, or auto to fit category spacing. */
  barThickness?: number | "auto";
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** Stroke placement relative to each bar. Defaults to inside. */
  strokePosition?: "inside" | "center" | "outside";
  /** View property. */
  dash?: number[];
  /** View property. */
  dashPhase?: number;
  /** Optional content transition. Interpolate requires the same category count and axis; otherwise updates immediately. */
  contentAnimation?: ContentAnimation;
}
interface LineChartProps extends Omit<CommonViewProps, "background" | "padding" | "cornerRadius"> {
  children?: never;
  /** View property. */
  animations?: LineChartAnimation[];
  /** Horizontal axis line at the bottom of the plot. Defaults to foreground with 1pt width; use clear stroke to hide. */
  xAxis?: ChartAxisStyle;
  /** Vertical axis line at the left of the plot. Defaults to foreground with 1pt width; use clear stroke to hide. */
  yAxis?: ChartAxisStyle;
  /** Chart samples. value.x/y set coordinates and label.x/y set text; null y breaks the line. */
  data: ReadonlyArray<ChartDataPoint>;
  /** Visible numeric axis range [min, max]. Omit to fit data automatically. */
  rangeX?: ChartRange;
  /** Visible numeric axis range [min, max]. Omit to fit data automatically. */
  rangeY?: ChartRange;
  /** Show axis labels. Native layout selects a non-overlapping subset. */
  showXLabels?: boolean;
  /** Show axis labels. Native layout selects a non-overlapping subset. */
  showYLabels?: boolean;
  /** Shape stroke color. */
  stroke?: Paint;
  /** View property. */
  lineWidth?: number;
  /** View property. */
  lineCap?: "round" | "butt" | "square";
  /** View property. */
  lineJoin?: "round" | "miter" | "bevel";
  /** View property. */
  dash?: number[];
  /** View property. */
  dashPhase?: number;
  /** Optional content transition. Interpolate requires the same sample count and missing-value pattern; otherwise updates immediately. */
  contentAnimation?: ContentAnimation;
}
type CardContentProps = CardContentBase & ({ children?: ViewContent; renderer?: never } | { children?: never; renderer: (metrics: CardContentMetrics) => ViewContent });
declare namespace CapDriveJSX {
/**
 * Draw text.
 * @param {TextProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Text(props: TextProps): View;
/**
 * Display a bundled image resource.
 * @param {ImageProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Image(props: ImageProps): View;
/**
 * Transform and apply effects to children as one group.
 * @param {GroupProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Group(props: GroupProps): View;
/**
 * Reserve flexible space.
 * @param {SpacerProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Spacer(props: SpacerProps): View;
/**
 * Arrange children vertically.
 * @param {VStackProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function VStack(props: VStackProps): View;
/**
 * Arrange children horizontally.
 * @param {HStackProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function HStack(props: HStackProps): View;
/**
 * Overlay children back to front.
 * @param {ZStackProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function ZStack(props: ZStackProps): View;
/**
 * Draw native background material.
 * @param {MaterialProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Material(props: MaterialProps): View;
/**
 * Lay out an instrument header and content.
 * @param {CardContentProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function CardContent(props: CardContentProps): View;
/**
 * Draw an SF Symbols icon.
 * @param {SymbolProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Symbol(props: SymbolProps): View;
/**
 * Repeat a periodic drawing around the current value.
 * @param {RepeatedLayoutProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function RepeatedLayout(props: RepeatedLayoutProps): View;
/**
 * Arrange children around a circle or ellipse.
 * @param {RadialLayoutProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function RadialLayout(props: RadialLayoutProps): View;
/**
 * Draw a circle.
 * @param {CircleProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Circle(props: CircleProps): View;
/**
 * Draw an ellipse.
 * @param {EllipseProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Ellipse(props: EllipseProps): View;
/**
 * Draw a rectangle.
 * @param {RectangleProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Rectangle(props: RectangleProps): View;
/**
 * Draw a straight line.
 * @param {LineProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Line(props: LineProps): View;
/**
 * Draw a circular or elliptical arc.
 * @param {ArcProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Arc(props: ArcProps): View;
/**
 * Draw a series of connected points.
 * @param {PolylineProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Polyline(props: PolylineProps): View;
/**
 * Display a native map.
 * @param {MapProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Map(props: MapProps): View;
/**
 * Draw a path.
 * @param {PathProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function Path(props: PathProps): View;
/**
 * Draw a bar chart.
 * @param {BarChartProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function BarChart(props: BarChartProps): View;
/**
 * Draw a line chart.
 * @param {LineChartProps} props View properties.
 * @returns {View} A JSX drawing node.
 */
  function LineChart(props: LineChartProps): View;
}
declare function CardContent(props: CardContentProps): View;
/**
 * Mark a color for HDR enhancement while preserving its base SDR color.
 * @param {string} color A color name or hexadecimal color.
 * @returns {HDRColor} HDR color data for drawing colors and gradients.
 */
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;