@teamturing/react-native-kit 1.1.0 → 1.2.1

package/lib/typescript/commonjs/src/component/Box/index.d.ts

@@ -0,0 +1,489 @@
+import type { ComponentProps } from 'react';
+export declare const Box: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & import("@react-native-styled-system/core").SxProps & import("react").RefAttributes<unknown>>;
+export type BoxProps = ComponentProps<typeof Box>;
+export declare const MotiBox: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps & import("@react-native-styled-system/core").SxProps & import("react").RefAttributes<unknown> & {
+    animatedProps?: Partial<import("react-native").ViewProps & import("@react-native-styled-system/core").SxProps & import("react").RefAttributes<unknown>> | undefined;
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
+    entering?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | Keyframe | undefined;
+    exiting?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | Keyframe | undefined;
+} & import("moti").MotiProps<import("react-native").ViewStyle | import("react-native").ImageStyle | import("react-native").TextStyle, import("moti").StyleValueWithReplacedTransforms<import("react-native").ViewStyle | import("react-native").ImageStyle | import("react-native").TextStyle>, Partial<{
+    height: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    width: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    top: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    bottom: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    backfaceVisibility: "visible" | "hidden" | import("moti").SequenceItem<"visible" | "hidden" | undefined>[] | undefined;
+    backgroundColor: import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | undefined;
+    borderBottomLeftRadius: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+    borderBottomRightRadius: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+    borderColor: import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | undefined;
+    borderRadius: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+    borderTopLeftRadius: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+    borderTopRightRadius: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+    opacity: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+    cursor: import("react-native").CursorValue | import("moti").SequenceItem<import("react-native").CursorValue | undefined>[] | undefined;
+    alignContent: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | import("moti").SequenceItem<"center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined>[] | undefined;
+    alignItems: import("react-native").FlexAlignType | import("moti").SequenceItem<import("react-native").FlexAlignType | undefined>[] | undefined;
+    alignSelf: "auto" | import("react-native").FlexAlignType | import("moti").SequenceItem<"auto" | import("react-native").FlexAlignType | undefined>[] | undefined;
+    aspectRatio: string | number | import("moti").SequenceItem<string | number | undefined>[] | undefined;
+    borderBottomWidth: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    borderEndWidth: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    borderLeftWidth: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    borderRightWidth: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    borderStartWidth: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    borderTopWidth: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    borderWidth: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    display: "none" | "flex" | import("moti").SequenceItem<"none" | "flex" | undefined>[] | undefined;
+    end: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    flex: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    flexBasis: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    flexDirection: "row" | "column" | "row-reverse" | "column-reverse" | import("moti").SequenceItem<"row" | "column" | "row-reverse" | "column-reverse" | undefined>[] | undefined;
+    rowGap: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    gap: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    columnGap: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    flexGrow: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    flexShrink: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    flexWrap: "wrap" | "nowrap" | "wrap-reverse" | import("moti").SequenceItem<"wrap" | "nowrap" | "wrap-reverse" | undefined>[] | undefined;
+    justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | import("moti").SequenceItem<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined>[] | undefined;
+    left: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    margin: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginBottom: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginEnd: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginHorizontal: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginLeft: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginRight: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginStart: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginTop: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    marginVertical: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    maxHeight: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    maxWidth: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    minHeight: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    minWidth: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    overflow: "visible" | "hidden" | "scroll" | import("moti").SequenceItem<"visible" | "hidden" | "scroll" | undefined>[] | undefined;
+    padding: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingBottom: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingEnd: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingHorizontal: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingLeft: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingRight: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingStart: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingTop: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    paddingVertical: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    position: "absolute" | "relative" | "static" | import("moti").SequenceItem<"absolute" | "relative" | "static" | undefined>[] | undefined;
+    right: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    start: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined;
+    zIndex: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    direction: "inherit" | "ltr" | "rtl" | import("moti").SequenceItem<"inherit" | "ltr" | "rtl" | undefined>[] | undefined;
+    shadowColor: import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | undefined;
+    shadowOffset: Readonly<{
+        width: number;
+        height: number;
+    }> | import("moti").SequenceItem<Readonly<{
+        width: number;
+        height: number;
+    }> | undefined>[] | undefined;
+    shadowOpacity: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+    shadowRadius: number | import("moti").SequenceItem<number | undefined>[] | undefined;
+    transformOrigin: string | (string | number)[] | import("moti").SequenceItem<string | (string | number)[] | undefined>[] | undefined;
+    transformMatrix: number[] | import("moti").SequenceItem<number[] | undefined>[] | undefined;
+    rotation: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined;
+} & {
+    scaleX?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined;
+    scaleY?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined;
+    translateX?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | undefined>[] | undefined;
+    translateY?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | undefined>[] | undefined;
+    perspective?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined;
+    rotate?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined;
+    rotateX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined;
+    rotateY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined;
+    rotateZ?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined;
+    scale?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined;
+    skewX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined;
+    skewY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined;
+} & import("moti").StyleValueWithSequenceArraysWithTransform>, {
+    height?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    width?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    top?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    bottom?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    backfaceVisibility?: "visible" | "hidden" | import("moti").SequenceItem<"visible" | "hidden" | undefined>[] | {
+        value: "visible" | "hidden" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"visible" | "hidden" | import("moti").SequenceItem<"visible" | "hidden" | undefined>[] | undefined>;
+    } | undefined;
+    backgroundColor?: import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | undefined>;
+    } | undefined;
+    borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    borderBottomRightRadius?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    borderColor?: import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | undefined>;
+    } | undefined;
+    borderRadius?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    borderTopLeftRadius?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    borderTopRightRadius?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    opacity?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    cursor?: import("react-native").CursorValue | import("moti").SequenceItem<import("react-native").CursorValue | undefined>[] | {
+        value: import("react-native").CursorValue | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").CursorValue | import("moti").SequenceItem<import("react-native").CursorValue | undefined>[] | undefined>;
+    } | undefined;
+    alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | import("moti").SequenceItem<"center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined>[] | {
+        value: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | import("moti").SequenceItem<"center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined>[] | undefined>;
+    } | undefined;
+    alignItems?: import("react-native").FlexAlignType | import("moti").SequenceItem<import("react-native").FlexAlignType | undefined>[] | {
+        value: import("react-native").FlexAlignType | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").FlexAlignType | import("moti").SequenceItem<import("react-native").FlexAlignType | undefined>[] | undefined>;
+    } | undefined;
+    alignSelf?: "auto" | import("react-native").FlexAlignType | import("moti").SequenceItem<"auto" | import("react-native").FlexAlignType | undefined>[] | {
+        value: "auto" | import("react-native").FlexAlignType | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"auto" | import("react-native").FlexAlignType | import("moti").SequenceItem<"auto" | import("react-native").FlexAlignType | undefined>[] | undefined>;
+    } | undefined;
+    aspectRatio?: string | number | import("moti").SequenceItem<string | number | undefined>[] | {
+        value: string | number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<string | number | import("moti").SequenceItem<string | number | undefined>[] | undefined>;
+    } | undefined;
+    borderBottomWidth?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    borderEndWidth?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    borderLeftWidth?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    borderRightWidth?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    borderStartWidth?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    borderTopWidth?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    borderWidth?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    display?: "none" | "flex" | import("moti").SequenceItem<"none" | "flex" | undefined>[] | {
+        value: "none" | "flex" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"none" | "flex" | import("moti").SequenceItem<"none" | "flex" | undefined>[] | undefined>;
+    } | undefined;
+    end?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    flex?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    flexBasis?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | import("moti").SequenceItem<"row" | "column" | "row-reverse" | "column-reverse" | undefined>[] | {
+        value: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"row" | "column" | "row-reverse" | "column-reverse" | import("moti").SequenceItem<"row" | "column" | "row-reverse" | "column-reverse" | undefined>[] | undefined>;
+    } | undefined;
+    rowGap?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    gap?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    columnGap?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    flexGrow?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    flexShrink?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | import("moti").SequenceItem<"wrap" | "nowrap" | "wrap-reverse" | undefined>[] | {
+        value: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"wrap" | "nowrap" | "wrap-reverse" | import("moti").SequenceItem<"wrap" | "nowrap" | "wrap-reverse" | undefined>[] | undefined>;
+    } | undefined;
+    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | import("moti").SequenceItem<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined>[] | {
+        value: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | import("moti").SequenceItem<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined>[] | undefined>;
+    } | undefined;
+    left?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    margin?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginBottom?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginEnd?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginHorizontal?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginLeft?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginRight?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginStart?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginTop?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    marginVertical?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    maxHeight?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    maxWidth?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    minHeight?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    minWidth?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | import("moti").SequenceItem<"visible" | "hidden" | "scroll" | undefined>[] | {
+        value: "visible" | "hidden" | "scroll" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"visible" | "hidden" | "scroll" | import("moti").SequenceItem<"visible" | "hidden" | "scroll" | undefined>[] | undefined>;
+    } | undefined;
+    padding?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingBottom?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingEnd?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingHorizontal?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingLeft?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingRight?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingStart?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingTop?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    paddingVertical?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    position?: "absolute" | "relative" | "static" | import("moti").SequenceItem<"absolute" | "relative" | "static" | undefined>[] | {
+        value: "absolute" | "relative" | "static" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"absolute" | "relative" | "static" | import("moti").SequenceItem<"absolute" | "relative" | "static" | undefined>[] | undefined>;
+    } | undefined;
+    right?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    start?: import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | {
+        value: number | "auto" | `${number}%` | null | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").DimensionValue | import("moti").SequenceItem<import("react-native").DimensionValue | undefined>[] | undefined>;
+    } | undefined;
+    zIndex?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | import("moti").SequenceItem<"inherit" | "ltr" | "rtl" | undefined>[] | {
+        value: "inherit" | "ltr" | "rtl" | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<"inherit" | "ltr" | "rtl" | import("moti").SequenceItem<"inherit" | "ltr" | "rtl" | undefined>[] | undefined>;
+    } | undefined;
+    shadowColor?: import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").ColorValue | import("moti").SequenceItem<import("react-native").ColorValue | undefined>[] | undefined>;
+    } | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | import("moti").SequenceItem<Readonly<{
+        width: number;
+        height: number;
+    }> | undefined>[] | {
+        value: undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<Readonly<{
+            width: number;
+            height: number;
+        }> | import("moti").SequenceItem<Readonly<{
+            width: number;
+            height: number;
+        }> | undefined>[] | undefined>;
+    } | undefined;
+    shadowOpacity?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    shadowRadius?: number | import("moti").SequenceItem<number | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number | import("moti").SequenceItem<number | undefined>[] | undefined>;
+    } | undefined;
+    transformOrigin?: string | (string | number)[] | import("moti").SequenceItem<string | (string | number)[] | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<string | (string | number)[] | import("moti").SequenceItem<string | (string | number)[] | undefined>[] | undefined>;
+    } | undefined;
+    transformMatrix?: number[] | import("moti").SequenceItem<number[] | undefined>[] | {
+        value: undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<number[] | import("moti").SequenceItem<number[] | undefined>[] | undefined>;
+    } | undefined;
+    rotation?: import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | undefined>[] | undefined>;
+    } | undefined;
+    scaleX?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    scaleY?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    translateX?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | undefined>[] | {
+        value: number | `${number}%` | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    translateY?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | undefined>[] | {
+        value: number | `${number}%` | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    perspective?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    rotate?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    rotateX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    rotateY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    rotateZ?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    scale?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | {
+        value: number | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    skewX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    skewY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | {
+        value: string | undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {}) | undefined>[] | undefined>;
+    } | undefined;
+    transform?: Partial<{} & {
+        scaleX?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {})>[] | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {})>[] | undefined;
+        perspective?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+        rotate?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+        rotateX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+        rotateY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+        rotateZ?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+        scale?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+        skewX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+        skewY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+    } & import("moti").StyleValueWithSequenceArraysWithTransform>[] | {
+        value: undefined;
+        onDidAnimate: import("moti").InlineOnDidAnimate<Partial<{} & {
+            scaleX?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+            scaleY?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+            translateX?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {})>[] | undefined;
+            translateY?: import("react-native").AnimatableNumericValue | `${number}%` | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | `${number}%` | (string & {})>[] | undefined;
+            perspective?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+            rotate?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+            rotateX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+            rotateY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+            rotateZ?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+            scale?: import("react-native").AnimatableNumericValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableNumericValue | (string & {})>[] | undefined;
+            skewX?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+            skewY?: import("react-native").AnimatableStringValue | (string & {}) | import("moti").SequenceItem<import("react-native").AnimatableStringValue | (string & {})>[] | undefined;
+        } & import("moti").StyleValueWithSequenceArraysWithTransform>[] | undefined>;
+    } | undefined;
+}> & {
+    children?: import("react").ReactNode;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export type MotiBoxProps = ComponentProps<typeof MotiBox>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/component/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/component/Box/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,eAAO,MAAM,GAAG,2KAA4B,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;AAElD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAAgB,CAAC;AACrC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/lib/typescript/commonjs/src/component/Btn/BaseBtn.d.ts

@@ -0,0 +1,22 @@
+import type { SxProps } from '@react-native-styled-system/core';
+import type { PressableProps } from 'react-native';
+import { type IconName } from '../Icon';
+import type { LayoutStyle } from '../Layout/LayoutStyle';
+import type { UseDisabilityAwareDebouncerParams } from '../Pressable/useDisabilityAwareDebouncer';
+export type BaseBtnSize = 'l' | 'm' | 's';
+export type BaseBtnVariant = 'primary' | 'secondary' | 'outlined' | 'text-gray700' | 'danger' | 'text-white' | 'gradient1' | 'gradient4' | 'gray';
+type Props = {
+    size?: BaseBtnSize;
+    variant?: BaseBtnVariant;
+    fullWidth?: boolean;
+    loading?: boolean;
+    visited?: boolean;
+    text?: string;
+    leadingIcon?: IconName;
+    trailingIcon?: IconName;
+    layout?: LayoutStyle;
+} & Omit<PressableProps, 'style' | 'underlayColor'> & UseDisabilityAwareDebouncerParams & SxProps;
+declare const BaseBtn: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export { BaseBtn };
+export type { Props as BaseBtnProps };
+//# sourceMappingURL=BaseBtn.d.ts.map

package/lib/typescript/commonjs/src/component/Btn/BaseBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBtn.d.ts","sourceRoot":"","sources":["../../../../../../src/component/Btn/BaseBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAwB,MAAM,cAAc,CAAC;AAIzE,OAAO,EAAE,KAAK,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0CAA0C,CAAC;AAElG,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC1C,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,WAAW,GACX,MAAM,CAAC;AA0OX,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,eAAe,CAAC,GACjD,iCAAiC,GACjC,OAAO,CAAC;AAEV,QAAA,MAAM,OAAO,UAAW,KAAK,4CAsE5B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC"}

package/lib/typescript/commonjs/src/component/Btn/FixedBottomCTABtn.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+import type { BaseBtnProps } from './BaseBtn';
+type Props = {
+    excludeSafeAreaBottom?: boolean;
+    enableGradient?: boolean;
+    wrapper?: (children: ReactElement) => ReactElement;
+} & Omit<BaseBtnProps, 'size' | 'variant' | 'fullWidth' | 'layout'>;
+declare const FixedBottomCTABtn: ({ excludeSafeAreaBottom, enableGradient, wrapper, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export { FixedBottomCTABtn };
+export type { Props as FixedBottomCTABtnProps };
+//# sourceMappingURL=FixedBottomCTABtn.d.ts.map

package/lib/typescript/commonjs/src/component/Btn/FixedBottomCTABtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedBottomCTABtn.d.ts","sourceRoot":"","sources":["../../../../../../src/component/Btn/FixedBottomCTABtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,KAAK,KAAK,GAAG;IACX,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,YAAY,CAAC;CACpD,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC,CAAC;AAEpE,QAAA,MAAM,iBAAiB,iEAAyE,KAAK,4CAQpG,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,KAAK,IAAI,sBAAsB,EAAE,CAAC"}

package/lib/typescript/commonjs/src/component/Btn/IconBtn.d.ts

@@ -0,0 +1,20 @@
+import type { SxProps } from '@react-native-styled-system/core';
+import type { PressableProps } from 'react-native';
+import { type IconName } from '../Icon';
+import type { FlexibleLayoutStyle } from '../Layout/LayoutStyle';
+type IconBtnSize = '56' | '40' | 'l' | 'm' | 's';
+type IconBtnVariant = 'primary' | 'secondary' | 'outlined' | 'plain-gray700' | 'plain-gray400' | 'plain-gray300' | 'plain-violet500' | 'plain-white' | 'danger';
+type Props = {
+    name: IconName;
+    size?: IconBtnSize;
+    variant?: IconBtnVariant;
+    loading?: boolean;
+    visited?: boolean;
+    layout?: FlexibleLayoutStyle;
+    delayAfterEvent?: number;
+    delayAfterEnabled?: number;
+} & Omit<PressableProps, 'style' | 'underlayColor'> & SxProps;
+declare const IconBtn: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export type { Props as IconBtnProps };
+export { IconBtn };
+//# sourceMappingURL=IconBtn.d.ts.map

package/lib/typescript/commonjs/src/component/Btn/IconBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBtn.d.ts","sourceRoot":"","sources":["../../../../../../src/component/Btn/IconBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAwB,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,KAAK,QAAQ,EAAwB,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACjD,KAAK,cAAc,GACf,SAAS,GACT,WAAW,GACX,UAAU,GACV,eAAe,GACf,eAAe,GACf,eAAe,GACf,iBAAiB,GACjB,aAAa,GACb,QAAQ,CAAC;AA6Nb,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,eAAe,CAAC,GACjD,OAAO,CAAC;AAEV,QAAA,MAAM,OAAO,UAAW,KAAK,4CA0D5B,CAAC;AAEF,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,CAAC"}