@tamagui/core 1.0.0-alpha.8 → 1.0.0-beta.149

package/dist/packages/helpers/src/validStyleProps.d.ts

@@ -1,475 +0,0 @@
-export declare const stylePropsTransform: {
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-};
-export declare const stylePropsView: Readonly<{
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-}>;
-export declare const stylePropsTextOnly: Readonly<{
-    whiteSpace?: boolean | undefined;
-    wordWrap?: boolean | undefined;
-    textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    color: boolean;
-    fontFamily: boolean;
-    fontSize: boolean;
-    fontStyle: boolean;
-    fontWeight: boolean;
-    letterSpacing: boolean;
-    lineHeight: boolean;
-    textAlign: boolean;
-    textDecorationLine: boolean;
-    textDecorationStyle: boolean;
-    textDecorationColor: boolean;
-    textShadowColor: boolean;
-    textShadowOffset: boolean;
-    textShadowRadius: boolean;
-    textTransform: boolean;
-}>;
-export declare const stylePropsText: Readonly<{
-    whiteSpace?: boolean | undefined;
-    wordWrap?: boolean | undefined;
-    textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    color: boolean;
-    fontFamily: boolean;
-    fontSize: boolean;
-    fontStyle: boolean;
-    fontWeight: boolean;
-    letterSpacing: boolean;
-    lineHeight: boolean;
-    textAlign: boolean;
-    textDecorationLine: boolean;
-    textDecorationStyle: boolean;
-    textDecorationColor: boolean;
-    textShadowColor: boolean;
-    textShadowOffset: boolean;
-    textShadowRadius: boolean;
-    textTransform: boolean;
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-}>;
-export declare const stylePropsAll: Readonly<{
-    whiteSpace?: boolean | undefined;
-    wordWrap?: boolean | undefined;
-    textOverflow?: boolean | undefined;
-    textDecorationDistance?: boolean | undefined;
-    color: boolean;
-    fontFamily: boolean;
-    fontSize: boolean;
-    fontStyle: boolean;
-    fontWeight: boolean;
-    letterSpacing: boolean;
-    lineHeight: boolean;
-    textAlign: boolean;
-    textDecorationLine: boolean;
-    textDecorationStyle: boolean;
-    textDecorationColor: boolean;
-    textShadowColor: boolean;
-    textShadowOffset: boolean;
-    textShadowRadius: boolean;
-    textTransform: boolean;
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-}>;
-export declare const validStylesPseudo: {
-    hoverStyle: boolean;
-    pressStyle: boolean;
-    focusStyle: boolean;
-};
-export declare const validStyles: {
-    userSelect?: boolean | undefined;
-    cursor?: boolean | undefined;
-    contain?: boolean | undefined;
-    pointerEvents?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    x: boolean;
-    y: boolean;
-    scale: boolean;
-    perspective: boolean;
-    scaleX: boolean;
-    scaleY: boolean;
-    skewX: boolean;
-    skewY: boolean;
-    matrix: boolean;
-    rotate: boolean;
-    rotateY: boolean;
-    rotateX: boolean;
-    rotateZ: boolean;
-    backfaceVisibility: boolean;
-    backgroundColor: boolean;
-    borderBottomColor: boolean;
-    borderBottomEndRadius: boolean;
-    borderBottomLeftRadius: boolean;
-    borderBottomRightRadius: boolean;
-    borderBottomStartRadius: boolean;
-    borderBottomWidth: boolean;
-    borderColor: boolean;
-    borderEndColor: boolean;
-    borderLeftColor: boolean;
-    borderLeftWidth: boolean;
-    borderRadius: boolean;
-    borderRightColor: boolean;
-    borderRightWidth: boolean;
-    borderStartColor: boolean;
-    borderStyle: boolean;
-    borderTopColor: boolean;
-    borderTopEndRadius: boolean;
-    borderTopLeftRadius: boolean;
-    borderTopRightRadius: boolean;
-    borderTopStartRadius: boolean;
-    borderTopWidth: boolean;
-    borderWidth: boolean;
-    opacity: boolean;
-    transform: boolean;
-    alignContent: boolean;
-    alignItems: boolean;
-    alignSelf: boolean;
-    aspectRatio: boolean;
-    borderEndWidth: boolean;
-    borderStartWidth: boolean;
-    bottom: boolean;
-    display: boolean;
-    end: boolean;
-    flex: boolean;
-    flexBasis: boolean;
-    flexDirection: boolean;
-    flexGrow: boolean;
-    flexShrink: boolean;
-    flexWrap: boolean;
-    height: boolean;
-    justifyContent: boolean;
-    left: boolean;
-    margin: boolean;
-    marginBottom: boolean;
-    marginEnd: boolean;
-    marginHorizontal: boolean;
-    marginLeft: boolean;
-    marginRight: boolean;
-    marginStart: boolean;
-    marginTop: boolean;
-    marginVertical: boolean;
-    maxHeight: boolean;
-    maxWidth: boolean;
-    minHeight: boolean;
-    minWidth: boolean;
-    overflow: boolean;
-    padding: boolean;
-    paddingBottom: boolean;
-    paddingEnd: boolean;
-    paddingHorizontal: boolean;
-    paddingLeft: boolean;
-    paddingRight: boolean;
-    paddingStart: boolean;
-    paddingTop: boolean;
-    paddingVertical: boolean;
-    position: boolean;
-    right: boolean;
-    start: boolean;
-    top: boolean;
-    width: boolean;
-    zIndex: boolean;
-    direction: boolean;
-    shadowColor: boolean;
-    shadowOffset: boolean;
-    shadowOpacity: boolean;
-    shadowRadius: boolean;
-    hoverStyle: boolean;
-    pressStyle: boolean;
-    focusStyle: boolean;
-};
-//# sourceMappingURL=validStyleProps.d.ts.map

