elit 3.5.6 → 3.5.7

package/src/native-render-support.ts

@@ -1,361 +0,0 @@
-import { type NativeStyleResolveOptions } from './style';
-import type {
-    NativeBackgroundImageSpec,
-    NativeBackgroundLayerSpec,
-    NativeChunkedLayout,
-    NativeChunkedRow,
-    NativeContentStackAlignment,
-    NativeGridColumnTrackSizeSpec,
-    NativeGridItemAlignment,
-    NativePropValue,
-} from './native-types';
-import { toComposeBrushLiteral, toComposeColorLiteral, toSwiftColorLiteral, toSwiftGradientLiteral } from './native-color';
-import { quoteKotlinString, quoteSwiftString } from './native-strings';
-import { formatFloat, getNativeStyleResolveOptions, toPointLiteral } from './native-units';
-import { appendComposeModifierCall } from './native-canvas';
-import { buildComposeArrangement, buildComposeCrossAlignment } from './native-layout';
-
-function indent(level: number): string {
-    return '    '.repeat(level);
-}
-
-export function resolveNativeStretchChunkedRows(
-    rows: NativeChunkedRow[],
-    contentAlignment: NativeContentStackAlignment | undefined,
-): NativeChunkedRow[] {
-    if (contentAlignment !== 'stretch') {
-        return rows;
-    }
-
-    return rows.map((row) => row.trackWeight === undefined && row.stretchEligible && row.height === undefined
-        ? { ...row, trackWeight: 1 }
-        : row);
-}
-
-export function resolveEffectiveChunkedContentAlignment(layout: NativeChunkedLayout): NativeContentStackAlignment | undefined {
-    return layout.kind === 'grid' && layout.rows.some((row) => row.trackWeight !== undefined)
-        ? undefined
-        : layout.contentAlignment;
-}
-
-export function buildComposeChunkedRowArguments(
-    style: Record<string, NativePropValue> | undefined,
-    modifier: string,
-    columnGap?: number,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string {
-    const args = [`modifier = ${modifier}`];
-    const arrangement = buildComposeArrangement(
-        'Row',
-        style,
-        styleResolveOptions,
-        columnGap !== undefined ? `${formatFloat(columnGap)}.dp` : undefined,
-    );
-    if (arrangement) {
-        args.push(`horizontalArrangement = ${arrangement}`);
-    }
-
-    const alignment = buildComposeCrossAlignment('Row', style);
-    if (alignment) {
-        args.push(`verticalAlignment = ${alignment}`);
-    }
-
-    return args.join(', ');
-}
-
-export function buildComposeChunkedTrackModifier(baseModifier: string, row: NativeChunkedRow): string {
-    let modifier = baseModifier;
-
-    if (row.height !== undefined) {
-        modifier = appendComposeModifierCall(modifier, `height(${formatFloat(row.height)}.dp)`);
-    } else if (row.minHeight !== undefined || row.maxHeight !== undefined) {
-        const heightInArgs: string[] = [];
-        if (row.minHeight !== undefined) {
-            heightInArgs.push(`min = ${formatFloat(row.minHeight)}.dp`);
-        }
-        if (row.maxHeight !== undefined) {
-            heightInArgs.push(`max = ${formatFloat(row.maxHeight)}.dp`);
-        }
-        modifier = appendComposeModifierCall(modifier, `heightIn(${heightInArgs.join(', ')})`);
-    }
-
-    return row.trackWeight !== undefined
-        ? appendComposeModifierCall(modifier, `weight(${formatFloat(row.trackWeight)}f, fill = true)`)
-        : modifier;
-}
-
-export function hasNativeGridColumnConstraint(spec: NativeGridColumnTrackSizeSpec | undefined): boolean {
-    return Boolean(spec && (spec.width !== undefined || spec.minWidth !== undefined || spec.maxWidth !== undefined));
-}
-
-export function buildComposeGridCellModifier(
-    weight: number | undefined,
-    shouldExpandWidth: boolean,
-    shouldExpandHeight: boolean,
-    columnSize: NativeGridColumnTrackSizeSpec | undefined,
-): string {
-    let modifier = 'Modifier';
-
-    if (weight !== undefined) {
-        modifier = appendComposeModifierCall(modifier, `weight(${formatFloat(weight)}f)`);
-    }
-
-    if (shouldExpandWidth) {
-        modifier = appendComposeModifierCall(modifier, 'fillMaxWidth()');
-    }
-    if (shouldExpandHeight) {
-        modifier = appendComposeModifierCall(modifier, 'fillMaxHeight()');
-    }
-
-    if (columnSize?.width !== undefined) {
-        modifier = appendComposeModifierCall(modifier, `width(${formatFloat(columnSize.width)}.dp)`);
-    } else if (columnSize?.minWidth !== undefined || columnSize?.maxWidth !== undefined) {
-        const widthInArgs: string[] = [];
-        if (columnSize.minWidth !== undefined) {
-            widthInArgs.push(`min = ${formatFloat(columnSize.minWidth)}.dp`);
-        }
-        if (columnSize.maxWidth !== undefined) {
-            widthInArgs.push(`max = ${formatFloat(columnSize.maxWidth)}.dp`);
-        }
-        modifier = appendComposeModifierCall(modifier, `widthIn(${widthInArgs.join(', ')})`);
-    }
-
-    return modifier;
-}
-
-export function resolveComposeGridCellContentAlignment(
-    horizontal: NativeGridItemAlignment | undefined,
-    vertical: NativeGridItemAlignment | undefined,
-): string | undefined {
-    const resolvedHorizontal = horizontal && horizontal !== 'stretch' ? horizontal : undefined;
-    const resolvedVertical = vertical && vertical !== 'stretch' ? vertical : undefined;
-    if (!resolvedHorizontal && !resolvedVertical) {
-        return undefined;
-    }
-
-    const horizontalToken = resolvedHorizontal === 'center'
-        ? 'Center'
-        : resolvedHorizontal === 'end'
-            ? 'End'
-            : 'Start';
-    const verticalToken = resolvedVertical === 'center'
-        ? 'Center'
-        : resolvedVertical === 'end'
-            ? 'Bottom'
-            : 'Top';
-
-    return verticalToken === 'Center' && horizontalToken === 'Center'
-        ? 'Alignment.Center'
-        : `Alignment.${verticalToken}${horizontalToken}`;
-}
-
-export function buildComposeChunkedColumnArrangement(layout: NativeChunkedLayout): string | undefined {
-    const contentAlignment = resolveEffectiveChunkedContentAlignment(layout);
-    const gap = layout.rowGap !== undefined ? `${formatFloat(layout.rowGap)}.dp` : undefined;
-
-    switch (contentAlignment) {
-        case 'center':
-            return gap ? `Arrangement.spacedBy(${gap}, Alignment.CenterVertically)` : 'Arrangement.Center';
-        case 'end':
-            return gap ? `Arrangement.spacedBy(${gap}, Alignment.Bottom)` : 'Arrangement.Bottom';
-        case 'space-between':
-            return 'Arrangement.SpaceBetween';
-        case 'space-around':
-            return 'Arrangement.SpaceAround';
-        case 'space-evenly':
-            return 'Arrangement.SpaceEvenly';
-        default:
-            return gap ? `Arrangement.spacedBy(${gap})` : undefined;
-    }
-}
-
-export function buildComposeBackgroundImageInvocation(spec: NativeBackgroundImageSpec, modifier: string): string {
-    return `ElitBackgroundImage(source = ${quoteKotlinString(spec.source)}${spec.fit !== 'cover' ? `, backgroundSize = ${quoteKotlinString(spec.fit)}` : ''}${spec.position !== 'center' ? `, backgroundPosition = ${quoteKotlinString(spec.position)}` : ''}${spec.repeat !== 'no-repeat' ? `, backgroundRepeat = ${quoteKotlinString(spec.repeat)}` : ''}, modifier = ${modifier})`;
-}
-
-export function shouldRenderNativeBackgroundLayersWithWrapper(layers: NativeBackgroundLayerSpec[]): boolean {
-    return layers.length > 1 || layers.some((layer) => layer.kind === 'image');
-}
-
-export function buildComposeBackgroundLayerInvocation(layer: NativeBackgroundLayerSpec, modifier: string): string {
-    if (layer.kind === 'image') {
-        return buildComposeBackgroundImageInvocation(layer, modifier);
-    }
-
-    const backgroundCall = layer.kind === 'gradient'
-        ? `background(brush = ${toComposeBrushLiteral(layer.gradient)})`
-        : `background(${toComposeColorLiteral(layer.color)})`;
-    return `Box(modifier = ${appendComposeModifierCall(modifier, backgroundCall)})`;
-}
-
-export function buildSwiftBackgroundImageInvocation(spec: NativeBackgroundImageSpec): string {
-    return `elitBackgroundImageSurface(source: ${quoteSwiftString(spec.source)}${spec.fit !== 'cover' ? `, backgroundSize: ${quoteSwiftString(spec.fit)}` : ''}${spec.position !== 'center' ? `, backgroundPosition: ${quoteSwiftString(spec.position)}` : ''}${spec.repeat !== 'no-repeat' ? `, backgroundRepeat: ${quoteSwiftString(spec.repeat)}` : ''})`;
-}
-
-export function buildSwiftBackgroundLayerInvocation(layer: NativeBackgroundLayerSpec): string {
-    if (layer.kind === 'image') {
-        return buildSwiftBackgroundImageInvocation(layer);
-    }
-
-    const fillLiteral = layer.kind === 'gradient'
-        ? toSwiftGradientLiteral(layer.gradient)
-        : toSwiftColorLiteral(layer.color);
-    return `Rectangle().fill(${fillLiteral}).frame(maxWidth: .infinity, maxHeight: .infinity)`;
-}
-
-export function appendSwiftUIBackgroundLayers(
-    lines: string[],
-    layers: NativeBackgroundLayerSpec[],
-    level: number,
-    style: Record<string, NativePropValue> | undefined,
-    styleResolveOptions: NativeStyleResolveOptions,
-): string[] {
-    const radius = toPointLiteral(style?.borderRadius, styleResolveOptions);
-    const result = [...lines];
-    result.push(`${indent(level + 1)}.background(alignment: .topLeading) {`);
-    if (layers.length > 1) {
-        result.push(`${indent(level + 2)}ZStack {`);
-        for (const layer of [...layers].reverse()) {
-            result.push(`${indent(level + 3)}${buildSwiftBackgroundLayerInvocation(layer)}`);
-        }
-        result.push(`${indent(level + 2)}}`);
-    } else if (layers[0]) {
-        result.push(`${indent(level + 2)}${buildSwiftBackgroundLayerInvocation(layers[0])}`);
-    }
-    if (radius) {
-        result.push(`${indent(level + 3)}.clipShape(RoundedRectangle(cornerRadius: ${radius}))`);
-    }
-    result.push(`${indent(level + 1)}}`);
-    return result;
-}
-
-export function resolveSwiftGridCellFrameAlignment(
-    horizontal: NativeGridItemAlignment | undefined,
-    vertical: NativeGridItemAlignment | undefined,
-): string | undefined {
-    const resolvedHorizontal = horizontal && horizontal !== 'stretch' ? horizontal : undefined;
-    const resolvedVertical = vertical && vertical !== 'stretch' ? vertical : undefined;
-    if (!resolvedHorizontal && !resolvedVertical) {
-        return undefined;
-    }
-
-    const horizontalToken = resolvedHorizontal === 'center'
-        ? 'center'
-        : resolvedHorizontal === 'end'
-            ? 'trailing'
-            : 'leading';
-    const verticalToken = resolvedVertical === 'center'
-        ? 'center'
-        : resolvedVertical === 'end'
-            ? 'bottom'
-            : 'top';
-
-    if (verticalToken === 'center') {
-        if (horizontalToken === 'center') {
-            return '.center';
-        }
-
-        return horizontalToken === 'trailing' ? '.trailing' : '.leading';
-    }
-
-    if (horizontalToken === 'center') {
-        return verticalToken === 'bottom' ? '.bottom' : '.top';
-    }
-
-    return `.${verticalToken}${horizontalToken === 'trailing' ? 'Trailing' : 'Leading'}`;
-}
-
-export function resolveNativeGridCellFillWidth(defaultFillWidth: boolean, horizontalAlignment: NativeGridItemAlignment | undefined): boolean {
-    if (!horizontalAlignment) {
-        return defaultFillWidth;
-    }
-
-    return horizontalAlignment === 'stretch';
-}
-
-export function buildSwiftGridCellFrameModifier(
-    shouldExpandWidth: boolean,
-    shouldExpandHeight: boolean,
-    alignment: string | undefined,
-    columnSize?: NativeGridColumnTrackSizeSpec,
-): string | undefined {
-    const frameArgs: string[] = [];
-    if (columnSize?.width !== undefined) {
-        frameArgs.push(`width: ${formatFloat(columnSize.width)}`);
-    } else {
-        if (columnSize?.minWidth !== undefined) {
-            frameArgs.push(`minWidth: ${formatFloat(columnSize.minWidth)}`);
-        }
-        if (columnSize?.maxWidth !== undefined) {
-            frameArgs.push(`maxWidth: ${formatFloat(columnSize.maxWidth)}`);
-        }
-    }
-    if (shouldExpandWidth) {
-        frameArgs.push('maxWidth: .infinity');
-    }
-    if (shouldExpandHeight) {
-        frameArgs.push('maxHeight: .infinity');
-    }
-    if (alignment) {
-        frameArgs.push(`alignment: ${alignment}`);
-    } else if (frameArgs.length > 0) {
-        frameArgs.push(`alignment: ${shouldExpandHeight ? '.topLeading' : '.leading'}`);
-    }
-
-    return frameArgs.length > 0 ? `.frame(${frameArgs.join(', ')})` : undefined;
-}
-
-export function buildSwiftChunkedRowModifiers(row: NativeChunkedRow): string[] {
-    if (row.height === undefined && row.minHeight === undefined && row.maxHeight === undefined && row.trackWeight === undefined) {
-        return [];
-    }
-
-    const frameArgs = ['maxWidth: .infinity'];
-    if (row.height !== undefined) {
-        frameArgs.push(`height: ${formatFloat(row.height)}`);
-    } else {
-        if (row.minHeight !== undefined) {
-            frameArgs.push(`minHeight: ${formatFloat(row.minHeight)}`);
-        }
-        if (row.maxHeight !== undefined) {
-            frameArgs.push(`maxHeight: ${formatFloat(row.maxHeight)}`);
-        }
-    }
-
-    if (row.trackWeight !== undefined && !frameArgs.includes('maxHeight: .infinity')) {
-        frameArgs.push('maxHeight: .infinity');
-    }
-
-    frameArgs.push('alignment: .topLeading');
-
-    return [
-        `.frame(${frameArgs.join(', ')})`,
-        ...(row.trackWeight !== undefined ? [`.layoutPriority(${formatFloat(row.trackWeight)})`] : []),
-    ];
-}
-
-export function appendSwiftUIModifiers(lines: string[], modifiers: string[], level: number): string[] {
-    if (modifiers.length === 0) {
-        return lines;
-    }
-
-    return [
-        ...lines,
-        ...modifiers.map((modifier) => `${indent(level + 1)}${modifier}`),
-    ];
-}
-
-export function appendSwiftUIOverlays(lines: string[], overlays: string[][], level: number): string[] {
-    if (overlays.length === 0) {
-        return lines;
-    }
-
-    const result = [...lines];
-    for (const overlayLines of overlays) {
-        result.push(`${indent(level + 1)}.overlay(alignment: .topLeading) {`);
-        result.push(...overlayLines);
-        result.push(`${indent(level + 1)}}`);
-    }
-
-    return result;
-}

package/src/native-spacing.ts

@@ -1,231 +0,0 @@
-import { type NativeStyleResolveOptions } from './style';
-import type { NativeAutoMarginFlags, NativePropValue } from './native-types';
-import { formatFloat, getNativeStyleResolveOptions, toScaledUnitNumber } from './native-units';
-import { isFillValue } from './native-color';
-
-function parseSpacingShorthand(
-    value: NativePropValue | undefined,
-    unitParser: (value: NativePropValue | undefined) => string | undefined,
-): { top?: string; right?: string; bottom?: string; left?: string } | undefined {
-    if (value === undefined) return undefined;
-
-    const rawValues = typeof value === 'string'
-        ? value.trim().split(/\s+/).filter(Boolean)
-        : [value];
-
-    if (rawValues.length === 0 || rawValues.length > 4) {
-        return undefined;
-    }
-
-    const parsed = rawValues.map((item) => unitParser(item));
-    if (parsed.some((item) => !item)) {
-        return undefined;
-    }
-
-    const [first, second = first, third = first, fourth = second] = parsed as string[];
-
-    switch (parsed.length) {
-        case 1:
-            return { top: first, right: first, bottom: first, left: first };
-        case 2:
-            return { top: first, right: second, bottom: first, left: second };
-        case 3:
-            return { top: first, right: second, bottom: third, left: second };
-        case 4:
-            return { top: first, right: second, bottom: third, left: fourth };
-        default:
-            return undefined;
-    }
-}
-
-export function resolveDirectionalSpacing(
-    style: Record<string, NativePropValue>,
-    prefix: 'padding' | 'margin',
-    unitParser: (value: NativePropValue | undefined) => string | undefined,
-): { top?: string; right?: string; bottom?: string; left?: string } {
-    const shorthand = parseSpacingShorthand(style[prefix], unitParser);
-
-    return {
-        top: shorthand?.top ?? unitParser(style[`${prefix}Top`]),
-        right: shorthand?.right ?? unitParser(style[`${prefix}Right`] ?? style[`${prefix}End`]),
-        bottom: shorthand?.bottom ?? unitParser(style[`${prefix}Bottom`]),
-        left: shorthand?.left ?? unitParser(style[`${prefix}Left`] ?? style[`${prefix}Start`]),
-    };
-}
-
-function toNumericSpacingValue(value: string | undefined): number | undefined {
-    if (value === undefined) {
-        return undefined;
-    }
-
-    const parsed = Number(value);
-    return Number.isFinite(parsed) ? parsed : undefined;
-}
-
-function resolveNumericDirectionalSpacing(
-    style: Record<string, NativePropValue>,
-    prefix: 'padding' | 'margin',
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): { top?: number; right?: number; bottom?: number; left?: number } {
-    const shorthand = parseSpacingShorthand(style[prefix], (spacingValue) => {
-        const resolved = toScaledUnitNumber(spacingValue, styleResolveOptions);
-        return resolved !== undefined ? String(resolved) : undefined;
-    });
-
-    return {
-        top: toNumericSpacingValue(shorthand?.top) ?? toScaledUnitNumber(style[`${prefix}Top`], styleResolveOptions),
-        right: toNumericSpacingValue(shorthand?.right) ?? toScaledUnitNumber(style[`${prefix}Right`] ?? style[`${prefix}End`], styleResolveOptions),
-        bottom: toNumericSpacingValue(shorthand?.bottom) ?? toScaledUnitNumber(style[`${prefix}Bottom`], styleResolveOptions),
-        left: toNumericSpacingValue(shorthand?.left) ?? toScaledUnitNumber(style[`${prefix}Left`] ?? style[`${prefix}Start`], styleResolveOptions),
-    };
-}
-
-export function buildComposeMarginPaddingCalls(
-    style: Record<string, NativePropValue> | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string[] {
-    if (!style) {
-        return [];
-    }
-
-    const spacing = resolveNumericDirectionalSpacing(style, 'margin', styleResolveOptions);
-    const args: string[] = [];
-    if (spacing.top) args.push(`top = ${formatFloat(spacing.top)}.dp`);
-    if (spacing.right) args.push(`end = ${formatFloat(spacing.right)}.dp`);
-    if (spacing.bottom) args.push(`bottom = ${formatFloat(spacing.bottom)}.dp`);
-    if (spacing.left) args.push(`start = ${formatFloat(spacing.left)}.dp`);
-
-    return args.length > 0 ? [`padding(${args.join(', ')})`] : [];
-}
-
-export function buildSwiftMarginPaddingModifiers(
-    style: Record<string, NativePropValue> | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string[] {
-    if (!style) {
-        return [];
-    }
-
-    const spacing = resolveNumericDirectionalSpacing(style, 'margin', styleResolveOptions);
-    const modifiers: string[] = [];
-    if (spacing.top) modifiers.push(`.padding(.top, ${formatFloat(spacing.top)})`);
-    if (spacing.right) modifiers.push(`.padding(.trailing, ${formatFloat(spacing.right)})`);
-    if (spacing.bottom) modifiers.push(`.padding(.bottom, ${formatFloat(spacing.bottom)})`);
-    if (spacing.left) modifiers.push(`.padding(.leading, ${formatFloat(spacing.left)})`);
-
-    return modifiers;
-}
-
-function parseAutoMarginFlags(style: Record<string, NativePropValue> | undefined): NativeAutoMarginFlags {
-    const flags: NativeAutoMarginFlags = {
-        top: false,
-        right: false,
-        bottom: false,
-        left: false,
-    };
-
-    if (!style) {
-        return flags;
-    }
-
-    const markValue = (value: NativePropValue | undefined, sides: Array<keyof NativeAutoMarginFlags>): void => {
-        if (typeof value === 'string' && value.trim().toLowerCase() === 'auto') {
-            sides.forEach((side) => {
-                flags[side] = true;
-            });
-        }
-    };
-
-    markValue(style.marginTop, ['top']);
-    markValue(style.marginRight ?? style.marginEnd, ['right']);
-    markValue(style.marginBottom, ['bottom']);
-    markValue(style.marginLeft ?? style.marginStart, ['left']);
-
-    if (typeof style.margin === 'string') {
-        const values = style.margin.trim().split(/\s+/).filter(Boolean);
-        const resolved = [values[0], values[1] ?? values[0], values[2] ?? values[0], values[3] ?? values[1] ?? values[0]];
-        markValue(resolved[0], ['top']);
-        markValue(resolved[1], ['right']);
-        markValue(resolved[2], ['bottom']);
-        markValue(resolved[3], ['left']);
-    }
-
-    return flags;
-}
-
-function hasHorizontalAutoMargins(style: Record<string, NativePropValue> | undefined): boolean {
-    const flags = parseAutoMarginFlags(style);
-    return flags.left && flags.right;
-}
-
-export function shouldCenterConstrainedHorizontalAutoMargins(style: Record<string, NativePropValue> | undefined): boolean {
-    if (!style || !hasHorizontalAutoMargins(style)) {
-        return false;
-    }
-
-    if (isFillValue(style.width)) {
-        return false;
-    }
-
-    return style.width !== undefined || style.minWidth !== undefined || style.maxWidth !== undefined;
-}
-
-export function buildComposeAutoMarginCalls(style: Record<string, NativePropValue> | undefined): string[] {
-    if (!shouldCenterConstrainedHorizontalAutoMargins(style)) {
-        return [];
-    }
-
-    return ['wrapContentWidth(Alignment.CenterHorizontally)'];
-}
-
-export function buildSwiftAutoMarginModifiers(style: Record<string, NativePropValue> | undefined): string[] {
-    if (!hasHorizontalAutoMargins(style)) {
-        return [];
-    }
-
-    return ['.frame(maxWidth: .infinity, alignment: .center)'];
-}
-
-export function estimateHorizontalPadding(
-    style: Record<string, NativePropValue> | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): number {
-    if (!style) {
-        return 0;
-    }
-
-    const spacing = resolveNumericDirectionalSpacing(style, 'padding', styleResolveOptions);
-    if (spacing.left !== undefined || spacing.right !== undefined) {
-        return (spacing.left ?? 0) + (spacing.right ?? 0);
-    }
-
-    const horizontal = toScaledUnitNumber(style.paddingHorizontal, styleResolveOptions);
-    if (horizontal !== undefined) {
-        return horizontal * 2;
-    }
-
-    const padding = toScaledUnitNumber(style.padding, styleResolveOptions);
-    return padding !== undefined ? padding * 2 : 0;
-}
-
-export function estimateVerticalPadding(
-    style: Record<string, NativePropValue> | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): number {
-    if (!style) {
-        return 0;
-    }
-
-    const spacing = resolveNumericDirectionalSpacing(style, 'padding', styleResolveOptions);
-    if (spacing.top !== undefined || spacing.bottom !== undefined) {
-        return (spacing.top ?? 0) + (spacing.bottom ?? 0);
-    }
-
-    const vertical = toScaledUnitNumber(style.paddingVertical, styleResolveOptions);
-    if (vertical !== undefined) {
-        return vertical * 2;
-    }
-
-    const padding = toScaledUnitNumber(style.padding, styleResolveOptions);
-    return padding !== undefined ? padding * 2 : 0;
-}