@xaui/native 0.0.21 → 0.0.23

package/dist/components/view/grid/grid-builder.type.d.ts

@@ -0,0 +1,83 @@
+import type { ComponentType, ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type GridBuilderRenderItem<T> = (info: {
+    item: T;
+    index: number;
+}) => ReactElement | null;
+export type GridBuilderItemBuilder<T> = (info: {
+    item?: T;
+    index: number;
+}) => ReactElement | null;
+export 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;
+};
+//# sourceMappingURL=grid-builder.type.d.ts.map

package/dist/components/view/grid/grid-builder.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-builder.type.d.ts","sourceRoot":"","sources":["../../../../src/components/view/grid/grid-builder.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;IAC5C,IAAI,EAAE,CAAC,CAAA;IACP,KAAK,EAAE,MAAM,CAAA;CACd,KAAK,YAAY,GAAG,IAAI,CAAA;AAEzB,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;IAC7C,IAAI,CAAC,EAAE,CAAC,CAAA;IACR,KAAK,EAAE,MAAM,CAAA;CACd,KAAK,YAAY,GAAG,IAAI,CAAA;AAEzB,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAA;IACvC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5C;;OAEG;IAEH,MAAM,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;IACjD;;OAEG;IAEH,MAAM,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAClD,CAAA"}

package/dist/components/view/grid/grid-item.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { GridItemProps } from './grid-item.type';
+export declare const GridItem: React.FC<GridItemProps>;
+//# sourceMappingURL=grid-item.d.ts.map

package/dist/components/view/grid/grid-item.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { GridItemProps } from './grid-item.type';
+export declare const GridItem: React.FC<GridItemProps>;
+//# sourceMappingURL=grid-item.d.ts.map

package/dist/components/view/grid/grid-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../../src/components/view/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAErD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAA"}

package/dist/components/view/grid/grid-item.type.d.mts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export 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>;
+};
+//# sourceMappingURL=grid-item.type.d.ts.map

package/dist/components/view/grid/grid-item.type.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export 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>;
+};
+//# sourceMappingURL=grid-item.type.d.ts.map

package/dist/components/view/grid/grid-item.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.type.d.ts","sourceRoot":"","sources":["../../../../src/components/view/grid/grid-item.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA"}

package/dist/components/view/grid/grid.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { GridProps } from './grid.type';
+export declare const Grid: React.FC<GridProps>;
+//# sourceMappingURL=grid.d.ts.map

package/dist/components/view/grid/grid.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { GridProps } from './grid.type';
+export declare const Grid: React.FC<GridProps>;
+//# sourceMappingURL=grid.d.ts.map

package/dist/components/view/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/view/grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAOhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAwB5C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqGpC,CAAA"}

package/dist/components/view/grid/grid.type.d.mts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export 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>;
+};
+//# sourceMappingURL=grid.type.d.ts.map

package/dist/components/view/grid/grid.type.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export 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>;
+};
+//# sourceMappingURL=grid.type.d.ts.map

package/dist/components/view/grid/grid.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.type.d.ts","sourceRoot":"","sources":["../../../../src/components/view/grid/grid.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACjC,CAAA"}

package/dist/components/view/index.d.mts

@@ -0,0 +1,34 @@
+export { Column } from './column/column';
+export { Row } from './row/row';
+export { Spacer } from './spacer/spacer';
+export { Padding } from './padding/padding';
+export { Margin } from './margin/margin';
+export { SizedBox } from './sized-box/sized-box';
+export { PositionedView } from './positioned-view/positioned-view';
+export { BlurView } from './blur-view/blur-view';
+export { RoundedView } from './rounded-view/rounded-view';
+export { AspectRatio } from './aspect-ratio/aspect-ratio';
+export { Grid } from './grid/grid';
+export { GridItem } from './grid/grid-item';
+export { GridBuilder } from './grid/grid-builder';
+export { ConditionalView } from './conditional/conditional-view';
+export { MasonryGrid } from './masonry-grid/masonry-grid';
+export { MasonryGridItem } from './masonry-grid/masonry-grid-item';
+export { MasonryGridBuilder } from './masonry-grid/masonry-grid-builder';
+export type { ColumnProps, RowProps, MainAxisAlignment, CrossAxisAlignment, } from './layout-types';
+export type { SpacerProps } from './spacer/spacer.type';
+export type { PaddingProps } from './padding/padding.type';
+export type { MarginProps } from './margin/margin.type';
+export type { SizedBoxProps } from './sized-box/sized-box.type';
+export type { PositionedViewProps } from './positioned-view/positioned-view.type';
+export type { BlurViewProps } from './blur-view/blur-view.type';
+export type { RoundedViewProps } from './rounded-view/rounded-view.type';
+export type { AspectRatioProps } from './aspect-ratio/aspect-ratio.type';
+export type { ConditionalViewAnimation, ConditionalViewProps, } from './conditional/conditional-view.type';
+export type { GridProps } from './grid/grid.type';
+export type { GridItemProps } from './grid/grid-item.type';
+export type { GridBuilderProps } from './grid/grid-builder.type';
+export type { MasonryGridProps } from './masonry-grid/masonry-grid.type';
+export type { MasonryGridItemProps } from './masonry-grid/masonry-grid-item.type';
+export type { MasonryGridBuilderProps } from './masonry-grid/masonry-grid-builder.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/view/index.d.ts