package/dist/packages/helpers/src/validStyleProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["../../../../../../../../../Users/n8/tamagui/packages/helpers/src/validStyleProps.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;CAc/B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFzB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA;AAE3C,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGvB,CAAA"}

package/dist/static/postProcessStyles.js

@@ -1,18 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getSplitStyles } from "../helpers/getSplitStyles";
-const postProcessStyles = /* @__PURE__ */ __name((inStyles, staticConfig, theme) => {
-  const { style, viewProps, pseudos, classNames } = getSplitStyles(inStyles, staticConfig, theme);
-  const next = {};
-  for (const s of style) {
-    if (!s)
-      continue;
-    Object.assign(next, s);
-  }
-  Object.assign(next, pseudos);
-  return { style: next, viewProps, classNames };
-}, "postProcessStyles");
-export {
-  postProcessStyles
-};
-//# sourceMappingURL=postProcessStyles.js.map

package/dist/static/postProcessStyles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/static/postProcessStyles.tsx"],
-  "sourcesContent": ["import { getSplitStyles } from '../helpers/getSplitStyles'\nimport { StaticConfigParsed, TamaguiInternalConfig, ThemeObject } from '../types'\n\n// used only by static extractor\n\nexport const postProcessStyles = (\n  inStyles: any,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject\n) => {\n  const { style, viewProps, pseudos, classNames } = getSplitStyles(inStyles, staticConfig, theme)\n  // flattening\n  const next = {}\n  for (const s of style) {\n    if (!s) continue\n    Object.assign(next, s)\n  }\n  Object.assign(next, pseudos)\n  return { style: next, viewProps, classNames }\n}\n"],
-  "mappings": ";;AAAA;AAKO,MAAM,oBAAoB,wBAC/B,UACA,cACA,UACG;AACH,QAAM,EAAE,OAAO,WAAW,SAAS,eAAe,eAAe,UAAU,cAAc;AAEzF,QAAM,OAAO;AACb,aAAW,KAAK,OAAO;AACrB,QAAI,CAAC;AAAG;AACR,WAAO,OAAO,MAAM;AAAA;AAEtB,SAAO,OAAO,MAAM;AACpB,SAAO,EAAE,OAAO,MAAM,WAAW;AAAA,GAbF;",
-  "names": []
-}

