app-studio 0.7.17 → 0.8.0

package/dist/viewAnimation-B4BIoOwQ.d.mts

@@ -0,0 +1,2246 @@
+import * as react from 'react';
+import react__default, { CSSProperties, ReactNode } from 'react';
+
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+
+type ColorValue = null | string;
+
+type DimensionValue = null | number | string;
+
+type GenericStyleProp<T> =
+  | null
+  | void
+  | T
+  | false
+  | ''
+  | readonly GenericStyleProp<T>[];
+
+type LayoutValue = {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+};
+
+type LayoutEvent = {
+  nativeEvent: {
+    layout: LayoutValue;
+    target: any;
+  };
+  timeStamp: number;
+};
+
+type NumberOrString = number | string;
+
+/**
+ * Animations and transitions
+ */
+type AnimationDirection =
+  | 'alternate'
+  | 'alternate-reverse'
+  | 'forwards'
+  | 'normal'
+  | 'reverse';
+type AnimationFillMode = 'none' | 'forwards' | 'backwards' | 'both';
+type AnimationIterationCount = number | string | 'infinite';
+type AnimationKeyframes = string | Object;
+type AnimationPlayState$1 = 'paused' | 'running';
+
+type AnimationStyles = {
+  animationDelay?: (string | string[]) | null | undefined;
+  animationDirection?:
+    | (AnimationDirection | AnimationDirection[])
+    | null
+    | undefined;
+  animationDuration?: (string | string[]) | null | undefined;
+  animationFillMode?:
+    | (AnimationFillMode | AnimationFillMode[])
+    | null
+    | undefined;
+  animationIterationCount?:
+    | (AnimationIterationCount | AnimationIterationCount[])
+    | null
+    | undefined;
+  animationKeyframes?:
+    | (AnimationKeyframes | AnimationKeyframes[])
+    | null
+    | undefined;
+  animationPlayState?:
+    | (AnimationPlayState$1 | AnimationPlayState$1[])
+    | null
+    | undefined;
+  animationTimingFunction?: (string | string[]) | null | undefined;
+  transitionDelay?: (string | string[]) | null | undefined;
+  transitionDuration?: (string | string[]) | null | undefined;
+  transitionProperty?: (string | string[]) | null | undefined;
+  transitionTimingFunction?: (string | string[]) | null | undefined;
+};
+
+/**
+ * Border
+ */
+type BorderRadiusValue = number | string;
+type BorderStyleValue = 'solid' | 'dotted' | 'dashed';
+
+type BorderStyles = {
+  border?: string | null | undefined;
+  borderColor?: ColorValue | null | undefined;
+  borderBottomColor?: ColorValue | null | undefined;
+  borderEndColor?: ColorValue | null | undefined;
+  borderLeftColor?: ColorValue | null | undefined;
+  borderRightColor?: ColorValue | null | undefined;
+  borderStartColor?: ColorValue | null | undefined;
+  borderTopColor?: ColorValue | null | undefined;
+  borderRadius?: BorderRadiusValue | null | undefined;
+  borderBottomEndRadius?: BorderRadiusValue | null | undefined;
+  borderBottomLeftRadius?: BorderRadiusValue | null | undefined;
+  borderBottomRightRadius?: BorderRadiusValue | null | undefined;
+  borderBottomStartRadius?: BorderRadiusValue | null | undefined;
+  borderTopEndRadius?: BorderRadiusValue | null | undefined;
+  borderTopLeftRadius?: BorderRadiusValue | null | undefined;
+  borderTopRightRadius?: BorderRadiusValue | null | undefined;
+  borderTopStartRadius?: BorderRadiusValue | null | undefined;
+  borderStyle?: BorderStyleValue | null | undefined;
+  borderBottomStyle?: BorderStyleValue | null | undefined;
+  borderEndStyle?: BorderStyleValue | null | undefined;
+  borderLeftStyle?: BorderStyleValue | null | undefined;
+  borderRightStyle?: BorderStyleValue | null | undefined;
+  borderStartStyle?: BorderStyleValue | null | undefined;
+  borderTopStyle?: BorderStyleValue | null | undefined;
+};
+
+/**
+ * Interactions
+ */
+type CursorValue =
+  | 'alias'
+  | 'all-scroll'
+  | 'auto'
+  | 'cell'
+  | 'context-menu'
+  | 'copy'
+  | 'crosshair'
+  | 'default'
+  | 'grab'
+  | 'grabbing'
+  | 'help'
+  | 'pointer'
+  | 'progress'
+  | 'wait'
+  | 'text'
+  | 'vertical-text'
+  | 'move'
+  | 'none'
+  | 'no-drop'
+  | 'not-allowed'
+  | 'zoom-in'
+  | 'zoom-out' // resize
+  | 'col-resize'
+  | 'e-resize'
+  | 'ew-resize'
+  | 'n-resize'
+  | 'ne-resize'
+  | 'ns-resize'
+  | 'nw-resize'
+  | 'row-resize'
+  | 's-resize'
+  | 'se-resize'
+  | 'sw-resize'
+  | 'w-resize'
+  | 'nesw-resize'
+  | 'nwse-resize';
+
+type TouchActionValue =
+  | 'auto'
+  | 'inherit'
+  | 'manipulation'
+  | 'none'
+  | 'pan-down'
+  | 'pan-left'
+  | 'pan-right'
+  | 'pan-up'
+  | 'pan-x'
+  | 'pan-y'
+  | 'pinch-zoom';
+
+type UserSelect = 'all' | 'auto' | 'contain' | 'none' | 'text';
+
+type InteractionStyles = {
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#Formal_syntax
+  cursor?: CursorValue | null | undefined;
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action#Formal_syntax
+  touchAction?: TouchActionValue | null | undefined;
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#Formal_syntax_2
+  userSelect?: UserSelect | null | undefined;
+  willChange?: string | null | undefined;
+};
+
+/**
+ * Layout
+ */
+type OverflowValue = 'auto' | 'hidden' | 'scroll' | 'visible';
+type VisiblilityValue = 'hidden' | 'visible';
+
+type LayoutStyles = {
+  alignContent?:
+    | 'center'
+    | 'flex-end'
+    | 'flex-start'
+    | 'space-around'
+    | 'space-between'
+    | 'stretch';
+  alignItems?:
+    | ('baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch')
+    | null
+    | undefined;
+  alignSelf?:
+    | ('auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch')
+    | null
+    | undefined;
+  backfaceVisibility?: VisiblilityValue | null | undefined;
+  borderWidth?: DimensionValue | null | undefined;
+  borderBottomWidth?: DimensionValue | null | undefined;
+  borderEndWidth?: DimensionValue | null | undefined;
+  borderLeftWidth?: DimensionValue | null | undefined;
+  borderRightWidth?: DimensionValue | null | undefined;
+  borderStartWidth?: DimensionValue | null | undefined;
+  borderTopWidth?: DimensionValue | null | undefined;
+  bottom?: DimensionValue | null | undefined;
+  boxSizing?: ('border-box' | 'content-box' | 'padding-box') | null | undefined;
+  direction?: ('inherit' | 'ltr' | 'rtl') | null | undefined;
+  display?: string | null | undefined;
+  end?: DimensionValue | null | undefined;
+  flex?: number | null | undefined;
+  flexBasis?: DimensionValue | null | undefined;
+  flexDirection?:
+    | ('column' | 'column-reverse' | 'row' | 'row-reverse')
+    | null
+    | undefined;
+  flexGrow?: number | null | undefined;
+  flexShrink?: number | null | undefined;
+  flexWrap?: ('nowrap' | 'wrap' | 'wrap-reverse') | null | undefined;
+  height?: DimensionValue | null | undefined;
+  justifyContent?:
+    | (
+        | 'center'
+        | 'flex-end'
+        | 'flex-start'
+        | 'space-around'
+        | 'space-between'
+        | 'space-evenly'
+      )
+    | null
+    | undefined;
+  left?: DimensionValue | null | undefined;
+  margin?: DimensionValue | null | undefined;
+  marginBottom?: DimensionValue | null | undefined;
+  marginHorizontal?: DimensionValue | null | undefined;
+  marginEnd?: DimensionValue | null | undefined;
+  marginLeft?: DimensionValue | null | undefined;
+  marginRight?: DimensionValue | null | undefined;
+  marginStart?: DimensionValue | null | undefined;
+  marginTop?: DimensionValue | null | undefined;
+  marginVertical?: DimensionValue | null | undefined;
+  maxHeight?: DimensionValue | null | undefined;
+  maxWidth?: DimensionValue | null | undefined;
+  minHeight?: DimensionValue | null | undefined;
+  minWidth?: DimensionValue | null | undefined;
+  order?: number | null | undefined;
+  overflow?: OverflowValue | null | undefined;
+  overflowX?: OverflowValue | null | undefined;
+  overflowY?: OverflowValue | null | undefined;
+  padding?: DimensionValue | null | undefined;
+  paddingBottom?: DimensionValue | null | undefined;
+  paddingHorizontal?: DimensionValue | null | undefined;
+  paddingEnd?: DimensionValue | null | undefined;
+  paddingLeft?: DimensionValue | null | undefined;
+  paddingRight?: DimensionValue | null | undefined;
+  paddingStart?: DimensionValue | null | undefined;
+  paddingTop?: DimensionValue | null | undefined;
+  paddingVertical?: DimensionValue | null | undefined;
+  position?:
+    | ('absolute' | 'fixed' | 'relative' | 'static' | 'sticky')
+    | null
+    | undefined;
+  right?: DimensionValue | null | undefined;
+  start?: DimensionValue | null | undefined;
+  top?: DimensionValue | null | undefined;
+  visibility?: VisiblilityValue | null | undefined;
+  width?: DimensionValue | null | undefined;
+  zIndex?: number | null | undefined;
+
+  /**
+   * @platform unsupported
+   */
+  aspectRatio?: number | null | undefined;
+
+  /**
+   * @platform web
+   */
+  gridAutoColumns?: string | null | undefined;
+  gridAutoFlow?: string | null | undefined;
+  gridAutoRows?: string | null | undefined;
+  gridColumnEnd?: string | null | undefined;
+  gridColumnGap?: string | null | undefined;
+  gridColumnStart?: string | null | undefined;
+  gridRowEnd?: string | null | undefined;
+  gridRowGap?: string | null | undefined;
+  gridRowStart?: string | null | undefined;
+  gridTemplateColumns?: string | null | undefined;
+  gridTemplateRows?: string | null | undefined;
+  gridTemplateAreas?: string | null | undefined;
+};
+
+/**
+ * Shadows
+ */
+type ShadowStyles = {
+  shadowColor?: ColorValue | null | undefined;
+  shadowOffset?: {
+    width?: DimensionValue;
+    height?: DimensionValue;
+  };
+  shadowOpacity?: number | null | undefined;
+  shadowRadius?: DimensionValue | null | undefined;
+};
+
+/**
+ * Transforms
+ */
+type TransformStyles = {
+  perspective?: NumberOrString | null | undefined;
+  perspectiveOrigin?: string | null | undefined;
+  transform?: (
+    | { readonly perspective: NumberOrString }
+    | { readonly rotate: string }
+    | { readonly rotateX: string }
+    | { readonly rotateY: string }
+    | { readonly rotateZ: string }
+    | { readonly scale: number }
+    | { readonly scaleX: number }
+    | { readonly scaleY: number }
+    | { readonly scaleZ: number }
+    | { readonly scale3d: string }
+    | { readonly skewX: string }
+    | { readonly skewY: string }
+    | { readonly translateX: NumberOrString }
+    | { readonly translateY: NumberOrString }
+    | { readonly translateZ: NumberOrString }
+    | { readonly translate3d: string }
+  )[];
+  transformOrigin?: string | null | undefined;
+  transformStyle?: ('flat' | 'preserve-3d') | null | undefined;
+};
+
+type OverscrollBehaviorValue = 'auto' | 'contain' | 'none';
+
+type ViewStyle = AnimationStyles &
+  BorderStyles &
+  InteractionStyles &
+  LayoutStyles &
+  ShadowStyles &
+  TransformStyles & {
+    backdropFilter?: string | null | undefined;
+    backgroundAttachment?: string | null | undefined;
+    backgroundBlendMode?: string | null | undefined;
+    backgroundClip?: string | null | undefined;
+    backgroundColor?: ColorValue | null | undefined;
+    backgroundImage?: string | null | undefined;
+    backgroundOrigin?: 'border-box' | 'content-box' | 'padding-box';
+    backgroundPosition?: string | null | undefined;
+    backgroundRepeat?: string | null | undefined;
+    backgroundSize?: string | null | undefined;
+    boxShadow?: string | null | undefined;
+    clip?: string | null | undefined;
+    filter?: string | null | undefined;
+    opacity?: number | null | undefined;
+    outlineColor?: ColorValue | null | undefined;
+    outlineOffset?: NumberOrString | null | undefined;
+    outlineStyle?: string | null | undefined;
+    outlineWidth?: NumberOrString | null | undefined;
+    overscrollBehavior?: OverscrollBehaviorValue | null | undefined;
+    overscrollBehaviorX?: OverscrollBehaviorValue | null | undefined;
+    overscrollBehaviorY?: OverscrollBehaviorValue | null | undefined;
+    scrollbarWidth?: 'auto' | 'none' | 'thin';
+    scrollSnapAlign?: string | null | undefined;
+    scrollSnapType?: string | null | undefined;
+    WebkitMaskImage?: string | null | undefined;
+    WebkitOverflowScrolling?: 'auto' | 'touch';
+  };
+
+type ViewStyleProps = {
+  accessibilityLabel?: string | null | undefined;
+  accessibilityLiveRegion?: 'none' | 'polite' | 'assertive';
+  accessibilityRole?: string | null | undefined;
+  accessibilityState?: {
+    busy?: boolean | null | undefined;
+    checked?: (boolean | null | undefined) | 'mixed';
+    disabled?: boolean | null | undefined;
+    expanded?: boolean | null | undefined;
+    grabbed?: boolean | null | undefined;
+    hidden?: boolean | null | undefined;
+    invalid?: boolean | null | undefined;
+    modal?: boolean | null | undefined;
+    pressed?: boolean | null | undefined;
+    readonly?: boolean | null | undefined;
+    required?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+  };
+  accessibilityValue?: {
+    max?: number | null | undefined;
+    min?: number | null | undefined;
+    now?: number | null | undefined;
+    text?: string | null | undefined;
+  };
+  accessible?: boolean;
+  children?: any | null | undefined;
+  importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants';
+  nativeID?: string | null | undefined;
+  onBlur?: (e: any) => void;
+  onClick?: (e: any) => void;
+  onClickCapture?: (e: any) => void;
+  onContextMenu?: (e: any) => void;
+  onFocus?: (e: any) => void;
+  onKeyDown?: (e: any) => void;
+  onKeyUp?: (e: any) => void;
+  onLayout?: (e: LayoutEvent) => void;
+  onMoveShouldSetResponder?: (e: any) => boolean;
+  onMoveShouldSetResponderCapture?: (e: any) => boolean;
+  onResponderEnd?: (e: any) => void;
+  onResponderGrant?: (e: any) => void;
+  onResponderMove?: (e: any) => void;
+  onResponderReject?: (e: any) => void;
+  onResponderRelease?: (e: any) => void;
+  onResponderStart?: (e: any) => void;
+  onResponderTerminate?: (e: any) => void;
+  onResponderTerminationRequest?: (e: any) => boolean;
+  onScrollShouldSetResponder?: (e: any) => boolean;
+  onScrollShouldSetResponderCapture?: (e: any) => boolean;
+  onSelectionChangeShouldSetResponder?: (e: any) => boolean;
+  onSelectionChangeShouldSetResponderCapture?: (e: any) => boolean;
+  onStartShouldSetResponder?: (e: any) => boolean;
+  onStartShouldSetResponderCapture?: (e: any) => boolean;
+  pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto';
+  style?:
+    | false
+    | void
+    | ''
+    | ViewStyle
+    | readonly GenericStyleProp<ViewStyle>[]
+    | null
+    | undefined;
+  testID?: string | null | undefined;
+  // unstable
+  dataSet?: Object | null | undefined;
+  onMouseDown?: (e: any) => void;
+  onMouseEnter?: (e: any) => void;
+  onMouseLeave?: (e: any) => void;
+  onMouseMove?: (e: any) => void;
+  onMouseOver?: (e: any) => void;
+  onMouseOut?: (e: any) => void;
+  onMouseUp?: (e: any) => void;
+  onScroll?: (e: any) => void;
+  onTouchCancel?: (e: any) => void;
+  onTouchCancelCapture?: (e: any) => void;
+  onTouchEnd?: (e: any) => void;
+  onTouchEndCapture?: (e: any) => void;
+  onTouchMove?: (e: any) => void;
+  onTouchMoveCapture?: (e: any) => void;
+  onTouchStart?: (e: any) => void;
+  onTouchStartCapture?: (e: any) => void;
+  onWheel?: (e: any) => void;
+  href?: string | null | undefined;
+  rel?: string | null | undefined;
+  target?: string | null | undefined;
+};
+
+type SourceObject = {
+  /**
+   * `body` is the HTTP body to send with the request. This must be a valid
+   * UTF-8 string, and will be sent exactly as specified, with no
+   * additional encoding (e.g. URL-escaping or base64) applied.
+   */
+  body?: string;
+
+  /**
+   * `cache` determines how the requests handles potentially cached
+   * responses.
+   *
+   * - `default`: Use the native platforms default strategy. `useProtocolCachePolicy` on iOS.
+   *
+   * - `reload`: The data for the URL will be loaded from the originating source.
+   * No existing cache data should be used to satisfy a URL load request.
+   *
+   * - `force-cache`: The existing cached data will be used to satisfy the request,
+   * regardless of its age or expiration date. If there is no existing data in the cache
+   * corresponding the request, the data is loaded from the originating source.
+   *
+   * - `only-if-cached`: The existing cache data will be used to satisfy a request, regardless of
+   * its age or expiration date. If there is no existing data in the cache corresponding
+   * to a URL load request, no attempt is made to load the data from the originating source,
+   * and the load is considered to have failed.
+   *
+   * @platform ios
+   */
+  cache?: 'default' | 'reload' | 'force-cache' | 'only-if-cached';
+
+  /**
+   * `headers` is an object representing the HTTP headers to send along with the
+   * request for a remote image.
+   */
+  headers?: Record<string, string>;
+
+  /**
+   * `method` is the HTTP Method to use. Defaults to GET if not specified.
+   */
+  method?: string;
+
+  /**
+   * `scale` is used to indicate the scale factor of the image. Defaults to 1.0 if
+   * unspecified, meaning that one image pixel equates to one display point / DIP.
+   */
+  scale?: number;
+
+  /**
+   * `uri` is a string representing the resource identifier for the image, which
+   * could be an http address, a local file path, or the name of a static image
+   * resource (which should be wrapped in the `require('./path/to/image.png')`
+   * function).
+   */
+  uri: string;
+
+  /**
+   * `width` and `height` can be specified if known at build time, in which case
+   * these will be used to set the default `<Image/>` component dimensions.
+   */
+  height?: number | string;
+  width?: number | string;
+};
+
+type ResizeMode =
+  | 'center'
+  | 'contain'
+  | 'cover'
+  | 'none'
+  | 'repeat'
+  | 'stretch';
+
+type Source = number | string | SourceObject | SourceObject[];
+
+type ImageStyle = AnimationStyles &
+  BorderStyles &
+  InteractionStyles &
+  LayoutStyles &
+  ShadowStyles &
+  TransformStyles & {
+    backgroundColor?: ColorValue;
+    boxShadow?: string;
+    filter?: string;
+    opacity?: number;
+    resizeMode?: ResizeMode;
+    tintColor?: ColorValue;
+  };
+
+type ImageStyleProps = ViewStyleProps & {
+  blurRadius?: number;
+  defaultSource?: Source;
+  draggable?: boolean;
+  onError?: (e: any) => void;
+  onLayout?: (e: any) => void;
+  onLoad?: (e: any) => void;
+  onLoadEnd?: (e: any) => void;
+  onLoadStart?: (e: any) => void;
+  onProgress?: (e: any) => void;
+  resizeMode?: ResizeMode;
+  source?: Source;
+  style?:
+    | false
+    | void
+    | ''
+    | ViewStyle
+    | readonly GenericStyleProp<ImageStyle>[]
+    | null
+    | undefined;
+};
+
+type FontWeightValue =
+  | 'normal'
+  | 'bold'
+  | '100'
+  | '200'
+  | '300'
+  | '400'
+  | '500'
+  | '600'
+  | '700'
+  | '800'
+  | '900';
+
+type TextStyle = ViewStyle & {
+  color?: ColorValue | null | undefined;
+  float?: string | null | undefined;
+  fontFamily?: string | null | undefined;
+  fontFeatureSettings?: string | null | undefined;
+  fontSize?: NumberOrString | null | undefined;
+  fontStyle?: 'italic' | 'normal';
+  fontWeight?: FontWeightValue | null | undefined;
+  fontVariant?: readonly (
+    | 'small-caps'
+    | 'oldstyle-nums'
+    | 'lining-nums'
+    | 'tabular-nums'
+    | 'proportional-nums'
+  )[];
+  letterSpacing?: NumberOrString | null | undefined;
+  lineHeight?: NumberOrString | null | undefined;
+  textAlign?:
+    | 'center'
+    | 'end'
+    | 'inherit'
+    | 'justify'
+    | 'justify-all'
+    | 'left'
+    | 'right'
+    | 'start';
+  textAlignVertical?: string | null | undefined;
+  textDecorationColor?: ColorValue | null | undefined;
+  textDecorationLine?:
+    | 'none'
+    | 'underline'
+    | 'line-through'
+    | 'underline line-through';
+  textDecorationStyle?: 'solid' | 'double' | 'dotted' | 'dashed';
+  textIndent?: NumberOrString | null | undefined;
+  textOverflow?: string | null | undefined;
+  textRendering?:
+    | 'auto'
+    | 'geometricPrecision'
+    | 'optimizeLegibility'
+    | 'optimizeSpeed';
+  textShadowColor?: ColorValue | null | undefined;
+  textShadowOffset?: { width?: number; height?: number };
+  textShadowRadius?: number | null | undefined;
+  textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
+  unicodeBidi?:
+    | 'normal'
+    | 'bidi-override'
+    | 'embed'
+    | 'isolate'
+    | 'isolate-override'
+    | 'plaintext';
+  whiteSpace?: string | null | undefined;
+  wordBreak?: 'normal' | 'break-all' | 'break-word' | 'keep-all';
+  wordWrap?: string | null | undefined;
+  writingDirection?: 'auto' | 'ltr' | 'rtl';
+
+  /* @platform web */
+  MozOsxFontSmoothing?: string | null | undefined;
+  WebkitFontSmoothing?: string | null | undefined;
+};
+
+type TextStyleProps = ViewStyleProps & {
+  accessibilityRole?:
+    | 'button'
+    | 'header'
+    | 'heading'
+    | 'label'
+    | 'link'
+    | 'listitem'
+    | 'none'
+    | 'text';
+  accessibilityState?: {
+    busy?: boolean | null | undefined;
+    checked?: (boolean | null | undefined) | 'mixed';
+    disabled?: boolean | null | undefined;
+    expanded?: boolean | null | undefined;
+    grabbed?: boolean | null | undefined;
+    hidden?: boolean | null | undefined;
+    invalid?: boolean | null | undefined;
+    pressed?: boolean | null | undefined;
+    readonly?: boolean | null | undefined;
+    required?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+  };
+  dir?: 'auto' | 'ltr' | 'rtl';
+  numberOfLines?: number | null | undefined;
+  onPress?: (e: any) => void;
+  selectable?: boolean;
+  style?:
+    | false
+    | void
+    | ''
+    | ViewStyle
+    | readonly GenericStyleProp<TextStyle>[]
+    | null
+    | undefined;
+  testID?: string | null | undefined;
+};
+
+interface AnimationProps {
+    from?: CSSProperties | any;
+    to?: CSSProperties | any;
+    leave?: CSSProperties | any;
+    duration?: string;
+    timingFunction?: string | 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    [key: string]: CSSProperties | string | number | Record<string, string | number> | AnimationKeyframes | undefined;
+}
+
+type Shadow = {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+};
+declare const Shadows: Record<number, Shadow>;
+
+type ColorPalette = Record<string, Record<number, string>>;
+type ColorSingleton = Record<string, string>;
+declare const defaultLightPalette: ColorPalette;
+declare const defaultDarkPalette: ColorPalette;
+declare const defaultColors: ColorConfig;
+type ColorConfig = Record<string, string>;
+declare const defaultLightColors: ColorConfig;
+declare const defaultDarkColors: ColorConfig;
+/**
+ * Checks if a value contains color tokens.
+ * @param value - The string to check.
+ * @returns True if the value contains color tokens.
+ */
+declare const hasColorToken: (value: string) => boolean;
+/**
+ * Replaces color tokens in a string with values returned by a resolver function.
+ * @param value - The string containing color tokens.
+ * @param resolver - A function that takes a token and returns its replacement value.
+ * @returns The string with color tokens replaced.
+ */
+declare const replaceColorTokens: (value: string, resolver: (token: string) => string) => string;
+
+declare const fadeIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const fadeOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const slideInLeft: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const slideInRight: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const slideInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const slideInUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const bounce: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '20%': {
+        transform: string;
+    };
+    '40%': {
+        transform: string;
+    };
+    '60%': {
+        transform: string;
+    };
+    '80%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const rotate: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const pulse: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '50%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const zoomIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const zoomOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const flash: ({ duration, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '50%': {
+        opacity: number;
+    };
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const scale: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '50%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const shake: ({ duration, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '10%': {
+        transform: string;
+    };
+    '20%': {
+        transform: string;
+    };
+    '30%': {
+        transform: string;
+    };
+    '40%': {
+        transform: string;
+    };
+    '50%': {
+        transform: string;
+    };
+    '60%': {
+        transform: string;
+    };
+    '70%': {
+        transform: string;
+    };
+    '80%': {
+        transform: string;
+    };
+    '90%': {
+        transform: string;
+    };
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const swing: ({ duration, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '20%': {
+        transform: string;
+    };
+    '40%': {
+        transform: string;
+    };
+    '60%': {
+        transform: string;
+    };
+    '80%': {
+        transform: string;
+    };
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const rubberBand: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '30%': {
+        transform: string;
+    };
+    '40%': {
+        transform: string;
+    };
+    '50%': {
+        transform: string;
+    };
+    '65%': {
+        transform: string;
+    };
+    '75%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const wobble: ({ duration, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '15%': {
+        transform: string;
+    };
+    '30%': {
+        transform: string;
+    };
+    '45%': {
+        transform: string;
+    };
+    '60%': {
+        transform: string;
+    };
+    '75%': {
+        transform: string;
+    };
+    duration: string;
+};
+declare const flip: ({ duration, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '40%': {
+        transform: string;
+    };
+    duration: string;
+};
+declare const heartBeat: ({ duration, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '14%': {
+        transform: string;
+    };
+    '28%': {
+        transform: string;
+    };
+    '42%': {
+        transform: string;
+    };
+    '70%': {
+        transform: string;
+    };
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const rollIn: ({ duration, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+};
+declare const rollOut: ({ duration, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+};
+declare const lightSpeedIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '60%': {
+        transform: string;
+        opacity: number;
+    };
+    '80%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const lightSpeedOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '20%': {
+        opacity: number;
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const hinge: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '20%': {
+        transform: string;
+        opacity: number;
+    };
+    '40%': {
+        transform: string;
+        opacity: number;
+    };
+    '60%': {
+        transform: string;
+        opacity: number;
+    };
+    '80%': {
+        transform: string;
+        opacity: number;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const jackInTheBox: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '50%': {
+        transform: string;
+    };
+    '70%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const flipInX: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '40%': {
+        transform: string;
+        opacity: number;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const flipInY: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '40%': {
+        transform: string;
+        opacity: number;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const headShake: ({ duration, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to?: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '6.5%': {
+        transform: string;
+    };
+    '18.5%': {
+        transform: string;
+    };
+    '31.5%': {
+        transform: string;
+    };
+    '43.5%': {
+        transform: string;
+    };
+    '50%': {
+        transform: string;
+    };
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const tada: ({ duration, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '10%, 20%': {
+        transform: string;
+    };
+    '30%, 50%, 70%, 90%': {
+        transform: string;
+    };
+    '40%, 60%, 80%': {
+        transform: string;
+    };
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const jello: ({ duration, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction?: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '11.1%': {
+        transform: string;
+    };
+    '22.2%': {
+        transform: string;
+    };
+    '33.3%': {
+        transform: string;
+    };
+    '44.4%': {
+        transform: string;
+    };
+    '55.5%': {
+        transform: string;
+    };
+    '66.6%': {
+        transform: string;
+    };
+    '77.7%': {
+        transform: string;
+    };
+    '88.8%': {
+        transform: string;
+    };
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const fadeInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const fadeInUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const bounceIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '50%': {
+        opacity: number;
+        transform: string;
+    };
+    '70%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const bounceOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '20%': {
+        transform: string;
+    };
+    '50%, 55%': {
+        opacity: number;
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const slideOutLeft: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const slideOutRight: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const zoomInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '60%': {
+        opacity: number;
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const zoomOutUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '40%': {
+        opacity: number;
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const backInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+};
+declare const backOutUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '80%': {
+        opacity: number;
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+};
+declare const shimmer: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '50%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const progress: ({ duration, timingFunction, direction, from, to, ...props }?: AnimationProps) => {
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    from: any;
+    to: any;
+    duration: string;
+    timingFunction: string;
+    direction: AnimationDirection;
+};
+declare const typewriter: ({ duration, steps, iterationCount, width, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    timingFunction: string | "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    duration: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const blinkCursor: ({ duration, timingFunction, iterationCount, color, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    timeline?: string;
+    range?: string;
+    '--fill'?: any;
+    '0%': {
+        color: number | react.CSSProperties | Record<string, string | number> | AnimationKeyframes;
+    };
+    '50%': {
+        color: string;
+    };
+    '100%': {
+        color: number | react.CSSProperties | Record<string, string | number> | AnimationKeyframes;
+    };
+    duration: string;
+    timingFunction: string;
+    iterationCount: AnimationIterationCount;
+};
+declare const fadeInScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const slideInLeftScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const scaleDownScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const fillTextScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    '50%': {
+        '--fill': number;
+    };
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const ctaCollapseScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const handWaveScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    '50%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const fadeBlurScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from?: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const unclipScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from?: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const scaleDownArticleScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from?: react.CSSProperties | any;
+    to: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    '0%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+declare const listItemScaleScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
+    from: react.CSSProperties | any;
+    to?: react.CSSProperties | any;
+    leave?: react.CSSProperties | any;
+    delay?: string;
+    property?: string;
+    iterationCount?: AnimationIterationCount;
+    direction?: AnimationDirection;
+    fillMode?: AnimationFillMode;
+    playState?: AnimationPlayState;
+    keyframes?: AnimationKeyframes;
+    '--fill'?: any;
+    '50%': {
+        transform: string;
+    };
+    duration: string;
+    timingFunction: string;
+    timeline: string;
+    range: string;
+};
+
+declare const Animation_backInDown: typeof backInDown;
+declare const Animation_backOutUp: typeof backOutUp;
+declare const Animation_blinkCursor: typeof blinkCursor;
+declare const Animation_bounce: typeof bounce;
+declare const Animation_bounceIn: typeof bounceIn;
+declare const Animation_bounceOut: typeof bounceOut;
+declare const Animation_ctaCollapseScroll: typeof ctaCollapseScroll;
+declare const Animation_fadeBlurScroll: typeof fadeBlurScroll;
+declare const Animation_fadeIn: typeof fadeIn;
+declare const Animation_fadeInDown: typeof fadeInDown;
+declare const Animation_fadeInScroll: typeof fadeInScroll;
+declare const Animation_fadeInUp: typeof fadeInUp;
+declare const Animation_fadeOut: typeof fadeOut;
+declare const Animation_fillTextScroll: typeof fillTextScroll;
+declare const Animation_flash: typeof flash;
+declare const Animation_flip: typeof flip;
+declare const Animation_flipInX: typeof flipInX;
+declare const Animation_flipInY: typeof flipInY;
+declare const Animation_handWaveScroll: typeof handWaveScroll;
+declare const Animation_headShake: typeof headShake;
+declare const Animation_heartBeat: typeof heartBeat;
+declare const Animation_hinge: typeof hinge;
+declare const Animation_jackInTheBox: typeof jackInTheBox;
+declare const Animation_jello: typeof jello;
+declare const Animation_lightSpeedIn: typeof lightSpeedIn;
+declare const Animation_lightSpeedOut: typeof lightSpeedOut;
+declare const Animation_listItemScaleScroll: typeof listItemScaleScroll;
+declare const Animation_progress: typeof progress;
+declare const Animation_pulse: typeof pulse;
+declare const Animation_rollIn: typeof rollIn;
+declare const Animation_rollOut: typeof rollOut;
+declare const Animation_rotate: typeof rotate;
+declare const Animation_rubberBand: typeof rubberBand;
+declare const Animation_scale: typeof scale;
+declare const Animation_scaleDownArticleScroll: typeof scaleDownArticleScroll;
+declare const Animation_scaleDownScroll: typeof scaleDownScroll;
+declare const Animation_shake: typeof shake;
+declare const Animation_shimmer: typeof shimmer;
+declare const Animation_slideInDown: typeof slideInDown;
+declare const Animation_slideInLeft: typeof slideInLeft;
+declare const Animation_slideInLeftScroll: typeof slideInLeftScroll;
+declare const Animation_slideInRight: typeof slideInRight;
+declare const Animation_slideInUp: typeof slideInUp;
+declare const Animation_slideOutLeft: typeof slideOutLeft;
+declare const Animation_slideOutRight: typeof slideOutRight;
+declare const Animation_swing: typeof swing;
+declare const Animation_tada: typeof tada;
+declare const Animation_typewriter: typeof typewriter;
+declare const Animation_unclipScroll: typeof unclipScroll;
+declare const Animation_wobble: typeof wobble;
+declare const Animation_zoomIn: typeof zoomIn;
+declare const Animation_zoomInDown: typeof zoomInDown;
+declare const Animation_zoomOut: typeof zoomOut;
+declare const Animation_zoomOutUp: typeof zoomOutUp;
+declare namespace Animation {
+  export { Animation_backInDown as backInDown, Animation_backOutUp as backOutUp, Animation_blinkCursor as blinkCursor, Animation_bounce as bounce, Animation_bounceIn as bounceIn, Animation_bounceOut as bounceOut, Animation_ctaCollapseScroll as ctaCollapseScroll, Animation_fadeBlurScroll as fadeBlurScroll, Animation_fadeIn as fadeIn, Animation_fadeInDown as fadeInDown, Animation_fadeInScroll as fadeInScroll, Animation_fadeInUp as fadeInUp, Animation_fadeOut as fadeOut, Animation_fillTextScroll as fillTextScroll, Animation_flash as flash, Animation_flip as flip, Animation_flipInX as flipInX, Animation_flipInY as flipInY, Animation_handWaveScroll as handWaveScroll, Animation_headShake as headShake, Animation_heartBeat as heartBeat, Animation_hinge as hinge, Animation_jackInTheBox as jackInTheBox, Animation_jello as jello, Animation_lightSpeedIn as lightSpeedIn, Animation_lightSpeedOut as lightSpeedOut, Animation_listItemScaleScroll as listItemScaleScroll, Animation_progress as progress, Animation_pulse as pulse, Animation_rollIn as rollIn, Animation_rollOut as rollOut, Animation_rotate as rotate, Animation_rubberBand as rubberBand, Animation_scale as scale, Animation_scaleDownArticleScroll as scaleDownArticleScroll, Animation_scaleDownScroll as scaleDownScroll, Animation_shake as shake, Animation_shimmer as shimmer, Animation_slideInDown as slideInDown, Animation_slideInLeft as slideInLeft, Animation_slideInLeftScroll as slideInLeftScroll, Animation_slideInRight as slideInRight, Animation_slideInUp as slideInUp, Animation_slideOutLeft as slideOutLeft, Animation_slideOutRight as slideOutRight, Animation_swing as swing, Animation_tada as tada, Animation_typewriter as typewriter, Animation_unclipScroll as unclipScroll, Animation_wobble as wobble, Animation_zoomIn as zoomIn, Animation_zoomInDown as zoomInDown, Animation_zoomOut as zoomOut, Animation_zoomOutUp as zoomOutUp };
+}
+
+declare const Typography: {
+    letterSpacings: {
+        tighter: number;
+        tight: number;
+        normal: number;
+        wide: number;
+        wider: number;
+        widest: number;
+    };
+    lineHeights: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
+        '5xl': number;
+        '6xl': number;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semiBold: number;
+        bold: number;
+        extraBold: number;
+        black: number;
+    };
+    fontSizes: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
+        '5xl': number;
+        '6xl': number;
+    };
+};
+
+/**
+ * whether in browser env
+ */
+declare const isBrowser: () => boolean;
+/**
+ * get window.g_initialProps
+ */
+declare const getWindowInitialProps: () => any;
+/**
+ * whether SSR success in client
+ */
+declare const isSSR: boolean;
+declare function isDev(): boolean;
+declare function isProd(): boolean;
+declare function isMobile(): RegExpMatchArray | null;
+
+type AnalyticsConfig = {
+    trackEvent?: (event: any) => void;
+};
+declare const AnalyticsContext: react__default.Context<AnalyticsConfig>;
+declare const useAnalytics: () => AnalyticsConfig;
+declare const AnalyticsProvider: ({ trackEvent, children, }: AnalyticsConfig & {
+    children?: ReactNode;
+}) => react__default.ReactElement;
+
+/**
+ * Types for CSS scroll-driven view() timeline animations
+ * These enable performant animations without JavaScript state
+ */
+/** Animation range when element enters/exits viewport */
+type ViewAnimationRange = 'entry' | 'exit' | 'cover' | 'contain' | string;
+/** Timing function options */
+type ViewAnimationTimingFunction = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | string;
+/** Fill mode options */
+type ViewAnimationFillMode = 'none' | 'forwards' | 'backwards' | 'both';
+/**
+ * JSON configuration for view-based scroll animations
+ *
+ * @example
+ * const fadeInConfig: ViewAnimationConfig = {
+ *   keyframes: {
+ *     from: { opacity: 0 },
+ *     to: { opacity: 1 }
+ *   },
+ *   timing: { duration: '0.5s', timingFunction: 'ease' },
+ *   range: 'entry'
+ * };
+ */
+interface ViewAnimationConfig {
+    /** Keyframes: CSS properties at different animation points */
+    keyframes: {
+        from?: Record<string, string | number>;
+        to?: Record<string, string | number>;
+        [percentage: string]: Record<string, string | number> | undefined;
+    };
+    /** Animation timing configuration */
+    timing?: {
+        duration?: string;
+        timingFunction?: ViewAnimationTimingFunction;
+        fillMode?: ViewAnimationFillMode;
+        delay?: string;
+    };
+    /** When to animate relative to viewport */
+    range?: ViewAnimationRange;
+    /** Respect prefers-reduced-motion media query */
+    respectReducedMotion?: boolean;
+}
+/**
+ * Options for view animation preset functions
+ */
+interface ViewAnimationOptions {
+    duration?: string;
+    timingFunction?: ViewAnimationTimingFunction;
+    range?: ViewAnimationRange;
+    delay?: string;
+}
+/**
+ * Options for slide animations
+ */
+interface SlideAnimationOptions extends ViewAnimationOptions {
+    distance?: string;
+}
+/**
+ * Options for scale animations
+ */
+interface ScaleAnimationOptions extends ViewAnimationOptions {
+    scale?: number;
+}
+/**
+ * Options for blur animations
+ */
+interface BlurAnimationOptions extends ViewAnimationOptions {
+    blur?: string;
+}
+/**
+ * Options for rotate animations
+ */
+interface RotateAnimationOptions extends ViewAnimationOptions {
+    angle?: string;
+}
+
+/**
+ * View Animation Utilities
+ *
+ * Create performant CSS scroll-driven animations using view() timeline.
+ * These animations are pure CSS - no JavaScript state or IntersectionObserver needed!
+ */
+
+/**
+ * Convert ViewAnimationConfig to AnimationProps with view() timeline
+ * This enables CSS-only animations without JavaScript state
+ *
+ * @example
+ * <View animate={createViewAnimation({
+ *   keyframes: { from: { opacity: 0 }, to: { opacity: 1 } },
+ *   range: 'entry'
+ * })} />
+ */
+declare const createViewAnimation: (config: ViewAnimationConfig) => AnimationProps;
+/**
+ * Create an animation that triggers when element enters viewport
+ * Uses CSS view() timeline - NO JavaScript state required!
+ *
+ * @example
+ * <View animate={animateOnView({
+ *   keyframes: { from: { opacity: 0 }, to: { opacity: 1 } },
+ *   range: 'entry'
+ * })} />
+ */
+declare const animateOnView: (config: ViewAnimationConfig) => AnimationProps;
+/**
+ * Preset: Fade in when entering viewport
+ *
+ * @example
+ * <View animate={fadeInOnView()} />
+ * <View animate={fadeInOnView({ duration: '1s' })} />
+ */
+declare const fadeInOnView: (options?: ViewAnimationOptions) => AnimationProps;
+/**
+ * Preset: Fade out when exiting viewport
+ *
+ * @example
+ * <View animate={fadeOutOnView()} />
+ */
+declare const fadeOutOnView: (options?: ViewAnimationOptions) => AnimationProps;
+/**
+ * Preset: Slide up and fade in when entering viewport
+ *
+ * @example
+ * <View animate={slideUpOnView()} />
+ * <View animate={slideUpOnView({ distance: '50px', duration: '0.8s' })} />
+ */
+declare const slideUpOnView: (options?: SlideAnimationOptions) => AnimationProps;
+/**
+ * Preset: Slide down and fade in when entering viewport
+ *
+ * @example
+ * <View animate={slideDownOnView()} />
+ */
+declare const slideDownOnView: (options?: SlideAnimationOptions) => AnimationProps;
+/**
+ * Preset: Slide in from left when entering viewport
+ *
+ * @example
+ * <View animate={slideLeftOnView()} />
+ */
+declare const slideLeftOnView: (options?: SlideAnimationOptions) => AnimationProps;
+/**
+ * Preset: Slide in from right when entering viewport
+ *
+ * @example
+ * <View animate={slideRightOnView()} />
+ */
+declare const slideRightOnView: (options?: SlideAnimationOptions) => AnimationProps;
+/**
+ * Preset: Scale up when entering viewport
+ *
+ * @example
+ * <View animate={scaleUpOnView()} />
+ * <View animate={scaleUpOnView({ scale: 0.8 })} />
+ */
+declare const scaleUpOnView: (options?: ScaleAnimationOptions) => AnimationProps;
+/**
+ * Preset: Scale down when entering viewport
+ *
+ * @example
+ * <View animate={scaleDownOnView({ scale: 1.1 })} />
+ */
+declare const scaleDownOnView: (options?: ScaleAnimationOptions) => AnimationProps;
+/**
+ * Preset: Blur in when entering viewport
+ *
+ * @example
+ * <View animate={blurInOnView()} />
+ * <View animate={blurInOnView({ blur: '15px' })} />
+ */
+declare const blurInOnView: (options?: BlurAnimationOptions) => AnimationProps;
+/**
+ * Preset: Blur out when exiting viewport
+ *
+ * @example
+ * <View animate={blurOutOnView()} />
+ */
+declare const blurOutOnView: (options?: BlurAnimationOptions) => AnimationProps;
+/**
+ * Preset: Rotate in when entering viewport
+ *
+ * @example
+ * <View animate={rotateInOnView()} />
+ * <View animate={rotateInOnView({ angle: '-15deg' })} />
+ */
+declare const rotateInOnView: (options?: RotateAnimationOptions) => AnimationProps;
+/**
+ * Preset: Reveal with clip-path from bottom
+ *
+ * @example
+ * <View animate={revealOnView()} />
+ */
+declare const revealOnView: (options?: ViewAnimationOptions) => AnimationProps;
+/**
+ * Preset: Flip in on X axis
+ *
+ * @example
+ * <View animate={flipXOnView()} />
+ */
+declare const flipXOnView: (options?: ViewAnimationOptions) => AnimationProps;
+/**
+ * Preset: Flip in on Y axis
+ *
+ * @example
+ * <View animate={flipYOnView()} />
+ */
+declare const flipYOnView: (options?: ViewAnimationOptions) => AnimationProps;
+/**
+ * Preset JSON configurations for common view animations
+ * Use with createViewAnimation() or animateOnView()
+ */
+declare const viewAnimationPresets: Record<string, ViewAnimationConfig>;
+
+export { viewAnimationPresets as $, type AnimationProps as A, type BlurAnimationOptions as B, type ColorSingleton as C, flipXOnView as D, flipYOnView as E, getWindowInitialProps as F, hasColorToken as G, isBrowser as H, type ImageStyleProps as I, isDev as J, isMobile as K, isProd as L, isSSR as M, replaceColorTokens as N, revealOnView as O, rotateInOnView as P, scaleDownOnView as Q, type RotateAnimationOptions as R, type Shadow as S, type TextStyleProps as T, scaleUpOnView as U, type ViewStyleProps as V, slideDownOnView as W, slideLeftOnView as X, slideRightOnView as Y, slideUpOnView as Z, useAnalytics as _, type ColorPalette as a, type AnalyticsConfig as b, AnalyticsContext as c, AnalyticsProvider as d, Animation as e, type ColorConfig as f, type ScaleAnimationOptions as g, Shadows as h, type SlideAnimationOptions as i, Typography as j, type ViewAnimationConfig as k, type ViewAnimationFillMode as l, type ViewAnimationOptions as m, type ViewAnimationRange as n, type ViewAnimationTimingFunction as o, animateOnView as p, blurInOnView as q, blurOutOnView as r, createViewAnimation as s, defaultColors as t, defaultDarkColors as u, defaultDarkPalette as v, defaultLightColors as w, defaultLightPalette as x, fadeInOnView as y, fadeOutOnView as z };