app-studio 0.0.1

package/dist/app-studio.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-studio.esm.js","sources":["../src/utils/colors.ts","../src/providers/Theme.tsx","../src/components/Element.tsx","../src/components/View.tsx","../src/components/Image.tsx","../src/components/Text.tsx","../src/hooks/useMount.ts","../src/providers/Responsive.tsx","../src/hooks/useResponsive.ts"],"sourcesContent":["export type ColorPalette = Record<string, Record<number, string>>;\n\nexport type ColorSingleton = Record<\n  string,\n  {\n    50: string;\n    100: string;\n    200: string;\n    300: string;\n    400: string;\n    500: string;\n    600: string;\n    700: string;\n    800: string;\n    900: string;\n  }\n>;\n\nexport const palette: ColorPalette = {\n  whiteAlpha: {\n    50: 'rgba(255, 255, 255, 0.04)',\n    100: 'rgba(255, 255, 255, 0.06)',\n    200: 'rgba(255, 255, 255, 0.08)',\n    300: 'rgba(255, 255, 255, 0.16)',\n    400: 'rgba(255, 255, 255, 0.24)',\n    500: 'rgba(255, 255, 255, 0.36)',\n    600: 'rgba(255, 255, 255, 0.48)',\n    700: 'rgba(255, 255, 255, 0.64)',\n    800: 'rgba(255, 255, 255, 0.80)',\n    900: 'rgba(255, 255, 255, 0.92)',\n  },\n\n  blackAlpha: {\n    50: 'rgba(0, 0, 0, 0.04)',\n    100: 'rgba(0, 0, 0, 0.06)',\n    200: 'rgba(0, 0, 0, 0.08)',\n    300: 'rgba(0, 0, 0, 0.16)',\n    400: 'rgba(0, 0, 0, 0.24)',\n    500: 'rgba(0, 0, 0, 0.36)',\n    600: 'rgba(0, 0, 0, 0.48)',\n    700: 'rgba(0, 0, 0, 0.64)',\n    800: 'rgba(0, 0, 0, 0.80)',\n    900: 'rgba(0, 0, 0, 0.92)',\n  },\n  rose: {\n    50: '#fff1f2',\n    100: '#ffe4e6',\n    200: '#fecdd3',\n    300: '#fda4af',\n    400: '#fb7185',\n    500: '#f43f5e',\n    600: '#e11d48',\n    700: '#be123c',\n    800: '#9f1239',\n    900: '#881337',\n  },\n  pink: {\n    50: '#fdf2f8',\n    100: '#fce7f3',\n    200: '#fbcfe8',\n    300: '#f9a8d4',\n    400: '#f472b6',\n    500: '#ec4899',\n    600: '#db2777',\n    700: '#be185d',\n    800: '#9d174d',\n    900: '#831843',\n  },\n  fuchsia: {\n    50: '#fdf4ff',\n    100: '#fae8ff',\n    200: '#f5d0fe',\n    300: '#f0abfc',\n    400: '#e879f9',\n    500: '#d946ef',\n    600: '#c026d3',\n    700: '#a21caf',\n    800: '#86198f',\n    900: '#701a75',\n  },\n  purple: {\n    50: '#faf5ff',\n    100: '#f3e8ff',\n    200: '#e9d5ff',\n    300: '#d8b4fe',\n    400: '#c084fc',\n    500: '#a855f7',\n    600: '#9333ea',\n    700: '#7e22ce',\n    800: '#6b21a8',\n    900: '#581c87',\n  },\n  violet: {\n    50: '#f5f3ff',\n    100: '#ede9fe',\n    200: '#ddd6fe',\n    300: '#c4b5fd',\n    400: '#a78bfa',\n    500: '#8b5cf6',\n    600: '#7c3aed',\n    700: '#6d28d9',\n    800: '#5b21b6',\n    900: '#4c1d95',\n  },\n  indigo: {\n    50: '#eef2ff',\n    100: '#e0e7ff',\n    200: '#c7d2fe',\n    300: '#a5b4fc',\n    400: '#818cf8',\n    500: '#6366f1',\n    600: '#4f46e5',\n    700: '#4338ca',\n    800: '#3730a3',\n    900: '#312e81',\n  },\n  blue: {\n    50: '#eff6ff',\n    100: '#dbeafe',\n    200: '#bfdbfe',\n    300: '#93c5fd',\n    400: '#60a5fa',\n    500: '#3b82f6',\n    600: '#2563eb',\n    700: '#1d4ed8',\n    800: '#1e40af',\n    900: '#1e3a8a',\n  },\n  lightBlue: {\n    50: '#f0f9ff',\n    100: '#e0f2fe',\n    200: '#bae6fd',\n    300: '#7dd3fc',\n    400: '#38bdf8',\n    500: '#0ea5e9',\n    600: '#0284c7',\n    700: '#0369a1',\n    800: '#075985',\n    900: '#0c4a6e',\n  },\n  cyan: {\n    50: '#ecfeff',\n    100: '#cffafe',\n    200: '#a5f3fc',\n    300: '#67e8f9',\n    400: '#22d3ee',\n    500: '#06b6d4',\n    600: '#0891b2',\n    700: '#0e7490',\n    800: '#155e75',\n    900: '#164e63',\n  },\n  teal: {\n    50: '#f0fdfa',\n    100: '#ccfbf1',\n    200: '#99f6e4',\n    300: '#5eead4',\n    400: '#2dd4bf',\n    500: '#14b8a6',\n    600: '#0d9488',\n    700: '#0f766e',\n    800: '#115e59',\n    900: '#134e4a',\n  },\n  emerald: {\n    50: '#ecfdf5',\n    100: '#d1fae5',\n    200: '#a7f3d0',\n    300: '#6ee7b7',\n    400: '#34d399',\n    500: '#10b981',\n    600: '#059669',\n    700: '#047857',\n    800: '#065f46',\n    900: '#064e3b',\n  },\n  green: {\n    50: '#f0fdf4',\n    100: '#dcfce7',\n    200: '#bbf7d0',\n    300: '#86efac',\n    400: '#4ade80',\n    500: '#22c55e',\n    600: '#16a34a',\n    700: '#15803d',\n    800: '#166534',\n    900: '#14532d',\n  },\n  lime: {\n    50: '#f7fee7',\n    100: '#ecfccb',\n    200: '#d9f99d',\n    300: '#bef264',\n    400: '#a3e635',\n    500: '#84cc16',\n    600: '#65a30d',\n    700: '#4d7c0f',\n    800: '#3f6212',\n    900: '#365314',\n  },\n  yellow: {\n    50: '#fefce8',\n    100: '#fef9c3',\n    200: '#fef08a',\n    300: '#fde047',\n    400: '#facc15',\n    500: '#eab308',\n    600: '#ca8a04',\n    700: '#a16207',\n    800: '#854d0e',\n    900: '#713f12',\n  },\n  amber: {\n    50: '#fffbeb',\n    100: '#fef3c7',\n    200: '#fde68a',\n    300: '#fcd34d',\n    400: '#fbbf24',\n    500: '#f59e0b',\n    600: '#d97706',\n    700: '#b45309',\n    800: '#92400e',\n    900: '#78350f',\n  },\n  orange: {\n    50: '#fff7ed',\n    100: '#ffedd5',\n    200: '#fed7aa',\n    300: '#fdba74',\n    400: '#fb923c',\n    500: '#f97316',\n    600: '#ea580c',\n    700: '#c2410c',\n    800: '#9a3412',\n    900: '#7c2d12',\n  },\n  red: {\n    50: '#fef2f2',\n    100: '#fee2e2',\n    200: '#fecaca',\n    300: '#fca5a5',\n    400: '#f87171',\n    500: '#ef4444',\n    600: '#dc2626',\n    700: '#b91c1c',\n    800: '#991b1b',\n    900: '#7f1d1d',\n  },\n  warmGray: {\n    50: '#fafaf9',\n    100: '#f5f5f4',\n    200: '#e7e5e4',\n    300: '#d6d3d1',\n    400: '#a8a29e',\n    500: '#78716c',\n    600: '#57534e',\n    700: '#44403c',\n    800: '#292524',\n    900: '#1c1917',\n  },\n  trueGray: {\n    50: '#fafafa',\n    100: '#f5f5f5',\n    200: '#e5e5e5',\n    300: '#d4d4d4',\n    400: '#a3a3a3',\n    500: '#737373',\n    600: '#525252',\n    700: '#404040',\n    800: '#262626',\n    900: '#171717',\n  },\n  gray: {\n    50: '#fafafa',\n    100: '#f4f4f5',\n    200: '#e4e4e7',\n    300: '#d4d4d8',\n    400: '#a1a1aa',\n    500: '#71717a',\n    600: '#52525b',\n    700: '#3f3f46',\n    800: '#27272a',\n    900: '#18181b',\n  },\n  dark: {\n    50: '#18181b',\n    100: '#27272a',\n    200: '#3f3f46',\n    300: '#52525b',\n    400: '#71717a',\n    500: '#a1a1aa',\n    600: '#d4d4d8',\n    700: '#e4e4e7',\n    800: '#f4f4f5',\n    900: '#fafafa',\n  },\n  coolGray: {\n    50: '#f9fafb',\n    100: '#f3f4f6',\n    200: '#e5e7eb',\n    300: '#d1d5db',\n    400: '#9ca3af',\n    500: '#6b7280',\n    600: '#4b5563',\n    700: '#374151',\n    800: '#1f2937',\n    900: '#111827',\n  },\n  blueGray: {\n    50: '#f8fafc',\n    100: '#f1f5f9',\n    200: '#e2e8f0',\n    300: '#cbd5e1',\n    400: '#94a3b8',\n    500: '#64748b',\n    600: '#475569',\n    700: '#334155',\n    800: '#1e293b',\n    900: '#0f172a',\n  },\n};\n","import React, { ReactNode } from 'react';\n\nimport { createContext, useContext } from 'react';\nimport { palette as defaultPalette } from '../utils/colors';\n\ntype ColorConfig = Record<string, string>;\n\ntype VariantColorConfig = Record<string, Record<string, string>>;\n\nconst defaultColors: ColorConfig = {\n  white: '#FFFFFF',\n  black: '#000000',\n};\n\nexport const ThemeContext = createContext<{\n  getColor: (color: string) => string;\n  colors: ColorConfig;\n  palette: VariantColorConfig;\n}>({\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  getColor: (name: string) => {\n    return name;\n  },\n  colors: defaultColors,\n  palette: defaultPalette,\n});\n\nexport const useTheme = () => useContext(ThemeContext);\n\nexport const ThemeProvider = ({\n  palette = defaultPalette,\n  colors = defaultColors,\n  children,\n}: {\n  colors?: ColorConfig;\n  palette?: VariantColorConfig;\n  children?: ReactNode;\n}): React.ReactElement => {\n  const getColor = (name: string) => {\n    // console.log('getColor', name);\n    if (name === 'transparent') return name;\n    try {\n      if (name.indexOf('.') !== -1) {\n        const keys = name.split('.');\n\n        if (palette && palette[keys[0]][keys[1]] !== undefined) {\n          return palette[keys[0]][keys[1]];\n        }\n        if (palette[keys[0]][parseInt(keys[1])] !== undefined) {\n          return palette[keys[0]][parseInt(keys[1])];\n        }\n      } else if (colors && colors[name] !== undefined) {\n        return colors[name];\n      }\n    } catch (e) {\n      console.log('Color ' + name + ' not found');\n    }\n\n    return name;\n  };\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        getColor,\n        colors,\n        palette,\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n","import React from 'react';\nimport styled from 'styled-components';\nimport { useTheme } from '../providers/Theme';\n\nexport const TransformStyleProps = [\n  'transform',\n  'transformMatrix',\n  'rotation',\n  'scaleX',\n  'scaleY',\n  'translateX',\n  'translateY',\n  // 'perspective',\n  // 'rotate',\n  // 'rotateX',\n  // 'rotateY',\n  // 'rotateZ',\n  // 'scale',\n  // 'skewX',\n  // 'skewY',\n  'testID',\n  'decomposedMatrix',\n];\n\nexport const ImageStyleProps = [\n  'borderTopRightRadius',\n  'backfaceVisibility',\n  'borderBottomLeftRadius',\n  'borderBottomRightRadius',\n  'borderColor',\n  'borderRadius',\n  'borderTopLeftRadius',\n  'backgroundColor',\n  'borderWidth',\n  'opacity',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'resizeMode',\n  'tintColor',\n  'overlayColor',\n];\n\nexport const LayoutStyleProps = [\n  'alignContent',\n  'alignItems',\n  'alignSelf',\n  'aspectRatio',\n  'borderBottomWidth',\n  'borderEndWidth',\n  'borderLeftWidth',\n  'borderRightWidth',\n  'borderStartWidth',\n  'borderTopWidth',\n  'borderWidth',\n  'bottom',\n  'direction',\n  'display',\n  'end',\n  'flex',\n  'flexBasis',\n  'flexDirection',\n  'flexGrow',\n  'flexShrink',\n  'flexWrap',\n  'height',\n  'justifyContent',\n  'left',\n  'margin',\n  'marginBottom',\n  'marginEnd',\n  'marginHorizontal',\n  'marginLeft',\n  'marginRight',\n  'marginStart',\n  'marginTop',\n  'marginVertical',\n  'maxHeight',\n  'maxWidth',\n  'minHeight',\n  'minWidth',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'padding',\n  'paddingBottom',\n  'paddingEnd',\n  'paddingHorizontal',\n  'paddingLeft',\n  'paddingRight',\n  'paddingStart',\n  'paddingTop',\n  'paddingVertical',\n  'position',\n  'right',\n  'start',\n  'top',\n  'width',\n  'zIndex',\n];\n\nexport const ShadowStyleProps = [\n  'shadowColor',\n  'shadowOffset',\n  'shadowOpacity',\n  'shadowRadius',\n];\nexport const TextStyleProps = [\n  'textShadowOffset',\n  'color',\n  'fontSize',\n  'fontStyle',\n  'fontWeight',\n  'lineHeight',\n  'textAlign',\n  'textDecorationLine',\n  'textShadowColor',\n  'fontFamily',\n  'textShadowRadius',\n  'includeFontPadding',\n  'textAlignVertical',\n  'fontVariant',\n  'letterSpacing',\n  'textDecorationColor',\n  'textDecorationStyle',\n  'textTransform',\n  'writingDirection',\n];\n\nexport const ViewStyleProps = [\n  'borderRightColor',\n  'backfaceVisibility',\n  'borderBottomColor',\n  'borderBottomEndRadius',\n  'borderBottomLeftRadius',\n  'borderBottomRightRadius',\n  'borderBottomStartRadius',\n  'borderBottomWidth',\n  'borderColor',\n  'borderEndColor',\n  'borderLeftColor',\n  'borderLeftWidth',\n  'borderRadius',\n  'backgroundColor',\n  'borderRightWidth',\n  'borderStartColor',\n  'borderStyle',\n  'borderTopColor',\n  'borderTopEndRadius',\n  'borderTopLeftRadius',\n  'borderTopRightRadius',\n  'borderTopStartRadius',\n  'borderTopWidth',\n  'borderWidth',\n  'border',\n  'opacity',\n  'elevation',\n  'size',\n];\n\nexport const ScrollViewStyleProps = [\n  'alwaysBounceHorizontal',\n  'alwaysBounceVertical',\n  'automaticallyAdjustContentInsets',\n  'bounces',\n  'bouncesZoom',\n  'canCancelContentTouches',\n  'centerContent',\n  'contentLayoutStyle',\n  'contentInset',\n  'contentInsetAdjustmentBehavior',\n  'contentOffset',\n  'decelerationRate',\n  'directionalLockEnabled',\n  'disableIntervalMomentum',\n  'disableScrollViewPanResponder',\n  'endFillColor',\n  'fadingEdgeLength',\n  'horizontal',\n  'indicatorStyle',\n  'invertStickyHeaders',\n  'keyboardDismissMode',\n  'keyboardShouldPersistTaps',\n  'maintainVisibleContentPosition',\n  'maximumZoomScale',\n  'minimumZoomScale',\n  'nestedScrollEnabled',\n  'onContentSizeChange',\n  'onMomentumScrollBegin',\n  'onMomentumScrollEnd',\n  'onScroll',\n  'onScrollBeginDrag',\n  'onScrollEndDrag',\n  'onScrollToTop',\n  'overScrollMode',\n  'pagingEnabled',\n  'persistentScrollbar',\n  'pinchGestureEnabled',\n  'refreshControl',\n  'removeClippedSubviews',\n  'scrollBarThumbImage',\n  'scrollEnabled',\n  'scrollEventThrottle',\n  'scrollIndicatorInsets',\n  'scrollPerfTag',\n  'scrollToOverflowEnabled',\n  'scrollsToTop',\n  'DEPRECATED_sendUpdatedChildFrames',\n  'showsHorizontalScrollIndicator',\n  'showsVerticalScrollIndicator',\n  'snapToAlignment',\n  'snapToEnd',\n  'snapToInterval',\n  'snapToOffsets',\n  'snapToStart',\n  'stickyHeaderIndices',\n  'zoomScale',\n];\n\nexport const BaseStyleProperty: any = {};\nLayoutStyleProps.concat(ShadowStyleProps, TransformStyleProps).map(\n  (property) => {\n    BaseStyleProperty[property] = true;\n  }\n);\n\nexport const ViewStyleProperty: any = BaseStyleProperty;\nViewStyleProps.map((property) => {\n  ViewStyleProperty[property] = true;\n});\n\nexport const ScrollViewStyleProperty: any = ViewStyleProperty;\nScrollViewStyleProps.map((property) => {\n  ScrollViewStyleProperty[property] = true;\n});\n\nexport const ImageStyleProperty: any = ViewStyleProperty;\nImageStyleProps.map((property) => {\n  ImageStyleProperty[property] = true;\n});\n\nexport const TextStyleProperty: any = BaseStyleProperty;\nTextStyleProps.map((property) => {\n  TextStyleProperty[property] = true;\n});\n\nexport const allStyleProps: string[] = LayoutStyleProps.concat(\n  ShadowStyleProps,\n  TransformStyleProps,\n  ViewStyleProps,\n  ScrollViewStyleProps,\n  TextStyleProps,\n  ImageStyleProps\n);\n\nconst WidthWords = ['X', 'Width', 'Horizontal', 'Right', 'Left'];\n\nexport const WidthStyleProperty = ['x', 'width', 'right', 'left'].concat(\n  allStyleProps.filter((property) => {\n    return WidthWords.some((item) => property.indexOf(item) >= 0);\n  })\n);\nexport const WidthStyleProps: any = {};\nWidthStyleProperty.map((property) => {\n  WidthStyleProps[property] = true;\n});\n\nconst HeightWords = ['Y', 'Height', 'Vertical', 'top', 'bottom'];\n\nexport const HeightStyleProperty = ['y', 'height', 'top', 'bottom'].concat(\n  allStyleProps.filter((property) => {\n    return HeightWords.some((item) => property.indexOf(item) >= 0);\n  })\n);\n\nexport const HeightStyleProps: any = {};\nHeightStyleProperty.map((property) => {\n  HeightStyleProps[property] = true;\n});\n\nexport const SizeProps: any = {};\nHeightStyleProperty.concat(WidthStyleProperty).map((property) => {\n  SizeProps[property] = true;\n});\n\nexport const StyleProps: any = {};\nallStyleProps.map((property) => {\n  StyleProps[property] = true;\n});\n\nexport const setSize = (newSize: string | number, newProps: any) => {\n  newProps.height = newProps.width = newSize;\n};\n\nexport const applyStyle = (props: any) => {\n  const { getColor } = useTheme();\n\n  const newProps: any = {};\n\n  if (props.onClick) {\n    newProps.cursor = 'pointer';\n  }\n\n  const size =\n    props.height !== undefined &&\n    props.width !== undefined &&\n    props.height === props.width\n      ? props.height\n      : props.size\n      ? props.size\n      : null;\n\n  if (size) {\n    setSize(size, newProps);\n  }\n\n  if (props.paddingHorizontal) {\n    newProps.paddingLeft = props.paddingHorizontal;\n    newProps.paddingRight = props.paddingHorizontal;\n  }\n\n  if (props.marginHorizontal) {\n    newProps.marginLeft = props.marginHorizontal;\n    newProps.marginRight = props.marginHorizontal;\n  }\n\n  if (props.paddingVertical) {\n    newProps.paddingTop = props.paddingVertical;\n    newProps.paddingBottom = props.paddingVertical;\n  }\n\n  if (props.marginVertical) {\n    newProps.marginTop = props.marginVertical;\n    newProps.marginBottom = props.marginVertical;\n  }\n\n  Object.keys(props)\n    .filter(\n      (property) => StyleProps[property] !== undefined || property[0] == '&'\n    )\n    .map((property) => {\n      newProps[property] = props[property];\n\n      //  console.log(property, propertyType);\n\n      if (property.toLowerCase().indexOf('color') !== -1) {\n        newProps[property] = getColor(props[property]);\n      }\n    });\n\n  // return {newProps,responsive};\n  return newProps;\n};\n\n// function convertToCSS(props: any) {\n//   return Object.entries(props).reduce((str, [key, val]) => {\n//     const casedKey = key.replace(\n//       /[A-Z]/g,\n//       (match) => `-${match.toLowerCase()}`\n//     );\n//     return `${str}${casedKey}:${typeof val === 'number' ? val + 'px' : val};\\n`;\n//   }, '');\n// }\n\n// export const getResponsiveMediaQueries = (props: any) => {\n//   const { breakpointKeys, breakpoints } = useResponsive();\n//   console.log('mediaQueries', props);\n\n//   const mediaQueries = breakpointKeys\n//     .map((size) => {\n//       return props && props[size] !== undefined\n//         ? `\n//     @media ${\n//       breakpoints[size].min\n//         ? ' (min-width:' +\n//           (breakpoints[size].min > 0 ? breakpoints[size].min : 0) +\n//           'px)'\n//         : ''\n//     } ${\n//             breakpoints[size].min &&\n//             breakpoints[size].max &&\n//             breakpoints[size].max >= 0 &&\n//             breakpoints[size].max < Infinity\n//               ? ' and '\n//               : ''\n//           } ${\n//             breakpoints[size].max &&\n//             breakpoints[size].max >= 0 &&\n//             breakpoints[size].max < Infinity\n//               ? ' (max-width:' + breakpoints[size].max + 'px)'\n//               : ''\n//           } {\n//      ${convertToCSS(props[size])}\n//     }`\n//         : '';\n//     })\n//     .join('\\n');\n\n//   return mediaQueries;\n// };\n\nexport const StyledView = styled.div((props: any) => {\n  return applyStyle(props);\n});\n\nexport const StyledImage = styled.img((props: any) => {\n  return applyStyle(props);\n});\n\nexport class ViewElement extends React.PureComponent<any> {\n  render() {\n    let { onClick } = this.props;\n    if (this.props.onPress !== undefined) {\n      onClick = this.props.onPress;\n    }\n\n    //console.log(this.props);\n    return <StyledView {...this.props} onClick={onClick} />;\n  }\n}\n\nexport class ImageElement extends React.PureComponent<any> {\n  render() {\n    let { onClick } = this.props;\n    if (this.props.onPress !== undefined) {\n      onClick = this.props.onPress;\n    }\n    return <StyledImage {...this.props} onClick={onClick} />;\n  }\n}\n","import React from 'react';\nimport { ViewElement } from './Element';\nimport {\n  GenericStyleProp,\n  ViewProps,\n  ViewStyle,\n  ResponsiveStyle,\n} from '../types/style';\nimport { CSSProperties } from 'styled-components';\n\nexport interface ComponentViewProps\n  extends Omit<ViewProps, 'pointerEvents'>,\n    CSSProperties {\n  size?: number;\n  className?: string;\n  loading?: boolean;\n  style?: GenericStyleProp<ViewStyle>;\n  paddingHorizontal?: number | string;\n  marginHorizontal?: number | string;\n  paddingVertical?: number | string;\n  marginVertical?: number | string;\n  responsive?: ResponsiveStyle;\n  onPress?: () => void;\n  action?: string;\n  backgroundColor?: string;\n}\n\nexport const View = (props: ComponentViewProps) => <ViewElement {...props} />;\n\nexport const SafeArea = View;\n\nexport const Scroll = (props: any) => <View overflow={'auto'} {...props} />;\n\nexport const Horizontal = (props: any) => (\n  <View display={'flex'} flexDirection=\"row\" {...props} />\n);\nexport const HorizontalScroll = (props: any) => (\n  <Horizontal overflowX=\"auto\" {...props} />\n);\n\nexport const Vertical = (props: any) => (\n  <View flexDirection=\"column\" {...props} />\n);\n\nexport const VerticalScroll = (props: any) => (\n  <Vertical overflowY=\"auto\" {...props} />\n);\n\nexport const Inline = (props: any) => (\n  <View\n    display={'flex'}\n    flexDirection=\"row\"\n    wordBreak=\"break-word\"\n    {...props}\n  />\n);\n\nexport const Start = (props: any) => (\n  <View display={'flex'} alignSelf=\"flex-start\" {...props} />\n);\n\nexport const End = (props: any) => (\n  <View display={'flex'} alignSelf=\"flex-end\" {...props} />\n);\n\nexport const Center = (props: any) => (\n  <View\n    display={'flex'}\n    justifyContent=\"center\"\n    alignItems={'center'}\n    {...props}\n  />\n);\n\nexport const AlignStart = (props: any) => (\n  <View display={'flex'} justifyContent=\"flex-start\" {...props} />\n);\n\nexport const AlignCenter = (props: any) => (\n  <View display={'flex'} justifyContent=\"center\" width={'100%'} {...props} />\n);\n\nexport const AlignEnd = (props: any) => (\n  <View display={'flex'} justifyContent=\"flex-end\" width={'100%'} {...props} />\n);\n\nexport default View;\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ImageElement } from './Element';\nimport { View } from './View';\nimport {\n  ImageProps as ComponentImageProps,\n  ResponsiveStyle,\n} from '../types/style';\n\nexport interface ImageProps\n  extends Omit<ComponentImageProps, 'pointerEvents' | 'source'>,\n    CSSProperties {\n  size?: number;\n  className?: string;\n  backgroundColor?: string;\n  onPress?: () => void;\n  action?: string;\n  alt?: string;\n  src: string | any;\n  style?: any;\n  responsive?: ResponsiveStyle;\n}\n\nexport interface ImageBackgroundProps extends ImageProps {\n  src: string;\n}\n\nexport class ImageBackground extends React.PureComponent<ImageBackgroundProps> {\n  render() {\n    const { src, style, onClick, onPress, ...props } = this.props;\n\n    return (\n      <View\n        style={{\n          backgroundSize: 'contain',\n          backgroundImage: `url(\"${src}\")`,\n          backgroundPosition: 'center center',\n          backgroundRepeat: 'no-repeat',\n          ...style,\n        }}\n        onClick={onClick ? onClick : onPress}\n        {...props}\n      />\n    );\n  }\n}\n\nexport const Image = (props: ImageProps) => <ImageElement {...props} />;\n\nexport const RoundedImage = ({ size, src, ...props }: any) => (\n  <ImageBackground borderRadius={size / 2} size={size} src={src} {...props} />\n);\n\nexport const SquaredImage = ({ size, src, ...props }: any) => (\n  <ImageBackground {...props} size={size} src={src} />\n);\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport styled from 'styled-components';\nimport { applyStyle } from './Element';\nimport { useTheme } from '../providers/Theme';\nimport {\n  GenericStyleProp,\n  TextProps,\n  TextStyle,\n  ResponsiveStyle,\n} from '../types/style';\n\nexport interface ComponentTextProps\n  extends Omit<TextProps, 'pointerEvents' | 'onPress'>,\n    CSSProperties {\n  data?: object;\n  children?: string | any;\n  className?: string;\n  paddingHorizontal?: number | string;\n  marginHorizontal?: number | string;\n  paddingVertical?: number | string;\n  marginVertical?: number | string;\n  locale?: string;\n  toUpperCase?: boolean;\n  style?: GenericStyleProp<TextStyle>;\n  responsive?: ResponsiveStyle;\n  backgroundColor?: string;\n\n  onPress?: void;\n  action?: string;\n}\n\nexport const formatTextStyle: any = ({\n  hint = false,\n  disabled = false,\n  opacity,\n  fontSize,\n  ...props\n}: CSSProperties & {\n  disabled: number | boolean;\n  hint: number | boolean;\n  opacity: number;\n  fontSize?: number;\n}) => {\n  if (props) {\n    if (hint) {\n      opacity = hint as number;\n    }\n\n    if (disabled) {\n      opacity = disabled as number;\n    }\n\n    return { ...props, opacity, fontSize };\n  }\n\n  return props;\n};\n\nexport const TextSpan: React.FC<CSSProperties> = styled.div(\n  (props: CSSProperties) => {\n    props.display = 'inherit';\n    props.flexDirection = 'column';\n    return applyStyle(props);\n  }\n);\n\nexport const TextComponent: React.FC<ComponentTextProps> = (textProps) => {\n  const { getColor } = useTheme();\n\n  const styledProps = applyStyle(textProps);\n  const {\n    toUpperCase = false,\n    children,\n    textTypographyConfig,\n    ...props\n  } = styledProps;\n  let content: any = children;\n\n  if (children && typeof children === 'string') {\n    content = children.toString().trim();\n  }\n\n  if (typeof content === 'string' && toUpperCase) {\n    content = content.toUpperCase();\n  }\n\n  let style = props.style || {};\n\n  if (textTypographyConfig) {\n    style = formatTextStyle({ ...textTypographyConfig, ...style });\n  }\n\n  if (typeof content === 'string') {\n    content = content.split('\\n').map((item, key) => {\n      return (\n        <span key={key.toString()}>\n          {item}\n          <br />\n        </span>\n      );\n    });\n  }\n\n  Object.values(style).map((val) => {\n    if (typeof val === 'string' && val.toLowerCase().indexOf('color') !== -1) {\n      val = getColor(val);\n    }\n  });\n\n  return (\n    <TextSpan {...style} {...props}>\n      {content}\n    </TextSpan>\n  );\n};\n\nexport const Text: React.FC<ComponentTextProps> = TextComponent;\n","import { useEffect } from 'react';\nexport const useMount = (callback: () => void) => {\n  useEffect(() => {\n    callback();\n  }, []);\n};\n","import React, { ReactNode, createContext, useContext } from 'react';\n\nexport type ScreenSizeRange = {\n  breakpoint: string;\n  min: number;\n  max?: number;\n};\nexport type ResponsiveConfig = Record<string, number>;\nconst defaultBreakpointsConfig: ResponsiveConfig = {\n  xs: 0,\n  sm: 340,\n  md: 560,\n  lg: 1080,\n  xl: 1300,\n};\n\nexport type DeviceConfig = Record<string, string[]>;\nconst defaultDeviceConfig: DeviceConfig = {\n  mobile: ['xs', 'sm'],\n  tablet: ['md', 'lg'],\n  desktop: ['lg', 'xl'],\n};\n\nexport type ScreenConfig = {\n  breakpoints: ResponsiveConfig;\n  devices: DeviceConfig;\n};\n\nexport type ScreenOrientation = 'landscape' | 'portrait';\n\nconst defaultScreenConfig: ScreenConfig = {\n  breakpoints: defaultBreakpointsConfig,\n  devices: defaultDeviceConfig,\n};\n\nexport const ResponsiveContext =\n  createContext<ScreenConfig>(defaultScreenConfig);\n\nexport const useResponsiveContext = () => useContext(ResponsiveContext);\n\nexport const ResponsiveProvider = ({\n  breakpoints = defaultBreakpointsConfig,\n  devices = defaultDeviceConfig,\n  children,\n}: {\n  breakpoints?: ResponsiveConfig;\n  devices?: DeviceConfig;\n\n  children?: ReactNode;\n}): React.ReactElement => {\n  return (\n    <ResponsiveContext.Provider\n      value={{\n        breakpoints,\n        devices,\n      }}\n    >\n      {children}\n    </ResponsiveContext.Provider>\n  );\n};\n","import { useState } from 'react';\nimport {\n  useResponsiveContext,\n  ScreenOrientation,\n  ScreenSizeRange,\n} from '../providers/Responsive';\n\nimport { useMount } from './useMount';\n\nexport const createQuery = (keyScreen: string, query: string, set: any) => {\n  const mql = window.matchMedia(query);\n  const onChange = () => {\n    if (!!mql.matches) {\n      set(keyScreen);\n    }\n  };\n\n  mql.addListener(onChange);\n  if (!!mql.matches) {\n    set(keyScreen);\n  }\n\n  return () => {\n    mql.removeListener(onChange);\n  };\n};\n\nexport const useResponsive = () => {\n  const { breakpoints, devices } = useResponsiveContext();\n  const [screen, setScreen] = useState('xs');\n  const [orientation, setOrientation] = useState(\n    'landscape' as ScreenOrientation\n  );\n\n  const keys = Object.keys(breakpoints);\n\n  useMount(() => {\n    const breakpointValue = keys\n      .map((breakpoint) => {\n        const value: ScreenSizeRange = {\n          breakpoint: breakpoint as keyof typeof breakpoints,\n          min: breakpoints[breakpoint],\n          max: 0,\n        };\n\n        return value;\n      })\n      .sort((a, b) => a.min - b.min);\n\n    breakpointValue.reduce((a, b) => {\n      if (b) a.max = b.min;\n\n      return b;\n    });\n\n    breakpointValue.map((sizeScreen: ScreenSizeRange) => {\n      createQuery(\n        sizeScreen.breakpoint,\n        `only screen ${\n          sizeScreen.min && sizeScreen.min >= 0\n            ? 'and (min-width:' + sizeScreen.min + 'px)'\n            : ''\n        } ${\n          sizeScreen.max && sizeScreen.max >= 0\n            ? 'and (max-width:' + sizeScreen.max + 'px)'\n            : ''\n        }`,\n        setScreen\n      );\n\n      // if (\n      //   window.innerWidth >= sizeScreen.min &&\n      //   window.innerWidth <= sizeScreen.max\n      // ) {\n      //   setScreen(key as ScreenResponsiveConfig);\n      // }\n    });\n\n    createQuery(\n      'landscape',\n      'only screen and (orientation: landscape)',\n      setOrientation\n    );\n    createQuery(\n      'portrait',\n      'only screen and (orientation: portrait)',\n      setOrientation\n    );\n  });\n\n  const on = (device: keyof typeof devices) => {\n    return devices[device].includes(screen);\n  };\n\n  return {\n    breakpoints,\n    devices,\n    orientation,\n    screen,\n    on,\n  };\n};\n"],"names":["palette","whiteAlpha","blackAlpha","rose","pink","fuchsia","purple","violet","indigo","blue","lightBlue","cyan","teal","emerald","green","lime","yellow","amber","orange","red","warmGray","trueGray","gray","dark","coolGray","blueGray","defaultColors","white","black","ThemeContext","createContext","getColor","name","colors","defaultPalette","useTheme","useContext","ThemeProvider","children","indexOf","keys","split","undefined","parseInt","e","console","log","React","Provider","value","TransformStyleProps","ImageStyleProps","LayoutStyleProps","ShadowStyleProps","TextStyleProps","ViewStyleProps","ScrollViewStyleProps","allStyleProps","concat","StyleProps","map","property","setSize","newSize","newProps","height","width","applyStyle","props","onClick","cursor","size","paddingHorizontal","paddingLeft","paddingRight","marginHorizontal","marginLeft","marginRight","paddingVertical","paddingTop","paddingBottom","marginVertical","marginTop","marginBottom","Object","filter","toLowerCase","StyledView","styled","div","StyledImage","img","ViewElement","render","onPress","PureComponent","ImageElement","View","SafeArea","Scroll","overflow","Horizontal","display","flexDirection","HorizontalScroll","overflowX","Vertical","VerticalScroll","overflowY","Inline","wordBreak","Start","alignSelf","End","Center","justifyContent","alignItems","AlignStart","AlignCenter","AlignEnd","ImageBackground","src","style","backgroundSize","backgroundImage","backgroundPosition","backgroundRepeat","Image","RoundedImage","borderRadius","SquaredImage","formatTextStyle","hint","disabled","opacity","fontSize","TextSpan","TextComponent","textProps","styledProps","toUpperCase","textTypographyConfig","content","toString","trim","item","key","values","val","Text","useMount","callback","useEffect","defaultBreakpointsConfig","xs","sm","md","lg","xl","defaultDeviceConfig","mobile","tablet","desktop","defaultScreenConfig","breakpoints","devices","ResponsiveContext","useResponsiveContext","ResponsiveProvider","createQuery","keyScreen","query","set","mql","window","matchMedia","onChange","matches","addListener","removeListener","useResponsive","useState","screen","setScreen","orientation","setOrientation","breakpointValue","breakpoint","min","max","sort","a","b","reduce","sizeScreen","on","device","includes"],"mappings":"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"}

package/dist/components/Element.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare const TransformStyleProps: string[];
+export declare const ImageStyleProps: string[];
+export declare const LayoutStyleProps: string[];
+export declare const ShadowStyleProps: string[];
+export declare const TextStyleProps: string[];
+export declare const ViewStyleProps: string[];
+export declare const ScrollViewStyleProps: string[];
+export declare const BaseStyleProperty: any;
+export declare const ViewStyleProperty: any;
+export declare const ScrollViewStyleProperty: any;
+export declare const ImageStyleProperty: any;
+export declare const TextStyleProperty: any;
+export declare const allStyleProps: string[];
+export declare const WidthStyleProperty: string[];
+export declare const WidthStyleProps: any;
+export declare const HeightStyleProperty: string[];
+export declare const HeightStyleProps: any;
+export declare const SizeProps: any;
+export declare const StyleProps: any;
+export declare const setSize: (newSize: string | number, newProps: any) => void;
+export declare const applyStyle: (props: any) => any;
+export declare const StyledView: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare class ViewElement extends React.PureComponent<any> {
+    render(): JSX.Element;
+}
+export declare class ImageElement extends React.PureComponent<any> {
+    render(): JSX.Element;
+}

package/dist/components/Image.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { CSSProperties } from 'styled-components';
+import { ImageProps as ComponentImageProps, ResponsiveStyle } from '../types/style';
+export interface ImageProps extends Omit<ComponentImageProps, 'pointerEvents' | 'source'>, CSSProperties {
+    size?: number;
+    className?: string;
+    backgroundColor?: string;
+    onPress?: () => void;
+    action?: string;
+    alt?: string;
+    src: string | any;
+    style?: any;
+    responsive?: ResponsiveStyle;
+}
+export interface ImageBackgroundProps extends ImageProps {
+    src: string;
+}
+export declare class ImageBackground extends React.PureComponent<ImageBackgroundProps> {
+    render(): JSX.Element;
+}
+export declare const Image: (props: ImageProps) => JSX.Element;
+export declare const RoundedImage: ({ size, src, ...props }: any) => JSX.Element;
+export declare const SquaredImage: ({ size, src, ...props }: any) => JSX.Element;

package/dist/components/Layout.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const Layout: (props: any) => JSX.Element;
+export declare const Horizontal: (props: any) => JSX.Element;
+export declare const Inline: (props: any) => JSX.Element;
+export declare const Vertical: (props: any) => JSX.Element;
+export declare const Center: (props: any) => JSX.Element;
+export declare const AlignStart: (props: any) => JSX.Element;
+export declare const AlignCenter: (props: any) => JSX.Element;
+export declare const AlignEnd: (props: any) => JSX.Element;
+export declare const Start: (props: any) => JSX.Element;
+export declare const End: (props: any) => JSX.Element;

package/dist/components/Text.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { CSSProperties } from 'styled-components';
+import { GenericStyleProp, TextProps, TextStyle, ResponsiveStyle } from '../types/style';
+export interface ComponentTextProps extends Omit<TextProps, 'pointerEvents' | 'onPress'>, CSSProperties {
+    data?: object;
+    children?: string | any;
+    className?: string;
+    paddingHorizontal?: number | string;
+    marginHorizontal?: number | string;
+    paddingVertical?: number | string;
+    marginVertical?: number | string;
+    locale?: string;
+    toUpperCase?: boolean;
+    style?: GenericStyleProp<TextStyle>;
+    responsive?: ResponsiveStyle;
+    backgroundColor?: string;
+    onPress?: void;
+    action?: string;
+}
+export declare const formatTextStyle: any;
+export declare const TextSpan: React.FC<CSSProperties>;
+export declare const TextComponent: React.FC<ComponentTextProps>;
+export declare const Text: React.FC<ComponentTextProps>;

package/dist/components/View.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { GenericStyleProp, ViewProps, ViewStyle, ResponsiveStyle } from '../types/style';
+import { CSSProperties } from 'styled-components';
+export interface ComponentViewProps extends Omit<ViewProps, 'pointerEvents'>, CSSProperties {
+    size?: number;
+    className?: string;
+    loading?: boolean;
+    style?: GenericStyleProp<ViewStyle>;
+    paddingHorizontal?: number | string;
+    marginHorizontal?: number | string;
+    paddingVertical?: number | string;
+    marginVertical?: number | string;
+    responsive?: ResponsiveStyle;
+    onPress?: () => void;
+    action?: string;
+    backgroundColor?: string;
+}
+export declare const View: (props: ComponentViewProps) => JSX.Element;
+export declare const SafeArea: (props: ComponentViewProps) => JSX.Element;
+export declare const Scroll: (props: any) => JSX.Element;
+export declare const Horizontal: (props: any) => JSX.Element;
+export declare const HorizontalScroll: (props: any) => JSX.Element;
+export declare const Vertical: (props: any) => JSX.Element;
+export declare const VerticalScroll: (props: any) => JSX.Element;
+export declare const Inline: (props: any) => JSX.Element;
+export declare const Start: (props: any) => JSX.Element;
+export declare const End: (props: any) => JSX.Element;
+export declare const Center: (props: any) => JSX.Element;
+export declare const AlignStart: (props: any) => JSX.Element;
+export declare const AlignCenter: (props: any) => JSX.Element;
+export declare const AlignEnd: (props: any) => JSX.Element;
+export default View;

package/dist/components/Wrapper.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export default class Wrapper extends React.Component<{}, {}> {
+    render(): JSX.Element;
+}

package/dist/hooks/useMount.d.ts

@@ -0,0 +1 @@
+export declare const useMount: (callback: () => void) => void;

package/dist/hooks/useResponsive.d.ts

@@ -0,0 +1,9 @@
+import { ScreenOrientation } from '../providers/Responsive';
+export declare const createQuery: (keyScreen: string, query: string, set: any) => () => void;
+export declare const useResponsive: () => {
+    breakpoints: Record<string, number>;
+    devices: Record<string, string[]>;
+    orientation: ScreenOrientation;
+    screen: string;
+    on: (device: string) => boolean;
+};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './components/View';
+export * from './components/Image';
+export * from './components/Text';
+export * from './hooks/useMount';
+export * from './hooks/useResponsive';
+export * from './providers/Responsive';
+export * from './providers/Theme';
+export * from './hooks/useMount';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./app-studio.cjs.production.min.js')
+} else {
+  module.exports = require('./app-studio.cjs.development.js')
+}

package/dist/providers/Responsive.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+export declare type ScreenSizeRange = {
+    breakpoint: string;
+    min: number;
+    max?: number;
+};
+export declare type ResponsiveConfig = Record<string, number>;
+export declare type DeviceConfig = Record<string, string[]>;
+export declare type ScreenConfig = {
+    breakpoints: ResponsiveConfig;
+    devices: DeviceConfig;
+};
+export declare type ScreenOrientation = 'landscape' | 'portrait';
+export declare const ResponsiveContext: React.Context<ScreenConfig>;
+export declare const useResponsiveContext: () => ScreenConfig;
+export declare const ResponsiveProvider: ({ breakpoints, devices, children, }: {
+    breakpoints?: Record<string, number> | undefined;
+    devices?: Record<string, string[]> | undefined;
+    children?: ReactNode;
+}) => React.ReactElement;

package/dist/providers/Theme.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+declare type ColorConfig = Record<string, string>;
+declare type VariantColorConfig = Record<string, Record<string, string>>;
+export declare const ThemeContext: React.Context<{
+    getColor: (color: string) => string;
+    colors: ColorConfig;
+    palette: VariantColorConfig;
+}>;
+export declare const useTheme: () => {
+    getColor: (color: string) => string;
+    colors: ColorConfig;
+    palette: VariantColorConfig;
+};
+export declare const ThemeProvider: ({ palette, colors, children, }: {
+    colors?: Record<string, string> | undefined;
+    palette?: Record<string, Record<string, string>> | undefined;
+    children?: ReactNode;
+}) => React.ReactElement;
+export {};

package/dist/utils/colors.d.ts

@@ -0,0 +1,14 @@
+export declare type ColorPalette = Record<string, Record<number, string>>;
+export declare type ColorSingleton = Record<string, {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+}>;
+export declare const palette: ColorPalette;

package/dist/utils/env.d.ts

@@ -0,0 +1,15 @@
+/**
+ * whether in browser env
+ */
+export declare const isBrowser: () => boolean;
+/**
+ * get window.g_initialProps
+ */
+export declare const getWindowInitialProps: () => any;
+/**
+ * whether SSR success in client
+ */
+export declare const isSSR: boolean;
+export declare function isDev(): boolean;
+export declare function isProd(): boolean;
+export declare function isMobile(): RegExpMatchArray | null;

package/dist/utils/shadow.d.ts

@@ -0,0 +1,103 @@
+declare const _default: {
+    0: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    1: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    2: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    3: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    4: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    5: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    6: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    7: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    8: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    9: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+export default _default;

package/dist/utils/typography.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+    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;
+    };
+};
+export default _default;