package/dist/styled.js

@@ -1,21 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { createComponent } from "./createComponent";
-import { extendStaticConfig } from "./helpers/extendStaticConfig";
-function styled(Component, options, staticExtractionOptions) {
-  const staticConfigProps = (() => {
-    if (options) {
-      const { variants, ...defaultProps } = options;
-      return { ...staticExtractionOptions, variants, defaultProps };
-    }
-    return {};
-  })();
-  const config = extendStaticConfig(Component, staticConfigProps);
-  const component = createComponent(config);
-  return component;
-}
-__name(styled, "styled");
-export {
-  styled
-};
-//# sourceMappingURL=styled.js.map

package/dist/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/styled.ts"],
-  "sourcesContent": ["import React from 'react'\n\nimport { createComponent } from './createComponent'\nimport { extendStaticConfig } from './helpers/extendStaticConfig'\nimport { MediaProps, StaticComponent, StaticConfig, TamaguiConfig, Themes, Tokens } from './types'\n\nexport function styled<\n  ParentComponent extends StaticComponent | React.Component<any>,\n  Variants extends GetVariants<ParentComponent>\n>(\n  Component: ParentComponent,\n  options?: GetProps<ParentComponent> & {\n    variants?: Variants\n  },\n  staticExtractionOptions?: StaticConfig\n) {\n  const staticConfigProps: StaticConfig = (() => {\n    if (options) {\n      const { variants, ...defaultProps } = options\n      return { ...staticExtractionOptions, variants, defaultProps }\n    }\n    return {}\n  })()\n  const config = extendStaticConfig(Component, staticConfigProps)\n  const component = createComponent(config!) // error is good here its on init\n  type VariantProps = GetVariantProps<Variants>\n  return component as StaticComponent<\n    Omit<GetProps<ParentComponent>, keyof VariantProps> & VariantProps & MediaProps<VariantProps>\n    // leave this out it was causing infinite recursion type issues\n    // VariantProps\n  >\n}\n\n// type ParentVariants = A extends StaticComponent<any, infer Variants> ? Variants : {}\n\nexport type GetProps<A> = A extends StaticComponent<infer Props>\n  ? Props\n  : A extends React.Component<infer Props>\n  ? Props\n  : {}\n\nexport type GetVariants<ParentComponent extends StaticComponent | React.Component<any>> = void | {\n  [key: string]: {\n    [key: string]:\n      | Partial<GetProps<ParentComponent>>\n      | ((\n          val: any,\n          config: {\n            tokens: TamaguiConfig['tokens']\n            theme: Themes extends { [key: string]: infer B } ? B : unknown\n            props: GetProps<ParentComponent>\n          }\n        ) => Partial<GetProps<ParentComponent>>)\n  }\n}\n\nexport type GetVariantProps<Variants> = Variants extends void\n  ? {}\n  : {\n      // ensure variants actually defined\n      [Key in keyof Variants]?: keyof Variants[Key] extends `...${infer VariantSpread}`\n        ? VariantSpread extends keyof Tokens\n          ? keyof Tokens[VariantSpread] extends string | number\n            ? `$${keyof Tokens[VariantSpread]}`\n            : unknown\n          : unknown\n        : keyof Variants[Key] extends 'true'\n        ? boolean\n        : keyof Exclude<Variants[Key], undefined>\n    }\n\n// type X = { ok: 1 }\n// type Y = { okk: 2; ok: 3 }\n// type Z = X & Y\n// type Z2 = Z\n\n// TODO get name\n// const displayName = `styled(Component)`\n// Object.defineProperty(component, 'name', {\n//   value: displayName,\n//   writable: false,\n// })\n"],
-  "mappings": ";;AAEA;AACA;AAGO,gBAIL,WACA,SAGA,yBACA;AACA,QAAM,oBAAmC,OAAM;AAC7C,QAAI,SAAS;AACX,YAAM,EAAE,aAAa,iBAAiB;AACtC,aAAO,KAAK,yBAAyB,UAAU;AAAA;AAEjD,WAAO;AAAA;AAET,QAAM,SAAS,mBAAmB,WAAW;AAC7C,QAAM,YAAY,gBAAgB;AAElC,SAAO;AAAA;AApBO;",
-  "names": []
-}

