@xaui/native 0.2.8 → 0.9.1-alpha.0

package/dist/view/index.d.cts

@@ -1,833 +0,0 @@
-import React, { ReactNode, ReactElement, ComponentType } from 'react';
-import { AccessibilityRole, AccessibilityState, StyleProp, ViewStyle, ColorValue, ScrollViewProps } from 'react-native';
-import { EdgeInsets, Alignment, Border, BorderRadius, ShadowConfig, TransformConfig } from '@xaui/core';
-import { ThemeColor, Radius } from '@xaui/core/types';
-
-type ContainerProps = {
-    /** Content to render inside the container. */
-    children?: ReactNode;
-    /** Width in logical pixels or percentage string (e.g. `'50%'`). */
-    width?: number | `${number}%`;
-    /** Height in logical pixels or percentage string (e.g. `'50%'`). */
-    height?: number | `${number}%`;
-    /** Minimum width constraint in logical pixels. */
-    minWidth?: number;
-    /** Maximum width constraint in logical pixels. */
-    maxWidth?: number;
-    /** Minimum height constraint in logical pixels. */
-    minHeight?: number;
-    /** Maximum height constraint in logical pixels. */
-    maxHeight?: number;
-    /** Width-to-height aspect ratio (e.g. `16 / 9`). */
-    aspectRatio?: number;
-    /** Flex grow/shrink factor. */
-    flex?: number;
-    /** Inner spacing — number for all sides or `{ top, bottom, left, right, horizontal, vertical }`. */
-    padding?: EdgeInsets;
-    /** Outer spacing — same shape as `padding`. */
-    margin?: EdgeInsets;
-    /** Alignment of children — named (`'center'`, `'topLeft'`, …) or coordinate `{ x, y }`. */
-    alignment?: Alignment;
-    /** Background color. */
-    color?: string;
-    /** Border — uniform `{ width, color, style }` or per-side `{ top, left, … }`. */
-    border?: Border;
-    /** Corner radius — number for all corners or `{ topLeft, topRight, bottomLeft, bottomRight }`. */
-    borderRadius?: BorderRadius;
-    /** Drop shadow config — `{ color, offset: { x, y }, blur, opacity, elevation }`. */
-    shadow?: ShadowConfig;
-    /** Clip children to the container bounds (`overflow: hidden`). */
-    clip?: boolean;
-    /** CSS / RN transforms — `{ rotate, scale, translateX, translateY, … }`. */
-    transform?: TransformConfig;
-    /** Opacity from `0` (transparent) to `1` (opaque). */
-    opacity?: number;
-    /** Tap handler — renders the container as `Pressable` when provided. */
-    onPress?: () => void;
-    /** Long-press handler (fires after 500 ms). */
-    onLongPress?: () => void;
-    /** Fired on touch/pointer down. */
-    onPressIn?: () => void;
-    /** Fired on touch/pointer up. */
-    onPressOut?: () => void;
-    /** Disables all press handlers when `true`. */
-    disabled?: boolean;
-    /** Screen reader label. */
-    accessibilityLabel?: string;
-    /** Accessibility role for assistive technologies. */
-    accessibilityRole?: AccessibilityRole;
-    /** Accessibility state (disabled, selected, …). */
-    accessibilityState?: AccessibilityState;
-    /** Whether the element is accessible to assistive technologies. */
-    accessible?: boolean;
-    /** Test identifier for e2e tests. */
-    testID?: string;
-    /** Raw style override applied to the underlying View / Pressable. */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Container: React.FC<ContainerProps>;
-
-type MainAxisAlignment = 'start' | 'end' | 'center' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly';
-type CrossAxisAlignment = 'start' | 'end' | 'center' | 'stretch';
-/** Controls how much space the flex widget occupies in its main axis. */
-type MainAxisSize = 'min' | 'max';
-type Direction = 'horizontal' | 'vertical';
-type FlexProps = {
-    /** Content to render inside the flex container. */
-    children?: ReactNode;
-    /** Axis direction — `'horizontal'` for row, `'vertical'` for column. */
-    direction: Direction;
-    /** How to place children along the main axis. @default 'start' */
-    mainAxisAlignment?: MainAxisAlignment;
-    /** How to place children along the cross axis. @default 'center' */
-    crossAxisAlignment?: CrossAxisAlignment;
-    /** Whether the flex takes max or min space in the main axis. @default 'max' */
-    mainAxisSize?: MainAxisSize;
-    /** Wrap children onto multiple lines when they overflow. @default false */
-    wrap?: boolean;
-    /** Gap in logical pixels between children. */
-    gap?: number;
-    /** Reverse the layout direction. @default false */
-    reversed?: boolean;
-    /** Flex factor applied to the container itself. */
-    flex?: number;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-    /** Test identifier for e2e tests. */
-    testID?: string;
-};
-type RowProps = Omit<FlexProps, 'direction'>;
-type ColumnProps = Omit<FlexProps, 'direction'>;
-/** Controls how a `Flexible` child sizes itself within available space. */
-type FlexFit = 'tight' | 'loose';
-type FlexibleProps = {
-    /** Content to render inside the flexible container. */
-    children?: ReactNode;
-    /** Flex factor — how much space to claim relative to siblings. @default 1 */
-    flex?: number;
-    /**
-     * Sizing behaviour:
-     * - `'tight'` — force the child to fill all allotted space (like `Expanded`).
-     * - `'loose'` — allow the child to be at most the allotted size but no larger.
-     * @default 'loose'
-     */
-    fit?: FlexFit;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-    /** Test identifier for e2e tests. */
-    testID?: string;
-};
-type WrapProps = {
-    /** Content to render inside the wrap container. */
-    children?: ReactNode;
-    /** Primary axis direction. @default 'horizontal' */
-    direction?: Direction;
-    /** Alignment of children along the main axis within each run. @default 'start' */
-    alignment?: MainAxisAlignment;
-    /** Alignment of runs along the cross axis. @default 'start' */
-    runAlignment?: MainAxisAlignment;
-    /** Space between children along the main axis. @default 0 */
-    spacing?: number;
-    /** Space between runs along the cross axis. @default 0 */
-    runSpacing?: number;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-    /** Test identifier for e2e tests. */
-    testID?: string;
-};
-
-declare const Flex: React.FC<FlexProps>;
-
-declare const Column: React.FC<ColumnProps>;
-
-declare const Row: React.FC<RowProps>;
-
-type ExpandedProps = {
-    /** Content to render inside the expanded container. */
-    children?: ReactNode;
-    /** Flex factor — how much of the available space to take relative to siblings. @default 1 */
-    flex?: number;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-    /** Test identifier for e2e tests. */
-    testID?: string;
-};
-
-declare const Expanded: React.FC<ExpandedProps>;
-
-declare const Flexible: React.FC<FlexibleProps>;
-
-type SpacerProps = {
-    /**
-     * Flex factor for the spacer.
-     * @default 1
-     */
-    flex?: number;
-    /**
-     * Custom style for the spacer.
-     */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Spacer: React.FC<SpacerProps>;
-
-declare const Wrap: React.FC<WrapProps>;
-
-type PaddingProps = {
-    /** Content to render inside the padding container. */
-    children?: ReactNode;
-    /** Padding applied to all sides — number for uniform, or `{ top, bottom, left, right, horizontal, vertical }`. */
-    padding: EdgeInsets;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Padding: React.FC<PaddingProps>;
-
-type MarginProps = {
-    /** Content to render inside the margin container. */
-    children?: ReactNode;
-    /** Margin applied to all sides — number for uniform, or `{ top, bottom, left, right, horizontal, vertical }`. */
-    margin: EdgeInsets;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Margin: React.FC<MarginProps>;
-
-type SizedBoxProps = {
-    /**
-     * Width in logical pixels.
-     */
-    width?: number;
-    /**
-     * Height in logical pixels.
-     */
-    height?: number;
-    /**
-     * Fills all available space — equivalent to Flutter's Expanded (flex: 1, alignSelf: 'stretch').
-     * @default false
-     */
-    expand?: boolean;
-    /**
-     * Collapses to zero size — equivalent to Flutter's SizedBox.shrink().
-     * @default false
-     */
-    shrink?: boolean;
-    /**
-     * Content to render inside the box.
-     */
-    children?: ReactNode;
-    /**
-     * Style override applied to the underlying View.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Test identifier for e2e tests.
-     */
-    testID?: string;
-};
-
-declare const SizedBox: React.FC<SizedBoxProps>;
-
-type BoxConstraints = {
-    /**
-     * Minimum width in logical pixels.
-     */
-    minWidth?: number;
-    /**
-     * Maximum width in logical pixels.
-     */
-    maxWidth?: number;
-    /**
-     * Minimum height in logical pixels.
-     */
-    minHeight?: number;
-    /**
-     * Maximum height in logical pixels.
-     */
-    maxHeight?: number;
-};
-type ConstrainedBoxProps = {
-    /**
-     * Size constraints to impose on the child — Flutter BoxConstraints equivalent.
-     */
-    constraints: BoxConstraints;
-    /**
-     * Content to render inside the box.
-     */
-    children?: ReactNode;
-    /**
-     * Style override applied to the underlying View.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Test identifier for e2e tests.
-     */
-    testID?: string;
-};
-
-declare const ConstrainedBox: React.FC<ConstrainedBoxProps>;
-
-type FractionallySizedBoxProps = {
-    /**
-     * Fraction of the parent's width (0–1). When undefined, the child chooses its own width.
-     */
-    widthFactor?: number;
-    /**
-     * Fraction of the parent's height (0–1). When undefined, the child chooses its own height.
-     */
-    heightFactor?: number;
-    /**
-     * How to align the child within the remaining space.
-     * @default 'topLeft'
-     */
-    alignment?: Alignment;
-    /**
-     * Content to render inside the box.
-     */
-    children?: ReactNode;
-    /**
-     * Style override applied to the underlying View.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Test identifier for e2e tests.
-     */
-    testID?: string;
-};
-
-declare const FractionallySizedBox: React.FC<FractionallySizedBoxProps>;
-
-type PositionedViewProps = {
-    /**
-     * Content to render inside the positioned container.
-     */
-    children: ReactNode;
-    /**
-     * Top offset.
-     */
-    top?: number;
-    /**
-     * Right offset.
-     */
-    right?: number;
-    /**
-     * Bottom offset.
-     */
-    bottom?: number;
-    /**
-     * Left offset.
-     */
-    left?: number;
-    /**
-     * Z-index for stacking context.
-     */
-    zIndex?: number;
-    /**
-     * Custom style for the positioned container.
-     */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const PositionedView: React.FC<PositionedViewProps>;
-
-type BlurViewProps = {
-    children: ReactNode;
-    unlockable?: boolean;
-    intensity?: number;
-    overlayColor?: ColorValue;
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const BlurView: React.FC<BlurViewProps>;
-
-type RoundedViewProps = {
-    /**
-     * Content to be displayed inside the rounded view
-     */
-    children: ReactNode;
-    /**
-     * Border radius for all corners in pixels
-     */
-    all?: number;
-    /**
-     * Border radius for top corners (topLeft and topRight) in pixels
-     */
-    top?: number;
-    /**
-     * Border radius for bottom corners (bottomLeft and bottomRight) in pixels
-     */
-    bottom?: number;
-    /**
-     * Border radius for left corners (topLeft and bottomLeft) in pixels
-     */
-    left?: number;
-    /**
-     * Border radius for right corners (topRight and bottomRight) in pixels
-     */
-    right?: number;
-    /**
-     * Border radius for top-left corner in pixels
-     */
-    topLeft?: number;
-    /**
-     * Border radius for top-right corner in pixels
-     */
-    topRight?: number;
-    /**
-     * Border radius for bottom-left corner in pixels
-     */
-    bottomLeft?: number;
-    /**
-     * Border radius for bottom-right corner in pixels
-     */
-    bottomRight?: number;
-    /**
-     * Whether the view should take full width
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Background color of the view
-     */
-    backgroundColor?: string;
-    /**
-     * If true, the view will NOT automatically grow to fill available space (e.g., via flex: 1).
-     * @default false
-     */
-    noGrowth?: boolean;
-    /**
-     * Custom style for the view
-     */
-    style?: ViewStyle;
-};
-
-declare const RoundedView: React.FC<RoundedViewProps>;
-
-type AspectRatioProps = {
-    /**
-     * Content to be displayed inside the aspect ratio container.
-     */
-    children?: ReactNode;
-    /**
-     * Aspect ratio as a number (width / height).
-     * Examples: 16/9, 4/3, 1, 2/1
-     */
-    ratio: number;
-    /**
-     * How to align the child within the container.
-     */
-    alignment?: Alignment;
-    /**
-     * Whether to clip content that overflows the container.
-     * @default false
-     */
-    clip?: boolean;
-    /**
-     * Style override applied to the underlying View.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Test identifier for e2e tests.
-     */
-    testID?: string;
-};
-
-declare const AspectRatio: React.FC<AspectRatioProps>;
-
-type SurfaceThemeColor = ThemeColor | 'background' | 'foreground';
-type SurfaceProps = {
-    /**
-     * Content rendered inside the surface container.
-     */
-    children: ReactNode;
-    /**
-     * Theme-based color key used for background.
-     * - Semantic keys (primary, secondary, etc.) use their `.background` tone.
-     * - `background` / `foreground` use raw theme values.
-     * @default 'background'
-     */
-    themeColor?: SurfaceThemeColor;
-    /**
-     * Uniform padding inside the surface.
-     */
-    padding?: number;
-    /**
-     * Border radius token.
-     * @default 'none'
-     */
-    radius?: Radius;
-    /**
-     * Force the surface to take the full width.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Additional container styles.
-     */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Surface: React.FC<SurfaceProps>;
-
-type ScreenProps = {
-    /**
-     * Content rendered inside the screen container.
-     */
-    children: ReactNode;
-    /**
-     * Uniform padding applied to the screen.
-     */
-    padding?: number;
-    /**
-     * Optional custom background color.
-     * Uses theme background by default.
-     */
-    backgroundColor?: string;
-    /**
-     * Wrap content in a SafeAreaView.
-     * @default false
-     */
-    safeArea?: boolean;
-    /**
-     * Additional container styles.
-     */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Screen: React.FC<ScreenProps>;
-
-type AlignProps = {
-    /** Content to align inside the container. */
-    children?: ReactNode;
-    /** Alignment of children — named (`'center'`, `'topLeft'`, …) or coordinate `{ x, y }`. */
-    alignment: Alignment;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Align: React.FC<AlignProps>;
-
-type CenterProps = {
-    /** Content to center. */
-    children?: ReactNode;
-    /** Raw style override applied to the underlying View. */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const Center: React.FC<CenterProps>;
-
-type GridProps = {
-    /**
-     * The grid items to render.
-     */
-    children: ReactNode;
-    /**
-     * Number of columns in the grid.
-     * @default 2
-     */
-    columns?: number;
-    /**
-     * Spacing between rows and columns.
-     */
-    spacing?: number;
-    /**
-     * Spacing between rows.
-     */
-    rowSpacing?: number;
-    /**
-     * Spacing between columns.
-     */
-    columnSpacing?: number;
-    /**
-     * Custom style for the grid container.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom style for each grid item.
-     */
-    itemStyle?: StyleProp<ViewStyle>;
-};
-
-declare const Grid: React.FC<GridProps>;
-
-type GridItemProps = {
-    /**
-     * The content to render inside the grid item.
-     */
-    children: ReactNode;
-    /**
-     * Number of columns to span.
-     * @default 1
-     */
-    span?: number;
-    /**
-     * Custom style for the grid item.
-     */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const GridItem: React.FC<GridItemProps>;
-
-type GridBuilderRenderItem<T> = (info: {
-    item: T;
-    index: number;
-}) => ReactElement | null;
-type GridBuilderItemBuilder<T> = (info: {
-    item?: T;
-    index: number;
-}) => ReactElement | null;
-type GridBuilderProps<T> = {
-    /**
-     * Data to render in the grid.
-     */
-    data?: readonly T[];
-    /**
-     * Number of items to render (Flutter-style).
-     */
-    itemCount?: number;
-    /**
-     * Render function for each item.
-     */
-    renderItem?: GridBuilderRenderItem<T>;
-    /**
-     * Builder function for each item (Flutter-style).
-     */
-    itemBuilder?: GridBuilderItemBuilder<T>;
-    /**
-     * Extract a stable key for each item.
-     */
-    keyExtractor?: (item: T, index: number) => string;
-    /**
-     * Number of columns in the grid.
-     * @default 2
-     */
-    columns?: number;
-    /**
-     * Spacing between rows and columns.
-     */
-    spacing?: number;
-    /**
-     * Spacing between rows.
-     */
-    rowSpacing?: number;
-    /**
-     * Spacing between columns.
-     */
-    columnSpacing?: number;
-    /**
-     * Custom style for the grid container.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom style for each grid item container.
-     */
-    itemStyle?: StyleProp<ViewStyle>;
-    /**
-     * Enable or disable scrolling.
-     */
-    scrollEnabled?: boolean;
-    /**
-     * Called when the scroll reaches the end.
-     */
-    onEndReached?: () => void;
-    /**
-     * Distance from end (as a fraction of the viewport height).
-     * @default 0.1
-     */
-    onEndReachedThreshold?: number;
-    /**
-     * Content container style for the list.
-     */
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Optional header element.
-     */
-    header?: ReactElement | ComponentType<any> | null;
-    /**
-     * Optional footer element.
-     */
-    footer?: ReactElement | ComponentType<any> | null;
-};
-
-declare const GridBuilder: {
-    <T>({ data, itemCount, renderItem, itemBuilder, keyExtractor, columns, spacing, rowSpacing, columnSpacing, style, itemStyle, scrollEnabled, onEndReached, onEndReachedThreshold, contentContainerStyle, header, footer, }: GridBuilderProps<T>): React.JSX.Element | null;
-    displayName: string;
-};
-
-type ConditionalViewAnimation = 'fade' | 'scale';
-type ConditionalViewProps = {
-    /**
-     * Whether the view is visible.
-     */
-    isVisible: boolean;
-    /**
-     * The content to render when visible.
-     */
-    children: ReactNode;
-    /**
-     * The animation to use when the view appears.
-     * @default 'fade'
-     */
-    animation?: ConditionalViewAnimation;
-    /**
-     * Disable animations entirely.
-     * @default false
-     */
-    disableAnimation?: boolean;
-};
-
-declare const ConditionalView: React.FC<ConditionalViewProps>;
-
-type MasonryGridProps = {
-    /**
-     * Items to render inside the masonry grid.
-     */
-    children: ReactNode;
-    /**
-     * Number of columns.
-     * @default 2
-     */
-    columns?: number;
-    /**
-     * Spacing between rows and columns.
-     */
-    spacing?: number;
-    /**
-     * Spacing between rows.
-     */
-    rowSpacing?: number;
-    /**
-     * Spacing between columns.
-     */
-    columnSpacing?: number;
-    /**
-     * Custom style for the grid container.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom style for each column container.
-     */
-    columnStyle?: StyleProp<ViewStyle>;
-};
-
-declare const MasonryGrid: React.FC<MasonryGridProps>;
-
-type MasonryGridItemProps = {
-    /**
-     * The content to render inside the masonry item.
-     */
-    children: ReactNode;
-    /**
-     * Custom style for the masonry item container.
-     */
-    style?: StyleProp<ViewStyle>;
-};
-
-declare const MasonryGridItem: React.FC<MasonryGridItemProps>;
-
-type MasonryGridBuilderRenderItem<T> = (info: {
-    item: T;
-    index: number;
-}) => ReactElement | null;
-type MasonryGridBuilderItemBuilder<T> = (info: {
-    item?: T;
-    index: number;
-}) => ReactElement | null;
-type MasonryGridBuilderProps<T> = {
-    /**
-     * Data to render in the masonry grid.
-     */
-    data?: readonly T[];
-    /**
-     * Number of items to render (Flutter-style).
-     */
-    itemCount?: number;
-    /**
-     * Render function for each item.
-     */
-    renderItem?: MasonryGridBuilderRenderItem<T>;
-    /**
-     * Builder function for each item (Flutter-style).
-     */
-    itemBuilder?: MasonryGridBuilderItemBuilder<T>;
-    /**
-     * Extract a stable key for each item.
-     */
-    keyExtractor?: (item: T, index: number) => string;
-    /**
-     * Number of columns.
-     * @default 2
-     */
-    columns?: number;
-    /**
-     * Spacing between rows and columns.
-     */
-    spacing?: number;
-    /**
-     * Spacing between rows.
-     */
-    rowSpacing?: number;
-    /**
-     * Spacing between columns.
-     */
-    columnSpacing?: number;
-    /**
-     * Custom style for the masonry container.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom style for each column container.
-     */
-    columnStyle?: StyleProp<ViewStyle>;
-    /**
-     * Called when the scroll reaches the end.
-     */
-    onEndReached?: () => void;
-    /**
-     * Distance from end (as a fraction of the viewport height).
-     * @default 0.1
-     */
-    onEndReachedThreshold?: number;
-    /**
-     * Optional header element.
-     */
-    header?: ReactNode;
-    /**
-     * Optional footer element.
-     */
-    footer?: ReactNode;
-    /**
-     * Content container style for the ScrollView.
-     */
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Enable or disable scrolling.
-     */
-    scrollEnabled?: boolean;
-    /**
-     * Show the vertical scroll indicator.
-     */
-    showsVerticalScrollIndicator?: boolean;
-    /**
-     * Show the horizontal scroll indicator.
-     */
-    showsHorizontalScrollIndicator?: boolean;
-    /**
-     * Enable or disable bouncing.
-     */
-    bounces?: boolean;
-    /**
-     * Scroll handler called alongside internal infinite-scroll logic.
-     */
-    onScroll?: ScrollViewProps['onScroll'];
-};
-
-declare const MasonryGridBuilder: {
-    <T>({ data, itemCount, renderItem, itemBuilder, keyExtractor, columns, spacing, rowSpacing, columnSpacing, style, columnStyle, onEndReached, onEndReachedThreshold, header, footer, scrollEnabled, contentContainerStyle, showsVerticalScrollIndicator, showsHorizontalScrollIndicator, bounces, onScroll, }: MasonryGridBuilderProps<T>): React.JSX.Element | null;
-    displayName: string;
-};
-
-export { Align, type AlignProps, AspectRatio, type AspectRatioProps, BlurView, type BlurViewProps, type BoxConstraints, Center, type CenterProps, Column, type ColumnProps, ConditionalView, type ConditionalViewAnimation, type ConditionalViewProps, ConstrainedBox, type ConstrainedBoxProps, Container, type ContainerProps, type CrossAxisAlignment, type Direction, Expanded, type ExpandedProps, Flex, type FlexFit, type FlexProps, Flexible, type FlexibleProps, FractionallySizedBox, type FractionallySizedBoxProps, Grid, GridBuilder, type GridBuilderProps, GridItem, type GridItemProps, type GridProps, type MainAxisAlignment, type MainAxisSize, Margin, type MarginProps, MasonryGrid, MasonryGridBuilder, type MasonryGridBuilderProps, MasonryGridItem, type MasonryGridItemProps, type MasonryGridProps, Padding, type PaddingProps, PositionedView, type PositionedViewProps, RoundedView, type RoundedViewProps, Row, type RowProps, Screen, type ScreenProps, SizedBox, type SizedBoxProps, Spacer, type SpacerProps, Surface, type SurfaceProps, type SurfaceThemeColor, Wrap, type WrapProps };