@@ -0,0 +1,34 @@
+export { Column } from './column/column';
+export { Row } from './row/row';
+export { Spacer } from './spacer/spacer';
+export { Padding } from './padding/padding';
+export { Margin } from './margin/margin';
+export { SizedBox } from './sized-box/sized-box';
+export { PositionedView } from './positioned-view/positioned-view';
+export { BlurView } from './blur-view/blur-view';
+export { RoundedView } from './rounded-view/rounded-view';
+export { AspectRatio } from './aspect-ratio/aspect-ratio';
+export { Grid } from './grid/grid';
+export { GridItem } from './grid/grid-item';
+export { GridBuilder } from './grid/grid-builder';
+export { ConditionalView } from './conditional/conditional-view';
+export { MasonryGrid } from './masonry-grid/masonry-grid';
+export { MasonryGridItem } from './masonry-grid/masonry-grid-item';
+export { MasonryGridBuilder } from './masonry-grid/masonry-grid-builder';
+export type { ColumnProps, RowProps, MainAxisAlignment, CrossAxisAlignment, } from './layout-types';
+export type { SpacerProps } from './spacer/spacer.type';
+export type { PaddingProps } from './padding/padding.type';
+export type { MarginProps } from './margin/margin.type';
+export type { SizedBoxProps } from './sized-box/sized-box.type';
+export type { PositionedViewProps } from './positioned-view/positioned-view.type';
+export type { BlurViewProps } from './blur-view/blur-view.type';
+export type { RoundedViewProps } from './rounded-view/rounded-view.type';
+export type { AspectRatioProps } from './aspect-ratio/aspect-ratio.type';
+export type { ConditionalViewAnimation, ConditionalViewProps, } from './conditional/conditional-view.type';
+export type { GridProps } from './grid/grid.type';
+export type { GridItemProps } from './grid/grid-item.type';
+export type { GridBuilderProps } from './grid/grid-builder.type';
+export type { MasonryGridProps } from './masonry-grid/masonry-grid.type';
+export type { MasonryGridItemProps } from './masonry-grid/masonry-grid-item.type';
+export type { MasonryGridBuilderProps } from './masonry-grid/masonry-grid-builder.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAExE,YAAY,EACV,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAA;AACvB,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACxE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE,YAAY,EACV,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,qCAAqC,CAAA;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACxE,YAAY,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACjF,YAAY,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAA"}

package/dist/components/view/layout-types.d.mts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+export type MainAxisAlignment = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type CrossAxisAlignment = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type RowProps = {
+    /**
+     * The content to render inside the row.
+     */
+    children: ReactNode;
+    /**
+     * Main axis alignment for row items.
+     * @default 'start'
+     */
+    mainAxisAlignment?: MainAxisAlignment;
+    /**
+     * Cross axis alignment for row items.
+     * @default 'center'
+     */
+    crossAxisAlignment?: CrossAxisAlignment;
+    /**
+     * Spacing between children.
+     */
+    spacing?: number;
+    /**
+     * Reverse the row direction.
+     * @default false
+     */
+    reverse?: boolean;
+    /**
+     * Force the container to take the full width.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Custom style for the row container.
+     */
+    style?: ViewStyle;
+};
+export type ColumnProps = RowProps;
+//# sourceMappingURL=layout-types.d.ts.map

package/dist/components/view/layout-types.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+export type MainAxisAlignment = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type CrossAxisAlignment = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type RowProps = {
+    /**
+     * The content to render inside the row.
+     */
+    children: ReactNode;
+    /**
+     * Main axis alignment for row items.
+     * @default 'start'
+     */
+    mainAxisAlignment?: MainAxisAlignment;
+    /**
+     * Cross axis alignment for row items.
+     * @default 'center'
+     */
+    crossAxisAlignment?: CrossAxisAlignment;
+    /**
+     * Spacing between children.
+     */
+    spacing?: number;
+    /**
+     * Reverse the row direction.
+     * @default false
+     */
+    reverse?: boolean;
+    /**
+     * Force the container to take the full width.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Custom style for the row container.
+     */
+    style?: ViewStyle;
+};
+export type ColumnProps = RowProps;
+//# sourceMappingURL=layout-types.d.ts.map

package/dist/components/view/layout-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-types.d.ts","sourceRoot":"","sources":["../../../src/components/view/layout-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,eAAe,GACf,cAAc,GACd,cAAc,CAAA;AAElB,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AAEpF,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAA"}

package/dist/components/view/layout-utils.d.mts