package/dist/views/Animated.js

@@ -1,79 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React, { useMemo } from "react";
-import {
-  Animated
-} from "react-native";
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-import { useConstant } from "../hooks/useConstant";
-import { Stack } from "./Stack";
-const defaultAnimation = {
-  from: {
-    opacity: 0,
-    translateY: 12
-  },
-  to: {
-    opacity: 1,
-    translateY: 0
-  }
-};
-const styleKeys = {
-  opacity: true,
-  backgroundColor: true,
-  borderColor: true
-};
-const AnimatedStack = /* @__PURE__ */ __name(({
-  animateState = "in",
-  animation = defaultAnimation,
-  velocity = 6,
-  children,
-  animated,
-  ...props
-}) => {
-  const driver = useConstant(() => {
-    return new Animated.Value(0);
-  });
-  const animatedProps = useMemo(() => {
-    if (!animated) {
-      return null;
-    }
-    const styleProps = {};
-    const transform = [];
-    for (const key in animation.from) {
-      const fromVal = animation.from[key];
-      const toVal = animation.to[key];
-      const interpolatedVal = driver.interpolate({
-        inputRange: [0, 1],
-        outputRange: [fromVal, toVal]
-      });
-      if (styleKeys[key]) {
-        styleProps[key] = interpolatedVal;
-      } else {
-        transform.push({
-          [key]: interpolatedVal
-        });
-      }
-    }
-    return { transform, ...styleProps };
-  }, [animated, animateState]);
-  useIsomorphicLayoutEffect(() => {
-    if (!animated) {
-      return;
-    }
-    Animated.spring(driver, {
-      useNativeDriver: true,
-      velocity,
-      toValue: animateState === "in" ? 1 : 0
-    }).start();
-  }, [animated, animateState]);
-  const childrenMemo = useMemo(() => children, [children]);
-  return /* @__PURE__ */ React.createElement(Stack, {
-    animated,
-    ...props,
-    ...animatedProps
-  }, childrenMemo);
-}, "AnimatedStack");
-export {
-  AnimatedStack
-};
-//# sourceMappingURL=Animated.js.map

