@xaui/native 0.0.21 → 0.0.23

package/dist/components/toolbar/toolbar.type.d.ts

@@ -0,0 +1,94 @@
+import type { ReactNode } from 'react';
+import type { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+export type ToolbarVariant = 'floating' | 'docked' | 'vertical';
+export type ToolbarPosition = 'top' | 'bottom' | 'left' | 'right';
+export type ToolbarActionRenderParams = {
+    color: string;
+    size: number;
+};
+export type ToolbarActionProps = {
+    /**
+     * Icon element or icon render function.
+     */
+    icon: ReactNode | ((params: ToolbarActionRenderParams) => ReactNode);
+    /**
+     * Whether action is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom action style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Callback fired when action is pressed.
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Callback fired when action is long-pressed.
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /**
+     * Accessibility label for action.
+     */
+    accessibilityLabel?: string;
+    /**
+     * testID for e2e tests.
+     */
+    testID?: string;
+};
+export type ToolbarCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    topRow?: StyleProp<ViewStyle>;
+    actionsContainer?: StyleProp<ViewStyle>;
+};
+export type ToolbarProps = {
+    /**
+     * Toolbar variant.
+     * - floating: rounded floating bar
+     * - docked: fixed bar without rounding
+     * - vertical: vertical bar (always centered)
+     * @default 'docked'
+     */
+    variant?: ToolbarVariant;
+    /**
+     * Toolbar position.
+     * - For floating/docked: 'top' | 'bottom'
+     * - For vertical: 'left' | 'right'
+     * @default 'top'
+     */
+    position?: ToolbarPosition;
+    /**
+     * Whether toolbar is visible (with animation).
+     * @default true
+     */
+    isVisible?: boolean;
+    /**
+     * Theme color used for accent and icon tint.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Whether to render a divider.
+     * @default false
+     */
+    showDivider?: boolean;
+    /**
+     * Whether to show elevation shadow. If not provided, uses variant default.
+     */
+    isElevated?: boolean;
+    /**
+     * Toolbar action items.
+     */
+    children?: ReactNode;
+    /**
+     * Custom container style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Optional custom appearance styles.
+     */
+    customAppearance?: ToolbarCustomAppearance;
+};
+//# sourceMappingURL=toolbar.type.d.ts.map

package/dist/components/toolbar/toolbar.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.type.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/toolbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAA;AAC/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEjE,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,yBAAyB,KAAK,SAAS,CAAC,CAAA;IACpE;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7B,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAA;CAC3C,CAAA"}

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

@@ -0,0 +1,3 @@
+export { Typography } from './typography';
+export type { TypographyProps, TypographyVariant, TypographyAlign, } from './typography.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Typography } from './typography';
+export type { TypographyProps, TypographyVariant, TypographyAlign, } from './typography.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,mBAAmB,CAAA"}

package/dist/components/typography/typography.d.mts

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

package/dist/components/typography/typography.d.ts

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

package/dist/components/typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiChD,CAAA"}

package/dist/components/typography/typography.hook.d.mts