package/package.json

@@ -0,0 +1,114 @@
+{
+  "version": "0.0.1",
+  "name": "app-studio",
+  "description": "App Studio is a responsive and themeable framework to build cross platform applications",
+  "repository": "git@github.com:rize-network/app-studio.git",
+  "license": "MIT",
+  "bugs": "https://github.com/rize-network/app-studio/issues",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "keywords": [
+    "react",
+    "typescript",
+    "app",
+    "studio",
+    "styled",
+    "theme",
+    "props",
+    "responsive"
+  ],
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "npm run eslint && npm run prettier",
+    "lint:fix": "npm run eslint:fix && npm run prettier:fix",
+    "lint-staged": "lint-staged",
+    "lint-staged:eslint": "eslint --ext .js,.jsx,.ts,.tsx ",
+    "eslint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=codeframe ./src",
+    "eslint": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=codeframe ./src",
+    "prettier:fix": "prettier --write ./src",
+    "prettier": "prettier --check ./src",
+    "prepare": "husky install",
+    "prepublishOnly": "npm run build",
+    "size": "size-limit",
+    "analyze": "size-limit --why",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "upgrade": "ncu -u"
+  },
+  "peerDependencies": {
+    "react": ">= 16",
+    "styled-components": ">= 5"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint:fix"
+    }
+  },
+  "author": "Steedmonteiro <steed@rize.network>",
+  "module": "dist/app-studio.esm.js",
+  "devDependencies": {
+    "@babel/core": "^7.16.12",
+    "@commitlint/cli": "^16.1.0",
+    "@commitlint/config-conventional": "^16.0.0",
+    "@size-limit/preset-small-lib": "^7.0.5",
+    "@storybook/addon-essentials": "^6.4.17",
+    "@storybook/addon-info": "^5.3.21",
+    "@storybook/addon-links": "^6.4.17",
+    "@storybook/addons": "^6.4.17",
+    "@storybook/react": "^6.4.17",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
+    "@types/styled-components": "^5.1.21",
+    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@typescript-eslint/parser": "^5.10.1",
+    "babel-loader": "^8.2.3",
+    "chalk": "^5.0.0",
+    "commitlint": "^16.1.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.8.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-formatter-codeframe": "^7.32.1",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-eslint-comments": "^3.2.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jest": "^26.0.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.3.2",
+    "prettier": "^2.5.1",
+    "react": "^17.0.2",
+    "size-limit": "^7.0.5",
+    "styled-components": "^5.3.3",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.5"
+  },
+  "lint-staged": {
+    "./src/**/*.{md,json}": [
+      "prettier --write"
+    ],
+    "./src/**/*.{tsx,ts,js}": [
+      "eslint --cache --fix",
+      "prettier --write"
+    ]
+  },
+  "size-limit": [
+    {
+      "path": "dist/app-studio.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/app-studio.esm.js",
+      "limit": "10 KB"
+    }
+  ]
+}