package/dist/views/Animated.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/views/Animated.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport {\n  Animated,\n  PerpectiveTransform,\n  RotateTransform,\n  RotateXTransform,\n  RotateYTransform,\n  RotateZTransform,\n  ScaleTransform,\n  ScaleXTransform,\n  ScaleYTransform,\n  SkewXTransform,\n  SkewYTransform,\n  TranslateXTransform,\n  TranslateYTransform,\n} from 'react-native'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { useConstant } from '../hooks/useConstant'\nimport { StackProps } from '../types'\nimport { Stack } from './Stack'\n\nconst defaultAnimation = {\n  from: {\n    opacity: 0,\n    translateY: 12,\n  },\n  to: {\n    opacity: 1,\n    translateY: 0,\n  },\n}\n\ntype AnimatableProps = Partial<\n  Pick<StackProps, 'backgroundColor' | 'borderColor' | 'opacity'> &\n    PerpectiveTransform &\n    RotateTransform &\n    RotateXTransform &\n    RotateYTransform &\n    RotateZTransform &\n    ScaleTransform &\n    ScaleXTransform &\n    ScaleYTransform &\n    TranslateXTransform &\n    TranslateYTransform &\n    SkewXTransform &\n    SkewYTransform\n>\n\nconst styleKeys = {\n  opacity: true,\n  backgroundColor: true,\n  borderColor: true,\n}\n\nexport type AnimatedStackProps = StackProps & {\n  animateState?: 'in' | 'out'\n  velocity?: number\n  animation?: {\n    from: AnimatableProps\n    to: AnimatableProps\n  }\n}\n\nexport const AnimatedStack = ({\n  animateState = 'in',\n  animation = defaultAnimation,\n  velocity = 6,\n  children,\n  animated,\n  ...props\n}: AnimatedStackProps) => {\n  const driver = useConstant(() => {\n    return new Animated.Value(0)\n  })\n\n  const animatedProps = useMemo(() => {\n    if (!animated) {\n      return null\n    }\n\n    const styleProps = {}\n    const transform: any = []\n\n    for (const key in animation.from) {\n      const fromVal = animation.from[key]\n      const toVal = animation.to[key]\n      const interpolatedVal = driver.interpolate({\n        inputRange: [0, 1],\n        outputRange: [fromVal, toVal],\n      })\n      if (styleKeys[key]) {\n        styleProps[key] = interpolatedVal\n      } else {\n        transform.push({\n          [key]: interpolatedVal,\n        })\n      }\n    }\n    return { transform, ...styleProps }\n  }, [animated, animateState])\n\n  useIsomorphicLayoutEffect(() => {\n    if (!animated) {\n      return\n    }\n    Animated.spring(driver, {\n      useNativeDriver: true,\n      velocity,\n      toValue: animateState === 'in' ? 1 : 0,\n    }).start()\n  }, [animated, animateState])\n\n  const childrenMemo = useMemo(() => children, [children])\n\n  return (\n    <Stack animated={animated} {...props} {...animatedProps}>\n      {childrenMemo}\n    </Stack>\n  )\n}\n"],
-  "mappings": ";;AAAA;AACA;AAAA;AAAA;AAgBA;AACA;AAEA;AAEA,MAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA;AAAA,EAEd,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA;AAAA;AAoBhB,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,aAAa;AAAA;AAYR,MAAM,gBAAgB,wBAAC;AAAA,EAC5B,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA;AAAA,KACG;AAAA,MACqB;AACxB,QAAM,SAAS,YAAY,MAAM;AAC/B,WAAO,IAAI,SAAS,MAAM;AAAA;AAG5B,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,UAAU;AACb,aAAO;AAAA;AAGT,UAAM,aAAa;AACnB,UAAM,YAAiB;AAEvB,eAAW,OAAO,UAAU,MAAM;AAChC,YAAM,UAAU,UAAU,KAAK;AAC/B,YAAM,QAAQ,UAAU,GAAG;AAC3B,YAAM,kBAAkB,OAAO,YAAY;AAAA,QACzC,YAAY,CAAC,GAAG;AAAA,QAChB,aAAa,CAAC,SAAS;AAAA;AAEzB,UAAI,UAAU,MAAM;AAClB,mBAAW,OAAO;AAAA,aACb;AACL,kBAAU,KAAK;AAAA,WACZ,MAAM;AAAA;AAAA;AAAA;AAIb,WAAO,EAAE,cAAc;AAAA,KACtB,CAAC,UAAU;AAEd,4BAA0B,MAAM;AAC9B,QAAI,CAAC,UAAU;AACb;AAAA;AAEF,aAAS,OAAO,QAAQ;AAAA,MACtB,iBAAiB;AAAA,MACjB;AAAA,MACA,SAAS,iBAAiB,OAAO,IAAI;AAAA,OACpC;AAAA,KACF,CAAC,UAAU;AAEd,QAAM,eAAe,QAAQ,MAAM,UAAU,CAAC;AAE9C,SACE,oCAAC,OAAD;AAAA,IAAO;AAAA,OAAwB;AAAA,OAAW;AAAA,KACvC;AAAA,GArDsB;",
-  "names": []
-}