@@ -0,0 +1,6 @@
+import type { TextStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+import type { TypographyVariant } from './typography.type';
+export declare const useTypographyColor: (themeColor: ThemeColor) => string;
+export declare const useTypographyVariantStyles: (variant: TypographyVariant) => TextStyle;
+//# sourceMappingURL=typography.hook.d.ts.map

package/dist/components/typography/typography.hook.d.ts

@@ -0,0 +1,6 @@
+import type { TextStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+import type { TypographyVariant } from './typography.type';
+export declare const useTypographyColor: (themeColor: ThemeColor) => string;
+export declare const useTypographyVariantStyles: (variant: TypographyVariant) => TextStyle;
+//# sourceMappingURL=typography.hook.d.ts.map

package/dist/components/typography/typography.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.hook.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.hook.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAgC1D,eAAO,MAAM,kBAAkB,GAAI,YAAY,UAAU,WAaxD,CAAA;AAED,eAAO,MAAM,0BAA0B,GAAI,SAAS,iBAAiB,cAqEpE,CAAA"}

package/dist/components/typography/typography.style.d.mts

@@ -0,0 +1,6 @@
+export declare const styles: {
+    text: {
+        includeFontPadding: false;
+    };
+};
+//# sourceMappingURL=typography.style.d.ts.map

package/dist/components/typography/typography.style.d.ts

@@ -0,0 +1,6 @@
+export declare const styles: {
+    text: {
+        includeFontPadding: false;
+    };
+};
+//# sourceMappingURL=typography.style.d.ts.map

package/dist/components/typography/typography.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.style.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;CAIjB,CAAA"}

package/dist/{typography/index.d.cts → components/typography/typography.type.d.mts}

@@ -1,10 +1,9 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, TextStyle } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
-
-type TypographyAlign = 'center' | 'justify' | 'left' | 'right';
-type TypographyVariant = 'caption' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'subtitleLarge' | 'subtitleMedium' | 'subtitleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | string;
-type TypographyProps = {
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+export type TypographyAlign = 'center' | 'justify' | 'left' | 'right';
+export type TypographyVariant = 'caption' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'subtitleLarge' | 'subtitleMedium' | 'subtitleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | string;
+export type TypographyProps = {
     /**
      * The content to display inside the typography component.
      */
@@ -37,7 +36,4 @@ type TypographyProps = {
      */
     style?: StyleProp<TextStyle>;
 };
-
-declare const Typography: React.FC<TypographyProps>;
-
-export { Typography, type TypographyAlign, type TypographyProps, type TypographyVariant };
+//# sourceMappingURL=typography.type.d.ts.map

package/dist/components/typography/typography.type.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle } from 'react-native';
+import type { ThemeColor } from '../../types';
+export type TypographyAlign = 'center' | 'justify' | 'left' | 'right';
+export type TypographyVariant = 'caption' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'subtitleLarge' | 'subtitleMedium' | 'subtitleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | string;
+export type TypographyProps = {
+    /**
+     * The content to display inside the typography component.
+     */
+    children: ReactNode;
+    /**
+     * The text alignment.
+     */
+    align?: TypographyAlign;
+    /**
+     * The theme color for the text.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The typography variant.
+     * @default 'bodyMedium'
+     */
+    variant?: TypographyVariant;
+    /**
+     * Maximum number of lines to display.
+     */
+    maxLines?: number;
+    /**
+     * How to handle text overflow when maxLines is set.
+     * @default 'clip'
+     */
+    overflow?: 'clip' | 'ellipsis';
+    /**
+     * Custom styles for the text.
+     */
+    style?: StyleProp<TextStyle>;
+};
+//# sourceMappingURL=typography.type.d.ts.map

package/dist/components/typography/typography.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.type.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAErE,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,WAAW,GACX,YAAY,GACZ,WAAW,GACX,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA"}

package/dist/components/view/aspect-ratio/aspect-ratio.d.mts

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

package/dist/components/view/aspect-ratio/aspect-ratio.d.ts

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

package/dist/components/view/aspect-ratio/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../src/components/view/aspect-ratio/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAE3D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAA"}

package/dist/components/view/aspect-ratio/aspect-ratio.type.d.mts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+export 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;
+    /**
+     * Custom style for the container
+     */
+    style?: ViewStyle;
+};
+//# sourceMappingURL=aspect-ratio.type.d.ts.map

package/dist/components/view/aspect-ratio/aspect-ratio.type.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+export 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;
+    /**
+     * Custom style for the container
+     */
+    style?: ViewStyle;
+};
+//# sourceMappingURL=aspect-ratio.type.d.ts.map

package/dist/components/view/aspect-ratio/aspect-ratio.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.type.d.ts","sourceRoot":"","sources":["../../../../src/components/view/aspect-ratio/aspect-ratio.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA"}

package/dist/components/view/blur-view/blur-view.d.mts

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

package/dist/components/view/blur-view/blur-view.d.ts

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

package/dist/components/view/blur-view/blur-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-view.d.ts","sourceRoot":"","sources":["../../../../src/components/view/blur-view/blur-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAWrD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+C5C,CAAA"}

package/dist/components/view/blur-view/blur-view.type.d.mts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
+export type BlurViewProps = {
+    children: ReactNode;
+    unlockable?: boolean;
+    intensity?: number;
+    overlayColor?: ColorValue;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=blur-view.type.d.ts.map

package/dist/components/view/blur-view/blur-view.type.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
+export type BlurViewProps = {
+    children: ReactNode;
+    unlockable?: boolean;
+    intensity?: number;
+    overlayColor?: ColorValue;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=blur-view.type.d.ts.map

package/dist/components/view/blur-view/blur-view.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-view.type.d.ts","sourceRoot":"","sources":["../../../../src/components/view/blur-view/blur-view.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEpE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ColumnProps } from '../layout-types';
+export declare const Column: React.FC<ColumnProps>;
+//# sourceMappingURL=column.d.ts.map

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ColumnProps } from '../layout-types';
+export declare const Column: React.FC<ColumnProps>;
+//# sourceMappingURL=column.d.ts.map

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

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