@@ -0,0 +1,4 @@
+import type { CrossAxisAlignment, MainAxisAlignment } from './layout-types';
+export declare const resolveMainAxisAlignment: (alignment?: MainAxisAlignment) => "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+export declare const resolveCrossAxisAlignment: (alignment?: CrossAxisAlignment) => import("react-native").FlexAlignType | undefined;
+//# sourceMappingURL=layout-utils.d.ts.map

package/dist/components/view/layout-utils.d.ts

@@ -0,0 +1,4 @@
+import type { CrossAxisAlignment, MainAxisAlignment } from './layout-types';
+export declare const resolveMainAxisAlignment: (alignment?: MainAxisAlignment) => "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+export declare const resolveCrossAxisAlignment: (alignment?: CrossAxisAlignment) => import("react-native").FlexAlignType | undefined;
+//# sourceMappingURL=layout-utils.d.ts.map

package/dist/components/view/layout-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-utils.d.ts","sourceRoot":"","sources":["../../../src/components/view/layout-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAqB3E,eAAO,MAAM,wBAAwB,GAAI,YAAY,iBAAiB,yGAErE,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,YAAY,kBAAkB,qDAEvE,CAAA"}

package/dist/components/view/margin/margin.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MarginProps } from './margin.type';
+export declare const Margin: React.FC<MarginProps>;
+//# sourceMappingURL=margin.d.ts.map

package/dist/components/view/margin/margin.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MarginProps } from './margin.type';
+export declare const Margin: React.FC<MarginProps>;
+//# sourceMappingURL=margin.d.ts.map

package/dist/components/view/margin/margin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.d.ts","sourceRoot":"","sources":["../../../../src/components/view/margin/margin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmCxC,CAAA"}

package/dist/components/view/margin/margin.type.d.mts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type MarginProps = {
+    /**
+     * Content to render inside the margin container.
+     */
+    children: ReactNode;
+    /**
+     * Margin on all sides.
+     */
+    all?: number;
+    /**
+     * Horizontal margin.
+     */
+    horizontal?: number;
+    /**
+     * Vertical margin.
+     */
+    vertical?: number;
+    /**
+     * Top margin.
+     */
+    top?: number;
+    /**
+     * Right margin.
+     */
+    right?: number;
+    /**
+     * Bottom margin.
+     */
+    bottom?: number;
+    /**
+     * Left margin.
+     */
+    left?: number;
+    /**
+     * Whether the margin container should take the full width of its parent.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Custom style for the margin container.
+     */
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=margin.type.d.ts.map

package/dist/components/view/margin/margin.type.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type MarginProps = {
+    /**
+     * Content to render inside the margin container.
+     */
+    children: ReactNode;
+    /**
+     * Margin on all sides.
+     */
+    all?: number;
+    /**
+     * Horizontal margin.
+     */
+    horizontal?: number;
+    /**
+     * Vertical margin.
+     */
+    vertical?: number;
+    /**
+     * Top margin.
+     */
+    top?: number;
+    /**
+     * Right margin.
+     */
+    right?: number;
+    /**
+     * Bottom margin.
+     */
+    bottom?: number;
+    /**
+     * Left margin.
+     */
+    left?: number;
+    /**
+     * Whether the margin container should take the full width of its parent.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Custom style for the margin container.
+     */
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=margin.type.d.ts.map

package/dist/components/view/margin/margin.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.type.d.ts","sourceRoot":"","sources":["../../../../src/components/view/margin/margin.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA"}

package/dist/components/view/masonry-grid/masonry-grid-builder.d.mts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { MasonryGridBuilderProps } from './masonry-grid-builder.type';
+export 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;
+};
+//# sourceMappingURL=masonry-grid-builder.d.ts.map

package/dist/components/view/masonry-grid/masonry-grid-builder.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { MasonryGridBuilderProps } from './masonry-grid-builder.type';
+export 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;
+};
+//# sourceMappingURL=masonry-grid-builder.d.ts.map

package/dist/components/view/masonry-grid/masonry-grid-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masonry-grid-builder.d.ts","sourceRoot":"","sources":["../../../../src/components/view/masonry-grid/masonry-grid-builder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAQ9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAW1E,eAAO,MAAM,kBAAkB;KAAI,CAAC,4SAsBjC,uBAAuB,CAAC,CAAC,CAAC;;CAuE5B,CAAA"}

package/dist/components/view/masonry-grid/masonry-grid-builder.type.d.mts

@@ -0,0 +1,99 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ScrollViewProps, StyleProp, ViewStyle } from 'react-native';
+export type MasonryGridBuilderRenderItem<T> = (info: {
+    item: T;
+    index: number;
+}) => ReactElement | null;
+export type MasonryGridBuilderItemBuilder<T> = (info: {
+    item?: T;
+    index: number;
+}) => ReactElement | null;
+export 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'];
+};
+//# sourceMappingURL=masonry-grid-builder.type.d.ts.map