package/dist/views/SafeAreaProvider.js

@@ -1,30 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React from "react";
-import { Platform } from "react-native";
-import {
-  SafeAreaProvider as RNSafeAreaProvider,
-  initialWindowMetrics as defaultInitialWindowMetrics
-} from "react-native-safe-area-context";
-let defaultMetrics = null;
-const SafeAreaProvider = /* @__PURE__ */ __name(({
-  initialWindowMetrics,
-  children
-}) => {
-  if (!initialWindowMetrics && !defaultMetrics) {
-    defaultMetrics = Platform.select({
-      web: {
-        frame: { x: 0, y: 0, width: 0, height: 0 },
-        insets: { top: 0, left: 0, right: 0, bottom: 0 }
-      },
-      default: defaultInitialWindowMetrics
-    });
-  }
-  return /* @__PURE__ */ React.createElement(RNSafeAreaProvider, {
-    initialMetrics: initialWindowMetrics ?? defaultMetrics
-  }, children);
-}, "SafeAreaProvider");
-export {
-  SafeAreaProvider
-};
-//# sourceMappingURL=SafeAreaProvider.js.map

package/dist/views/SafeAreaProvider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/views/SafeAreaProvider.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Platform } from 'react-native'\nimport {\n  Metrics,\n  SafeAreaProvider as RNSafeAreaProvider,\n  initialWindowMetrics as defaultInitialWindowMetrics,\n} from 'react-native-safe-area-context'\n\nlet defaultMetrics: Metrics | null = null\n\nexport const SafeAreaProvider = ({\n  initialWindowMetrics,\n  children,\n}: {\n  children?: any\n  initialWindowMetrics?: any\n}) => {\n  if (!initialWindowMetrics && !defaultMetrics) {\n    defaultMetrics = Platform.select({\n      web: {\n        frame: { x: 0, y: 0, width: 0, height: 0 },\n        insets: { top: 0, left: 0, right: 0, bottom: 0 },\n      },\n      default: defaultInitialWindowMetrics,\n    })\n  }\n\n  return (\n    <RNSafeAreaProvider initialMetrics={initialWindowMetrics ?? defaultMetrics}>\n      {children}\n    </RNSafeAreaProvider>\n  )\n}\n"],
-  "mappings": ";;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAMA,IAAI,iBAAiC;AAE9B,MAAM,mBAAmB,wBAAC;AAAA,EAC/B;AAAA,EACA;AAAA,MAII;AACJ,MAAI,CAAC,wBAAwB,CAAC,gBAAgB;AAC5C,qBAAiB,SAAS,OAAO;AAAA,MAC/B,KAAK;AAAA,QACH,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ;AAAA,QACvC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;AAAA;AAAA,MAE/C,SAAS;AAAA;AAAA;AAIb,SACE,oCAAC,oBAAD;AAAA,IAAoB,gBAAgB,wBAAwB;AAAA,KACzD;AAAA,GAnByB;",
-  "names": []
-}

package/dist/views/Stack.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/views/Stack.tsx"],
-  "sourcesContent": ["import { stackDefaultStyles } from '../constants/constants'\nimport { createComponent } from '../createComponent'\nimport { StackProps } from '../types'\n\nexport const Stack = createComponent<StackProps>({\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n  },\n})\n\n// test types\n// export const YStack = styled(Stack, {\n//   flexDirection: 'column',\n// })\n// // test types\n// const x00 = <Stack missing={0} /> // should err\n// const x0 = <YStack missing={0} /> // should err\n// const x1 = (props: StackProps) => <YStack {...props} />\n// type ys = typeof YStack\n// type ysv = ys extends StaticComponent<any, infer V> ? V : unknown\n"],
-  "mappings": "AAAA;AACA;AAGO,MAAM,QAAQ,gBAA4B;AAAA,EAC/C,cAAc;AAAA,OACT;AAAA,IACH,eAAe;AAAA;AAAA;",
-  "names": []
-}