package/dist/components/view/conditional/conditional-view.animation.d.mts

@@ -0,0 +1,13 @@
+import { Animated } from 'react-native';
+import type { AnimationValues } from './conditional-view.utils';
+type AnimationRefs = {
+    opacity: Animated.Value;
+    scale: Animated.Value;
+    translateX: Animated.Value;
+    translateY: Animated.Value;
+    toValues: AnimationValues;
+    onComplete?: () => void;
+};
+export declare const runConditionalViewAnimation: ({ opacity, scale, translateX, translateY, toValues, onComplete, }: AnimationRefs) => Animated.CompositeAnimation;
+export {};
+//# sourceMappingURL=conditional-view.animation.d.ts.map

package/dist/components/view/conditional/conditional-view.animation.d.ts

@@ -0,0 +1,13 @@
+import { Animated } from 'react-native';
+import type { AnimationValues } from './conditional-view.utils';
+type AnimationRefs = {
+    opacity: Animated.Value;
+    scale: Animated.Value;
+    translateX: Animated.Value;
+    translateY: Animated.Value;
+    toValues: AnimationValues;
+    onComplete?: () => void;
+};
+export declare const runConditionalViewAnimation: ({ opacity, scale, translateX, translateY, toValues, onComplete, }: AnimationRefs) => Animated.CompositeAnimation;
+export {};
+//# sourceMappingURL=conditional-view.animation.d.ts.map

package/dist/components/view/conditional/conditional-view.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-view.animation.d.ts","sourceRoot":"","sources":["../../../../src/components/view/conditional/conditional-view.animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAA;IACvB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAA;IACrB,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAA;IAC1B,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAA;IAC1B,QAAQ,EAAE,eAAe,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,mEAOzC,aAAa,gCAqCf,CAAA"}

package/dist/components/view/conditional/conditional-view.d.mts

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

package/dist/components/view/conditional/conditional-view.d.ts

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

package/dist/components/view/conditional/conditional-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-view.d.ts","sourceRoot":"","sources":["../../../../src/components/view/conditional/conditional-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAQnE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4F1D,CAAA"}

package/dist/components/view/conditional/conditional-view.type.d.mts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export type ConditionalViewAnimation = 'fade' | 'scale';
+export 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;
+};
+//# sourceMappingURL=conditional-view.type.d.ts.map

package/dist/components/view/conditional/conditional-view.type.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export type ConditionalViewAnimation = 'fade' | 'scale';
+export 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;
+};
+//# sourceMappingURL=conditional-view.type.d.ts.map

package/dist/components/view/conditional/conditional-view.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-view.type.d.ts","sourceRoot":"","sources":["../../../../src/components/view/conditional/conditional-view.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAA;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA"}

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

@@ -0,0 +1,11 @@
+import { ConditionalViewAnimation } from './conditional-view.type';
+export type AnimationValues = {
+    opacity: number;
+    scale: number;
+    translateX: number;
+    translateY: number;
+};
+export declare const FINAL_VALUES: AnimationValues;
+export declare const getInitialValues: (animation: ConditionalViewAnimation) => AnimationValues;
+export declare const getExitValues: (animation: ConditionalViewAnimation) => AnimationValues;
+//# sourceMappingURL=conditional-view.utils.d.ts.map

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

@@ -0,0 +1,11 @@
+import { ConditionalViewAnimation } from './conditional-view.type';
+export type AnimationValues = {
+    opacity: number;
+    scale: number;
+    translateX: number;
+    translateY: number;
+};
+export declare const FINAL_VALUES: AnimationValues;
+export declare const getInitialValues: (animation: ConditionalViewAnimation) => AnimationValues;
+export declare const getExitValues: (animation: ConditionalViewAnimation) => AnimationValues;
+//# sourceMappingURL=conditional-view.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-view.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/view/conditional/conditional-view.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAK1B,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,WAAW,wBAAwB,KAClC,eAQF,CAAA;AAED,eAAO,MAAM,aAAa,GACxB,WAAW,wBAAwB,KAClC,eAQF,CAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-builder.d.ts","sourceRoot":"","sources":["../../../../src/components/view/grid/grid-builder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAStC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAgB3D,eAAO,MAAM,WAAW;KAAI,CAAC,yNAkB1B,gBAAgB,CAAC,CAAC,CAAC;;CA4IrB,CAAA"}

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

@@ -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