npm - app-studio - Versions diffs - 0.0.4 → 0.0.5 - Mend

app-studio 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/app-studio.cjs.development.js +5 -5
package/dist/app-studio.cjs.development.js.map +1 -1
package/dist/app-studio.cjs.production.min.js +1 -1
package/dist/app-studio.cjs.production.min.js.map +1 -1
package/dist/app-studio.esm.js +5 -5
package/dist/app-studio.esm.js.map +1 -1
package/dist/components/Element.d.ts +0 -1
package/dist/components/Text.d.ts +1 -0
package/package.json +1 -1
package/src/components/Element.tsx +2 -4
package/src/components/Text.tsx +8 -2

package/dist/app-studio.cjs.development.js CHANGED Viewed

@@ -568,9 +568,7 @@ var applyStyle = function applyStyle(props) {
   Object.keys(props).map(function (property) {
     if (StyleProps[property] !== undefined || property == 'on') {
-      if (typeof props[property] === 'number' && property !== 'fontWeight') {
-        newProps[property] = props[property] + 'px';
-      } else if (property.toLowerCase().indexOf('color') !== -1) {
+      if (property.toLowerCase().indexOf('color') !== -1) {
         newProps[property] = getColor(props[property]);
       } else if (typeof props[property] === 'object') {
         if (property === 'on') {
@@ -751,7 +749,7 @@ var SquaredImage = function SquaredImage(_ref2) {
   }));
 };
-var _excluded$1 = ["toUpperCase", "children"];
+var _excluded$1 = ["toUpperCase", "children", "toFormat"];
 var TextSpan = /*#__PURE__*/styled.div(function (props) {
   props.display = 'inherit';
   props.flexDirection = 'column';
@@ -771,6 +769,8 @@ var Text = /*#__PURE__*/function (_React$PureComponent) {
         _this$props$toUpperCa = _this$props.toUpperCase,
         toUpperCase = _this$props$toUpperCa === void 0 ? false : _this$props$toUpperCa,
         children = _this$props.children,
+        _this$props$toFormat = _this$props.toFormat,
+        toFormat = _this$props$toFormat === void 0 ? false : _this$props$toFormat,
         props = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
     var content = children;
@@ -783,7 +783,7 @@ var Text = /*#__PURE__*/function (_React$PureComponent) {
       content = content.toUpperCase();
     }
-    if (typeof content === 'string') {
+    if (typeof content === 'string' && toFormat) {
       content = content.split('\n').map(function (item, key) {
         return React__default.createElement("span", {
           key: key.toString()

package/dist/app-studio.cjs.development.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-studio.cjs.development.js","sources":["../src/utils/colors.ts","../src/providers/Theme.tsx","../src/utils/shadow.ts","../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","export type Shadow = {\n shadowColor: string;\n shadowOffset: {\n width: number;\n height: number;\n };\n shadowOpacity: number;\n shadowRadius: number;\n};\n\nexport const shadows: Record<number, Shadow> = {\n 0: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.18,\n shadowRadius: 1.0,\n },\n 1: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.2,\n shadowRadius: 1.41,\n },\n 2: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.22,\n shadowRadius: 2.22,\n },\n 3: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.23,\n shadowRadius: 2.62,\n },\n 4: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n },\n 5: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.27,\n shadowRadius: 4.65,\n },\n 6: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.29,\n shadowRadius: 4.65,\n },\n 7: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.3,\n shadowRadius: 4.65,\n },\n 8: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.32,\n shadowRadius: 5.46,\n },\n 9: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 5,\n },\n shadowOpacity: 0.34,\n shadowRadius: 6.27,\n },\n};\n","import React from 'react';\nimport Color from 'color-convert';\nimport styled from 'styled-components';\nimport { useTheme } from '../providers/Theme';\nimport { shadows } from '../utils/shadow';\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 if (props.shadow) {\n if (typeof props.shadow === 'number' \|\| typeof props.shadow === 'boolean') {\n const shawdowValue: number =\n typeof props.shadow === 'number' && shadows[props.shadow] !== undefined\n ? props.shadow\n : 2;\n\n if (shadows[shawdowValue]) {\n const shadowColor = Color.hex\n .rgb(shadows[shawdowValue].shadowColor)\n .join(',');\n\n newProps[\n 'boxShadow'\n ] = `${shadows[shawdowValue].shadowOffset.height}px ${shadows[shawdowValue].shadowOffset.width}px ${shadows[shawdowValue].shadowRadius}px rgba(${shadowColor},${shadows[shawdowValue].shadowOpacity})`;\n }\n } else {\n const shadowColor = Color.hex.rgb(props.shadow.shadowColor).join(',');\n\n newProps[\n 'boxShadow'\n ] = `${props.shadow.shadowOffset.height}px ${props.shadow.shadowOffset.width}px ${props.shadow.shadowRadius}px rgba(${shadowColor},${props.shadow.shadowOpacity})`;\n }\n }\n\n Object.keys(props).map((property) => {\n if (StyleProps[property] !== undefined \|\| property == 'on') {\n if (typeof props[property] === 'number' && property !== 'fontWeight') {\n newProps[property] = props[property] + 'px';\n } else if (property.toLowerCase().indexOf('color') !== -1) {\n newProps[property] = getColor(props[property]);\n } else if (typeof props[property] === 'object') {\n if (property === 'on') {\n for (const event in props[property]) {\n newProps['&:' + event] = applyStyle(props[property][event]);\n }\n } else {\n newProps[property] = applyStyle(props[property]);\n }\n } else {\n newProps[property] = props[property];\n }\n }\n });\n\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 { ViewStyleProps } from '../types/style';\nimport { CSSProperties } from 'styled-components';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ViewProps\n extends Omit<ViewStyleProps, 'pointerEvents'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport const View = (props: ViewProps) => <ViewElement {...props} />;\n\nexport const SafeArea = View;\n\nexport const Scroll = (props: any) => <View overflow={'auto'} {...props} />;\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ImageElement } from './Element';\nimport { View } from './View';\nimport { ImageStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ImageProps\n extends Omit<ImageStyleProps, 'pointerEvents' \| 'source'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n src: string \| any;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport interface ImageBackgroundProps extends ImageProps {\n src: string;\n}\n\nexport class ImageBackground extends React.PureComponent<ImageBackgroundProps> {\n render() {\n const { src, 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 }}\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 { TextStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface TextProps\n extends Omit<TextStyleProps, 'pointerEvents' \| 'onPress'>,\n CSSProperties {\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n toUpperCase?: boolean;\n shadow?: boolean \| number \| Shadow;\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 class Text extends React.PureComponent<TextProps> {\n render() {\n const { toUpperCase = false, children, ...props } = this.props;\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 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 return <TextSpan {...props}>{content}</TextSpan>;\n }\n}\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","shadows","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","TransformStyleProps","ImageStyleProps","LayoutStyleProps","ShadowStyleProps","TextStyleProps","ViewStyleProps","ScrollViewStyleProps","allStyleProps","concat","StyleProps","map","property","setSize","newSize","newProps","applyStyle","props","onClick","cursor","size","paddingHorizontal","paddingLeft","paddingRight","marginHorizontal","marginLeft","marginRight","paddingVertical","paddingTop","paddingBottom","marginVertical","marginTop","marginBottom","shadow","shawdowValue","Color","hex","rgb","join","Object","toLowerCase","event","StyledView","styled","div","StyledImage","img","ViewElement","render","onPress","PureComponent","ImageElement","View","SafeArea","Scroll","overflow","ImageBackground","src","style","backgroundSize","backgroundImage","backgroundPosition","backgroundRepeat","Image","RoundedImage","borderRadius","SquaredImage","TextSpan","display","flexDirection","Text","toUpperCase","content","toString","trim","item","key","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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"}
1	+ {"version":3,"file":"app-studio.cjs.development.js","sources":["../src/utils/colors.ts","../src/providers/Theme.tsx","../src/utils/shadow.ts","../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","export type Shadow = {\n shadowColor: string;\n shadowOffset: {\n width: number;\n height: number;\n };\n shadowOpacity: number;\n shadowRadius: number;\n};\n\nexport const shadows: Record<number, Shadow> = {\n 0: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.18,\n shadowRadius: 1.0,\n },\n 1: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.2,\n shadowRadius: 1.41,\n },\n 2: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.22,\n shadowRadius: 2.22,\n },\n 3: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.23,\n shadowRadius: 2.62,\n },\n 4: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n },\n 5: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.27,\n shadowRadius: 4.65,\n },\n 6: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.29,\n shadowRadius: 4.65,\n },\n 7: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.3,\n shadowRadius: 4.65,\n },\n 8: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.32,\n shadowRadius: 5.46,\n },\n 9: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 5,\n },\n shadowOpacity: 0.34,\n shadowRadius: 6.27,\n },\n};\n","import React from 'react';\nimport Color from 'color-convert';\nimport styled from 'styled-components';\nimport { useTheme } from '../providers/Theme';\nimport { shadows } from '../utils/shadow';\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\nconst 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 if (props.shadow) {\n if (typeof props.shadow === 'number' \|\| typeof props.shadow === 'boolean') {\n const shawdowValue: number =\n typeof props.shadow === 'number' && shadows[props.shadow] !== undefined\n ? props.shadow\n : 2;\n\n if (shadows[shawdowValue]) {\n const shadowColor = Color.hex\n .rgb(shadows[shawdowValue].shadowColor)\n .join(',');\n\n newProps[\n 'boxShadow'\n ] = `${shadows[shawdowValue].shadowOffset.height}px ${shadows[shawdowValue].shadowOffset.width}px ${shadows[shawdowValue].shadowRadius}px rgba(${shadowColor},${shadows[shawdowValue].shadowOpacity})`;\n }\n } else {\n const shadowColor = Color.hex.rgb(props.shadow.shadowColor).join(',');\n\n newProps[\n 'boxShadow'\n ] = `${props.shadow.shadowOffset.height}px ${props.shadow.shadowOffset.width}px ${props.shadow.shadowRadius}px rgba(${shadowColor},${props.shadow.shadowOpacity})`;\n }\n }\n\n Object.keys(props).map((property) => {\n if (StyleProps[property] !== undefined \|\| property == 'on') {\n if (property.toLowerCase().indexOf('color') !== -1) {\n newProps[property] = getColor(props[property]);\n } else if (typeof props[property] === 'object') {\n if (property === 'on') {\n for (const event in props[property]) {\n newProps['&:' + event] = applyStyle(props[property][event]);\n }\n } else {\n newProps[property] = applyStyle(props[property]);\n }\n } else {\n newProps[property] = props[property];\n }\n }\n });\n\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 { ViewStyleProps } from '../types/style';\nimport { CSSProperties } from 'styled-components';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ViewProps\n extends Omit<ViewStyleProps, 'pointerEvents'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport const View = (props: ViewProps) => <ViewElement {...props} />;\n\nexport const SafeArea = View;\n\nexport const Scroll = (props: any) => <View overflow={'auto'} {...props} />;\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ImageElement } from './Element';\nimport { View } from './View';\nimport { ImageStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ImageProps\n extends Omit<ImageStyleProps, 'pointerEvents' \| 'source'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n src: string \| any;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport interface ImageBackgroundProps extends ImageProps {\n src: string;\n}\n\nexport class ImageBackground extends React.PureComponent<ImageBackgroundProps> {\n render() {\n const { src, 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 }}\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 { TextStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface TextProps\n extends Omit<TextStyleProps, 'pointerEvents' \| 'onPress'>,\n CSSProperties {\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n toUpperCase?: boolean;\n toFormat?: boolean;\n shadow?: boolean \| number \| Shadow;\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 class Text extends React.PureComponent<TextProps> {\n render() {\n const {\n toUpperCase = false,\n children,\n toFormat = false,\n ...props\n } = this.props;\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 if (typeof content === 'string' && toFormat) {\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 return <TextSpan {...props}>{content}</TextSpan>;\n }\n}\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","shadows","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","TransformStyleProps","ImageStyleProps","LayoutStyleProps","ShadowStyleProps","TextStyleProps","ViewStyleProps","ScrollViewStyleProps","allStyleProps","concat","StyleProps","map","property","setSize","newSize","newProps","applyStyle","props","onClick","cursor","size","paddingHorizontal","paddingLeft","paddingRight","marginHorizontal","marginLeft","marginRight","paddingVertical","paddingTop","paddingBottom","marginVertical","marginTop","marginBottom","shadow","shawdowValue","Color","hex","rgb","join","Object","toLowerCase","event","StyledView","styled","div","StyledImage","img","ViewElement","render","onPress","PureComponent","ImageElement","View","SafeArea","Scroll","overflow","ImageBackground","src","style","backgroundSize","backgroundImage","backgroundPosition","backgroundRepeat","Image","RoundedImage","borderRadius","SquaredImage","TextSpan","display","flexDirection","Text","toUpperCase","toFormat","content","toString","trim","item","key","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/app-studio.cjs.production.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react"),t=e(o),r=e(require("color-convert")),a=e(require("styled-components"));function n(e,o){e.prototype=Object.create(o.prototype),e.prototype.constructor=e,(Object.setPrototypeOf||function(e,o){return e.__proto__=o,e})(e,o)}function i(e,o){if(null==e)return{};var t,r,a={},n=Object.keys(e);for(r=0;r<n.length;r++)o.indexOf(t=n[r])>=0||(a[t]=e[t]);return a}var d={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},f={white:"#FFFFFF",black:"#000000"},s=o.createContext({getColor:function(e){return e},colors:f,palette:d}),c=function(){return o.useContext(s)},l={0:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:0,height:3},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:0,height:3},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:0,height:5},shadowOpacity:.34,shadowRadius:6.27}},h={};["alignContent","alignItems","alignSelf","aspectRatio","borderBottomWidth","borderEndWidth","borderLeftWidth","borderRightWidth","borderStartWidth","borderTopWidth","borderWidth","bottom","direction","display","end","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","height","justifyContent","left","margin","marginBottom","marginEnd","marginHorizontal","marginLeft","marginRight","marginStart","marginTop","marginVertical","maxHeight","maxWidth","minHeight","minWidth","overflow","overflowX","overflowY","padding","paddingBottom","paddingEnd","paddingHorizontal","paddingLeft","paddingRight","paddingStart","paddingTop","paddingVertical","position","right","start","top","width","zIndex"].concat(["shadowColor","shadowOffset","shadowOpacity","shadowRadius"],["transform","transformMatrix","rotation","scaleX","scaleY","translateX","translateY","testID","decomposedMatrix"],["borderRightColor","backfaceVisibility","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderLeftColor","borderLeftWidth","borderRadius","backgroundColor","borderRightWidth","borderStartColor","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","border","opacity","elevation","size"],["alwaysBounceHorizontal","alwaysBounceVertical","automaticallyAdjustContentInsets","bounces","bouncesZoom","canCancelContentTouches","centerContent","contentLayoutStyle","contentInset","contentInsetAdjustmentBehavior","contentOffset","decelerationRate","directionalLockEnabled","disableIntervalMomentum","disableScrollViewPanResponder","endFillColor","fadingEdgeLength","horizontal","indicatorStyle","invertStickyHeaders","keyboardDismissMode","keyboardShouldPersistTaps","maintainVisibleContentPosition","maximumZoomScale","minimumZoomScale","nestedScrollEnabled","onContentSizeChange","onMomentumScrollBegin","onMomentumScrollEnd","onScroll","onScrollBeginDrag","onScrollEndDrag","onScrollToTop","overScrollMode","pagingEnabled","persistentScrollbar","pinchGestureEnabled","refreshControl","removeClippedSubviews","scrollBarThumbImage","scrollEnabled","scrollEventThrottle","scrollIndicatorInsets","scrollPerfTag","scrollToOverflowEnabled","scrollsToTop","DEPRECATED_sendUpdatedChildFrames","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToAlignment","snapToEnd","snapToInterval","snapToOffsets","snapToStart","stickyHeaderIndices","zoomScale"],["textShadowOffset","color","fontSize","fontStyle","fontWeight","lineHeight","textAlign","textDecorationLine","textShadowColor","fontFamily","textShadowRadius","includeFontPadding","textAlignVertical","fontVariant","letterSpacing","textDecorationColor","textDecorationStyle","textTransform","writingDirection"],["borderTopRightRadius","backfaceVisibility","borderBottomLeftRadius","borderBottomRightRadius","borderColor","borderRadius","borderTopLeftRadius","backgroundColor","borderWidth","opacity","overflow","overflowX","overflowY","resizeMode","tintColor","overlayColor"]).map((function(e){h[e]=!0}));var p=function e(o){var t=c().getColor,a={};o.onClick&&(a.cursor="pointer");var n=void 0!==o.height&&void 0!==o.width&&o.height===o.width?o.height:o.size?o.size:null;if(n&&function(e,o){o.height=o.width=e}(n,a),o.paddingHorizontal&&(a.paddingLeft=o.paddingHorizontal,a.paddingRight=o.paddingHorizontal),o.marginHorizontal&&(a.marginLeft=o.marginHorizontal,a.marginRight=o.marginHorizontal),o.paddingVertical&&(a.paddingTop=o.paddingVertical,a.paddingBottom=o.paddingVertical),o.marginVertical&&(a.marginTop=o.marginVertical,a.marginBottom=o.marginVertical),o.shadow)if("number"==typeof o.shadow||"boolean"==typeof o.shadow){var i="number"==typeof o.shadow&&void 0!==l[o.shadow]?o.shadow:2;if(l[i]){var d=r.hex.rgb(l[i].shadowColor).join(",");a.boxShadow=l[i].shadowOffset.height+"px "+l[i].shadowOffset.width+"px "+l[i].shadowRadius+"px rgba("+d+","+l[i].shadowOpacity+")"}}else{var f=r.hex.rgb(o.shadow.shadowColor).join(",");a.boxShadow=o.shadow.shadowOffset.height+"px "+o.shadow.shadowOffset.width+"px "+o.shadow.shadowRadius+"px rgba("+f+","+o.shadow.shadowOpacity+")"}return Object.keys(o).map((function(r){if(void 0!==h[r]||"on"==r)if("number"==typeof o[r]&&"fontWeight"!==r)a[r]=o[r]+"px";else if(-1!==r.toLowerCase().indexOf("color"))a[r]=t(o[r]);else if("object"==typeof o[r])if("on"===r)for(var n in o[r])a["&:"+n]=e(o[r][n]);else a[r]=e(o[r]);else a[r]=o[r]})),a},u=a.div((function(e){return p(e)})),b=a.img((function(e){return p(e)})),g=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props.onClick;return void 0!==this.props.onPress&&(e=this.props.onPress),t.createElement(u,Object.assign({},this.props,{onClick:e}))},o}(t.PureComponent),m=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props.onClick;return void 0!==this.props.onPress&&(e=this.props.onPress),t.createElement(b,Object.assign({},this.props,{onClick:e}))},o}(t.PureComponent),w=function(e){return t.createElement(g,Object.assign({},e))},x=w,v=["src","onClick","onPress"],y=["size","src"],C=["size","src"],O=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props,o=e.src,r=e.onClick,a=e.onPress,n=i(e,v);return t.createElement(w,Object.assign({style:{backgroundSize:"contain",backgroundImage:'url("'+o+'")',backgroundPosition:"center center",backgroundRepeat:"no-repeat"},onClick:r||a},n))},o}(t.PureComponent),R=["toUpperCase","children"],S=a.div((function(e){return e.display="inherit",e.flexDirection="column",p(e)})),k=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props,o=e.toUpperCase,r=void 0!==o&&o,a=e.children,n=i(e,R),d=a;return a&&"string"==typeof a&&(d=a.toString().trim()),"string"==typeof d&&r&&(d=d.toUpperCase()),"string"==typeof d&&(d=d.split("\n").map((function(e,o){return t.createElement("span",{key:o.toString()},e,t.createElement("br",null))}))),t.createElement(S,Object.assign({},n),d)},o}(t.PureComponent),T=function(e){o.useEffect((function(){e()}),[])},E={xs:0,sm:340,md:560,lg:1080,xl:1300},z={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},P=o.createContext({breakpoints:E,devices:z}),j=function(){return o.useContext(P)},B=function(e,o,t){var r=window.matchMedia(o),a=function(){r.matches&&t(e)};return r.addListener(a),r.matches&&t(e),function(){r.removeListener(a)}};exports.Image=function(e){return t.createElement(m,Object.assign({},e))},exports.ImageBackground=O,exports.ResponsiveContext=P,exports.ResponsiveProvider=function(e){var o=e.breakpoints,r=e.devices;return t.createElement(P.Provider,{value:{breakpoints:void 0===o?E:o,devices:void 0===r?z:r}},e.children)},exports.RoundedImage=function(e){var o=e.size,r=e.src,a=i(e,y);return t.createElement(O,Object.assign({borderRadius:o/2,size:o,src:r},a))},exports.SafeArea=x,exports.Scroll=function(e){return t.createElement(w,Object.assign({overflow:"auto"},e))},exports.SquaredImage=function(e){var o=e.size,r=e.src,a=i(e,C);return t.createElement(O,Object.assign({},a,{size:o,src:r}))},exports.Text=k,exports.TextSpan=S,exports.ThemeContext=s,exports.ThemeProvider=function(e){var o=e.palette,r=void 0===o?d:o,a=e.colors,n=void 0===a?f:a;return t.createElement(s.Provider,{value:{getColor:function(e){if("transparent"===e)return e;try{if(-1!==e.indexOf(".")){var o=e.split(".");if(r&&void 0!==r[o[0]][o[1]])return r[o[0]][o[1]];if(void 0!==r[o[0]][parseInt(o[1])])return r[o[0]][parseInt(o[1])]}else if(n&&void 0!==n[e])return n[e]}catch(o){console.log("Color "+e+" not found")}return e},colors:n,palette:r}},e.children)},exports.View=w,exports.createQuery=B,exports.useMount=T,exports.useResponsive=function(){var e=j(),t=e.breakpoints,r=e.devices,a=o.useState("xs"),n=a[0],i=a[1],d=o.useState("landscape"),f=d[0],s=d[1],c=Object.keys(t);return T((function(){var e=c.map((function(e){return{breakpoint:e,min:t[e],max:0}})).sort((function(e,o){return e.min-o.min}));e.reduce((function(e,o){return o&&(e.max=o.min),o})),e.map((function(e){B(e.breakpoint,"only screen "+(e.min&&e.min>=0?"and (min-width:"+e.min+"px)":"")+" "+(e.max&&e.max>=0?"and (max-width:"+e.max+"px)":""),i)})),B("landscape","only screen and (orientation: landscape)",s),B("portrait","only screen and (orientation: portrait)",s)})),{breakpoints:t,devices:r,orientation:f,screen:n,on:function(e){return r[e].includes(n)}}},exports.useResponsiveContext=j,exports.useTheme=c;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react"),t=e(o),r=e(require("color-convert")),a=e(require("styled-components"));function n(e,o){e.prototype=Object.create(o.prototype),e.prototype.constructor=e,(Object.setPrototypeOf||function(e,o){return e.__proto__=o,e})(e,o)}function i(e,o){if(null==e)return{};var t,r,a={},n=Object.keys(e);for(r=0;r<n.length;r++)o.indexOf(t=n[r])>=0||(a[t]=e[t]);return a}var d={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},f={white:"#FFFFFF",black:"#000000"},s=o.createContext({getColor:function(e){return e},colors:f,palette:d}),c=function(){return o.useContext(s)},l={0:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:0,height:3},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:0,height:3},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:0,height:5},shadowOpacity:.34,shadowRadius:6.27}},h={};["alignContent","alignItems","alignSelf","aspectRatio","borderBottomWidth","borderEndWidth","borderLeftWidth","borderRightWidth","borderStartWidth","borderTopWidth","borderWidth","bottom","direction","display","end","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","height","justifyContent","left","margin","marginBottom","marginEnd","marginHorizontal","marginLeft","marginRight","marginStart","marginTop","marginVertical","maxHeight","maxWidth","minHeight","minWidth","overflow","overflowX","overflowY","padding","paddingBottom","paddingEnd","paddingHorizontal","paddingLeft","paddingRight","paddingStart","paddingTop","paddingVertical","position","right","start","top","width","zIndex"].concat(["shadowColor","shadowOffset","shadowOpacity","shadowRadius"],["transform","transformMatrix","rotation","scaleX","scaleY","translateX","translateY","testID","decomposedMatrix"],["borderRightColor","backfaceVisibility","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderLeftColor","borderLeftWidth","borderRadius","backgroundColor","borderRightWidth","borderStartColor","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","border","opacity","elevation","size"],["alwaysBounceHorizontal","alwaysBounceVertical","automaticallyAdjustContentInsets","bounces","bouncesZoom","canCancelContentTouches","centerContent","contentLayoutStyle","contentInset","contentInsetAdjustmentBehavior","contentOffset","decelerationRate","directionalLockEnabled","disableIntervalMomentum","disableScrollViewPanResponder","endFillColor","fadingEdgeLength","horizontal","indicatorStyle","invertStickyHeaders","keyboardDismissMode","keyboardShouldPersistTaps","maintainVisibleContentPosition","maximumZoomScale","minimumZoomScale","nestedScrollEnabled","onContentSizeChange","onMomentumScrollBegin","onMomentumScrollEnd","onScroll","onScrollBeginDrag","onScrollEndDrag","onScrollToTop","overScrollMode","pagingEnabled","persistentScrollbar","pinchGestureEnabled","refreshControl","removeClippedSubviews","scrollBarThumbImage","scrollEnabled","scrollEventThrottle","scrollIndicatorInsets","scrollPerfTag","scrollToOverflowEnabled","scrollsToTop","DEPRECATED_sendUpdatedChildFrames","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToAlignment","snapToEnd","snapToInterval","snapToOffsets","snapToStart","stickyHeaderIndices","zoomScale"],["textShadowOffset","color","fontSize","fontStyle","fontWeight","lineHeight","textAlign","textDecorationLine","textShadowColor","fontFamily","textShadowRadius","includeFontPadding","textAlignVertical","fontVariant","letterSpacing","textDecorationColor","textDecorationStyle","textTransform","writingDirection"],["borderTopRightRadius","backfaceVisibility","borderBottomLeftRadius","borderBottomRightRadius","borderColor","borderRadius","borderTopLeftRadius","backgroundColor","borderWidth","opacity","overflow","overflowX","overflowY","resizeMode","tintColor","overlayColor"]).map((function(e){h[e]=!0}));var p=function e(o){var t=c().getColor,a={};o.onClick&&(a.cursor="pointer");var n=void 0!==o.height&&void 0!==o.width&&o.height===o.width?o.height:o.size?o.size:null;if(n&&function(e,o){o.height=o.width=e}(n,a),o.paddingHorizontal&&(a.paddingLeft=o.paddingHorizontal,a.paddingRight=o.paddingHorizontal),o.marginHorizontal&&(a.marginLeft=o.marginHorizontal,a.marginRight=o.marginHorizontal),o.paddingVertical&&(a.paddingTop=o.paddingVertical,a.paddingBottom=o.paddingVertical),o.marginVertical&&(a.marginTop=o.marginVertical,a.marginBottom=o.marginVertical),o.shadow)if("number"==typeof o.shadow||"boolean"==typeof o.shadow){var i="number"==typeof o.shadow&&void 0!==l[o.shadow]?o.shadow:2;if(l[i]){var d=r.hex.rgb(l[i].shadowColor).join(",");a.boxShadow=l[i].shadowOffset.height+"px "+l[i].shadowOffset.width+"px "+l[i].shadowRadius+"px rgba("+d+","+l[i].shadowOpacity+")"}}else{var f=r.hex.rgb(o.shadow.shadowColor).join(",");a.boxShadow=o.shadow.shadowOffset.height+"px "+o.shadow.shadowOffset.width+"px "+o.shadow.shadowRadius+"px rgba("+f+","+o.shadow.shadowOpacity+")"}return Object.keys(o).map((function(r){if(void 0!==h[r]||"on"==r)if(-1!==r.toLowerCase().indexOf("color"))a[r]=t(o[r]);else if("object"==typeof o[r])if("on"===r)for(var n in o[r])a["&:"+n]=e(o[r][n]);else a[r]=e(o[r]);else a[r]=o[r]})),a},u=a.div((function(e){return p(e)})),b=a.img((function(e){return p(e)})),g=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props.onClick;return void 0!==this.props.onPress&&(e=this.props.onPress),t.createElement(u,Object.assign({},this.props,{onClick:e}))},o}(t.PureComponent),m=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props.onClick;return void 0!==this.props.onPress&&(e=this.props.onPress),t.createElement(b,Object.assign({},this.props,{onClick:e}))},o}(t.PureComponent),w=function(e){return t.createElement(g,Object.assign({},e))},v=w,x=["src","onClick","onPress"],y=["size","src"],C=["size","src"],O=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props,o=e.src,r=e.onClick,a=e.onPress,n=i(e,x);return t.createElement(w,Object.assign({style:{backgroundSize:"contain",backgroundImage:'url("'+o+'")',backgroundPosition:"center center",backgroundRepeat:"no-repeat"},onClick:r||a},n))},o}(t.PureComponent),R=["toUpperCase","children","toFormat"],S=a.div((function(e){return e.display="inherit",e.flexDirection="column",p(e)})),k=function(e){function o(){return e.apply(this,arguments)||this}return n(o,e),o.prototype.render=function(){var e=this.props,o=e.toUpperCase,r=void 0!==o&&o,a=e.children,n=e.toFormat,d=void 0!==n&&n,f=i(e,R),s=a;return a&&"string"==typeof a&&(s=a.toString().trim()),"string"==typeof s&&r&&(s=s.toUpperCase()),"string"==typeof s&&d&&(s=s.split("\n").map((function(e,o){return t.createElement("span",{key:o.toString()},e,t.createElement("br",null))}))),t.createElement(S,Object.assign({},f),s)},o}(t.PureComponent),T=function(e){o.useEffect((function(){e()}),[])},E={xs:0,sm:340,md:560,lg:1080,xl:1300},z={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},P=o.createContext({breakpoints:E,devices:z}),j=function(){return o.useContext(P)},B=function(e,o,t){var r=window.matchMedia(o),a=function(){r.matches&&t(e)};return r.addListener(a),r.matches&&t(e),function(){r.removeListener(a)}};exports.Image=function(e){return t.createElement(m,Object.assign({},e))},exports.ImageBackground=O,exports.ResponsiveContext=P,exports.ResponsiveProvider=function(e){var o=e.breakpoints,r=e.devices;return t.createElement(P.Provider,{value:{breakpoints:void 0===o?E:o,devices:void 0===r?z:r}},e.children)},exports.RoundedImage=function(e){var o=e.size,r=e.src,a=i(e,y);return t.createElement(O,Object.assign({borderRadius:o/2,size:o,src:r},a))},exports.SafeArea=v,exports.Scroll=function(e){return t.createElement(w,Object.assign({overflow:"auto"},e))},exports.SquaredImage=function(e){var o=e.size,r=e.src,a=i(e,C);return t.createElement(O,Object.assign({},a,{size:o,src:r}))},exports.Text=k,exports.TextSpan=S,exports.ThemeContext=s,exports.ThemeProvider=function(e){var o=e.palette,r=void 0===o?d:o,a=e.colors,n=void 0===a?f:a;return t.createElement(s.Provider,{value:{getColor:function(e){if("transparent"===e)return e;try{if(-1!==e.indexOf(".")){var o=e.split(".");if(r&&void 0!==r[o[0]][o[1]])return r[o[0]][o[1]];if(void 0!==r[o[0]][parseInt(o[1])])return r[o[0]][parseInt(o[1])]}else if(n&&void 0!==n[e])return n[e]}catch(o){console.log("Color "+e+" not found")}return e},colors:n,palette:r}},e.children)},exports.View=w,exports.createQuery=B,exports.useMount=T,exports.useResponsive=function(){var e=j(),t=e.breakpoints,r=e.devices,a=o.useState("xs"),n=a[0],i=a[1],d=o.useState("landscape"),f=d[0],s=d[1],c=Object.keys(t);return T((function(){var e=c.map((function(e){return{breakpoint:e,min:t[e],max:0}})).sort((function(e,o){return e.min-o.min}));e.reduce((function(e,o){return o&&(e.max=o.min),o})),e.map((function(e){B(e.breakpoint,"only screen "+(e.min&&e.min>=0?"and (min-width:"+e.min+"px)":"")+" "+(e.max&&e.max>=0?"and (max-width:"+e.max+"px)":""),i)})),B("landscape","only screen and (orientation: landscape)",s),B("portrait","only screen and (orientation: portrait)",s)})),{breakpoints:t,devices:r,orientation:f,screen:n,on:function(e){return r[e].includes(n)}}},exports.useResponsiveContext=j,exports.useTheme=c;
 //# sourceMappingURL=app-studio.cjs.production.min.js.map

package/dist/app-studio.cjs.production.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-studio.cjs.production.min.js","sources":["../src/utils/colors.ts","../src/providers/Theme.tsx","../src/utils/shadow.ts","../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","export type Shadow = {\n shadowColor: string;\n shadowOffset: {\n width: number;\n height: number;\n };\n shadowOpacity: number;\n shadowRadius: number;\n};\n\nexport const shadows: Record<number, Shadow> = {\n 0: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.18,\n shadowRadius: 1.0,\n },\n 1: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.2,\n shadowRadius: 1.41,\n },\n 2: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.22,\n shadowRadius: 2.22,\n },\n 3: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.23,\n shadowRadius: 2.62,\n },\n 4: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n },\n 5: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.27,\n shadowRadius: 4.65,\n },\n 6: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.29,\n shadowRadius: 4.65,\n },\n 7: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.3,\n shadowRadius: 4.65,\n },\n 8: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.32,\n shadowRadius: 5.46,\n },\n 9: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 5,\n },\n shadowOpacity: 0.34,\n shadowRadius: 6.27,\n },\n};\n","import React from 'react';\nimport Color from 'color-convert';\nimport styled from 'styled-components';\nimport { useTheme } from '../providers/Theme';\nimport { shadows } from '../utils/shadow';\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 if (props.shadow) {\n if (typeof props.shadow === 'number' \|\| typeof props.shadow === 'boolean') {\n const shawdowValue: number =\n typeof props.shadow === 'number' && shadows[props.shadow] !== undefined\n ? props.shadow\n : 2;\n\n if (shadows[shawdowValue]) {\n const shadowColor = Color.hex\n .rgb(shadows[shawdowValue].shadowColor)\n .join(',');\n\n newProps[\n 'boxShadow'\n ] = `${shadows[shawdowValue].shadowOffset.height}px ${shadows[shawdowValue].shadowOffset.width}px ${shadows[shawdowValue].shadowRadius}px rgba(${shadowColor},${shadows[shawdowValue].shadowOpacity})`;\n }\n } else {\n const shadowColor = Color.hex.rgb(props.shadow.shadowColor).join(',');\n\n newProps[\n 'boxShadow'\n ] = `${props.shadow.shadowOffset.height}px ${props.shadow.shadowOffset.width}px ${props.shadow.shadowRadius}px rgba(${shadowColor},${props.shadow.shadowOpacity})`;\n }\n }\n\n Object.keys(props).map((property) => {\n if (StyleProps[property] !== undefined \|\| property == 'on') {\n if (typeof props[property] === 'number' && property !== 'fontWeight') {\n newProps[property] = props[property] + 'px';\n } else if (property.toLowerCase().indexOf('color') !== -1) {\n newProps[property] = getColor(props[property]);\n } else if (typeof props[property] === 'object') {\n if (property === 'on') {\n for (const event in props[property]) {\n newProps['&:' + event] = applyStyle(props[property][event]);\n }\n } else {\n newProps[property] = applyStyle(props[property]);\n }\n } else {\n newProps[property] = props[property];\n }\n }\n });\n\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 { ViewStyleProps } from '../types/style';\nimport { CSSProperties } from 'styled-components';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ViewProps\n extends Omit<ViewStyleProps, 'pointerEvents'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport const View = (props: ViewProps) => <ViewElement {...props} />;\n\nexport const SafeArea = View;\n\nexport const Scroll = (props: any) => <View overflow={'auto'} {...props} />;\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ImageElement } from './Element';\nimport { View } from './View';\nimport { ImageStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ImageProps\n extends Omit<ImageStyleProps, 'pointerEvents' \| 'source'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n src: string \| any;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport interface ImageBackgroundProps extends ImageProps {\n src: string;\n}\n\nexport class ImageBackground extends React.PureComponent<ImageBackgroundProps> {\n render() {\n const { src, 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 }}\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 { TextStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface TextProps\n extends Omit<TextStyleProps, 'pointerEvents' \| 'onPress'>,\n CSSProperties {\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n toUpperCase?: boolean;\n shadow?: boolean \| number \| Shadow;\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 class Text extends React.PureComponent<TextProps> {\n render() {\n const { toUpperCase = false, children, ...props } = this.props;\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 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 return <TextSpan {...props}>{content}</TextSpan>;\n }\n}\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","shadows","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","StyleProps","concat","map","property","applyStyle","props","newProps","onClick","cursor","size","undefined","newSize","setSize","paddingHorizontal","paddingLeft","paddingRight","marginHorizontal","marginLeft","marginRight","paddingVertical","paddingTop","paddingBottom","marginVertical","marginTop","marginBottom","shadow","shawdowValue","Color","hex","rgb","join","Object","keys","toLowerCase","indexOf","event","StyledView","styled","div","StyledImage","img","ViewElement","render","this","onPress","React","PureComponent","ImageElement","View","SafeArea","ImageBackground","src","style","backgroundSize","backgroundImage","backgroundPosition","backgroundRepeat","TextSpan","display","flexDirection","Text","toUpperCase","children","content","toString","trim","split","item","key","useMount","callback","useEffect","defaultBreakpointsConfig","xs","sm","md","lg","xl","defaultDeviceConfig","mobile","tablet","desktop","ResponsiveContext","breakpoints","devices","useResponsiveContext","createQuery","keyScreen","query","set","mql","window","matchMedia","onChange","matches","addListener","removeListener","Provider","value","borderRadius","overflow","parseInt","e","console","log","useState","screen","setScreen","orientation","setOrientation","breakpointValue","breakpoint","min","max","sort","a","b","reduce","sizeScreen","on","device","includes"],"mappings":"igBAkBO,IAAMA,EAAwB,CACnCC,WAAY,IACN,gCACC,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,6BAGPC,WAAY,IACN,0BACC,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,uBAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,QAAS,IACH,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,UAAW,IACL,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,QAAS,IACH,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,MAAO,IACD,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,MAAO,IACD,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,IAAK,IACC,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,YCrTHC,EAA6B,CACjCC,MAAO,UACPC,MAAO,WAGIC,EAAeC,gBAIzB,CAEDC,SAAU,SAACC,UACFA,GAETC,OAAQP,EACR1B,QAASkC,IAGEC,EAAW,kBAAMC,aAAWP,ICjB5BQ,EAAkC,GAC1C,CACDC,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,KAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,GACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,GACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,OC2LLC,EAAkB,GAlPC,CAC9B,eACA,aACA,YACA,cACA,oBACA,iBACA,kBACA,mBACA,mBACA,iBACA,cACA,SACA,YACA,UACA,MACA,OACA,YACA,gBACA,WACA,aACA,WACA,SACA,iBACA,OACA,SACA,eACA,YACA,mBACA,aACA,cACA,cACA,YACA,iBACA,YACA,WACA,YACA,WACA,WACA,YACA,YACA,UACA,gBACA,aACA,oBACA,cACA,eACA,eACA,aACA,kBACA,WACA,QACA,QACA,MACA,QACA,UAoJsDC,OAjJxB,CAC9B,cACA,eACA,gBACA,gBArGiC,CACjC,YACA,kBACA,WACA,SACA,SACA,aACA,aASA,SACA,oBA4G4B,CAC5B,mBACA,qBACA,oBACA,wBACA,yBACA,0BACA,0BACA,oBACA,cACA,iBACA,kBACA,kBACA,eACA,kBACA,mBACA,mBACA,cACA,iBACA,qBACA,sBACA,uBACA,uBACA,iBACA,cACA,SACA,UACA,YACA,QAGkC,CAClC,yBACA,uBACA,mCACA,UACA,cACA,0BACA,gBACA,qBACA,eACA,iCACA,gBACA,mBACA,yBACA,0BACA,gCACA,eACA,mBACA,aACA,iBACA,sBACA,sBACA,4BACA,iCACA,mBACA,mBACA,sBACA,sBACA,wBACA,sBACA,WACA,oBACA,kBACA,gBACA,iBACA,gBACA,sBACA,sBACA,iBACA,wBACA,sBACA,gBACA,sBACA,wBACA,gBACA,0BACA,eACA,oCACA,iCACA,+BACA,kBACA,YACA,iBACA,gBACA,cACA,sBACA,aA7G4B,CAC5B,mBACA,QACA,WACA,YACA,aACA,aACA,YACA,qBACA,kBACA,aACA,mBACA,qBACA,oBACA,cACA,gBACA,sBACA,sBACA,gBACA,oBAtG6B,CAC7B,uBACA,qBACA,yBACA,0BACA,cACA,eACA,sBACA,kBACA,cACA,UACA,WACA,YACA,YACA,aACA,YACA,iBAsPYC,KAAI,SAACC,GACjBH,EAAWG,IAAY,KAGzB,IAIaC,EAAa,SAAbA,EAAcC,OACjB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"}
1	+ {"version":3,"file":"app-studio.cjs.production.min.js","sources":["../src/utils/colors.ts","../src/providers/Theme.tsx","../src/utils/shadow.ts","../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","export type Shadow = {\n shadowColor: string;\n shadowOffset: {\n width: number;\n height: number;\n };\n shadowOpacity: number;\n shadowRadius: number;\n};\n\nexport const shadows: Record<number, Shadow> = {\n 0: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.18,\n shadowRadius: 1.0,\n },\n 1: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.2,\n shadowRadius: 1.41,\n },\n 2: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.22,\n shadowRadius: 2.22,\n },\n 3: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.23,\n shadowRadius: 2.62,\n },\n 4: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n },\n 5: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.27,\n shadowRadius: 4.65,\n },\n 6: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.29,\n shadowRadius: 4.65,\n },\n 7: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.3,\n shadowRadius: 4.65,\n },\n 8: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.32,\n shadowRadius: 5.46,\n },\n 9: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 5,\n },\n shadowOpacity: 0.34,\n shadowRadius: 6.27,\n },\n};\n","import React from 'react';\nimport Color from 'color-convert';\nimport styled from 'styled-components';\nimport { useTheme } from '../providers/Theme';\nimport { shadows } from '../utils/shadow';\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\nconst 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 if (props.shadow) {\n if (typeof props.shadow === 'number' \|\| typeof props.shadow === 'boolean') {\n const shawdowValue: number =\n typeof props.shadow === 'number' && shadows[props.shadow] !== undefined\n ? props.shadow\n : 2;\n\n if (shadows[shawdowValue]) {\n const shadowColor = Color.hex\n .rgb(shadows[shawdowValue].shadowColor)\n .join(',');\n\n newProps[\n 'boxShadow'\n ] = `${shadows[shawdowValue].shadowOffset.height}px ${shadows[shawdowValue].shadowOffset.width}px ${shadows[shawdowValue].shadowRadius}px rgba(${shadowColor},${shadows[shawdowValue].shadowOpacity})`;\n }\n } else {\n const shadowColor = Color.hex.rgb(props.shadow.shadowColor).join(',');\n\n newProps[\n 'boxShadow'\n ] = `${props.shadow.shadowOffset.height}px ${props.shadow.shadowOffset.width}px ${props.shadow.shadowRadius}px rgba(${shadowColor},${props.shadow.shadowOpacity})`;\n }\n }\n\n Object.keys(props).map((property) => {\n if (StyleProps[property] !== undefined \|\| property == 'on') {\n if (property.toLowerCase().indexOf('color') !== -1) {\n newProps[property] = getColor(props[property]);\n } else if (typeof props[property] === 'object') {\n if (property === 'on') {\n for (const event in props[property]) {\n newProps['&:' + event] = applyStyle(props[property][event]);\n }\n } else {\n newProps[property] = applyStyle(props[property]);\n }\n } else {\n newProps[property] = props[property];\n }\n }\n });\n\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 { ViewStyleProps } from '../types/style';\nimport { CSSProperties } from 'styled-components';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ViewProps\n extends Omit<ViewStyleProps, 'pointerEvents'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport const View = (props: ViewProps) => <ViewElement {...props} />;\n\nexport const SafeArea = View;\n\nexport const Scroll = (props: any) => <View overflow={'auto'} {...props} />;\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ImageElement } from './Element';\nimport { View } from './View';\nimport { ImageStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ImageProps\n extends Omit<ImageStyleProps, 'pointerEvents' \| 'source'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n src: string \| any;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport interface ImageBackgroundProps extends ImageProps {\n src: string;\n}\n\nexport class ImageBackground extends React.PureComponent<ImageBackgroundProps> {\n render() {\n const { src, 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 }}\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 { TextStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface TextProps\n extends Omit<TextStyleProps, 'pointerEvents' \| 'onPress'>,\n CSSProperties {\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n toUpperCase?: boolean;\n toFormat?: boolean;\n shadow?: boolean \| number \| Shadow;\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 class Text extends React.PureComponent<TextProps> {\n render() {\n const {\n toUpperCase = false,\n children,\n toFormat = false,\n ...props\n } = this.props;\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 if (typeof content === 'string' && toFormat) {\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 return <TextSpan {...props}>{content}</TextSpan>;\n }\n}\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","shadows","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","StyleProps","concat","map","property","applyStyle","props","newProps","onClick","cursor","size","undefined","newSize","setSize","paddingHorizontal","paddingLeft","paddingRight","marginHorizontal","marginLeft","marginRight","paddingVertical","paddingTop","paddingBottom","marginVertical","marginTop","marginBottom","shadow","shawdowValue","Color","hex","rgb","join","Object","keys","toLowerCase","indexOf","event","StyledView","styled","div","StyledImage","img","ViewElement","render","this","onPress","React","PureComponent","ImageElement","View","SafeArea","ImageBackground","src","style","backgroundSize","backgroundImage","backgroundPosition","backgroundRepeat","TextSpan","display","flexDirection","Text","toUpperCase","children","toFormat","content","toString","trim","split","item","key","useMount","callback","useEffect","defaultBreakpointsConfig","xs","sm","md","lg","xl","defaultDeviceConfig","mobile","tablet","desktop","ResponsiveContext","breakpoints","devices","useResponsiveContext","createQuery","keyScreen","query","set","mql","window","matchMedia","onChange","matches","addListener","removeListener","Provider","value","borderRadius","overflow","parseInt","e","console","log","useState","screen","setScreen","orientation","setOrientation","breakpointValue","breakpoint","min","max","sort","a","b","reduce","sizeScreen","on","device","includes"],"mappings":"igBAkBO,IAAMA,EAAwB,CACnCC,WAAY,IACN,gCACC,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,6BAGPC,WAAY,IACN,0BACC,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,uBAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,QAAS,IACH,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,UAAW,IACL,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,QAAS,IACH,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,MAAO,IACD,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,MAAO,IACD,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,OAAQ,IACF,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,IAAK,IACC,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,KAAM,IACA,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,WAEPC,SAAU,IACJ,cACC,cACA,cACA,cACA,cACA,cACA,cACA,cACA,cACA,YCrTHC,EAA6B,CACjCC,MAAO,UACPC,MAAO,WAGIC,EAAeC,gBAIzB,CAEDC,SAAU,SAACC,UACFA,GAETC,OAAQP,EACR1B,QAASkC,IAGEC,EAAW,kBAAMC,aAAWP,ICjB5BQ,EAAkC,GAC1C,CACDC,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,KAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,GACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,GACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,QAEb,CACDL,YAAa,OACbC,aAAc,CACZC,MAAO,EACPC,OAAQ,GAEVC,cAAe,IACfC,aAAc,OC2LZC,EAAkB,GAlPQ,CAC9B,eACA,aACA,YACA,cACA,oBACA,iBACA,kBACA,mBACA,mBACA,iBACA,cACA,SACA,YACA,UACA,MACA,OACA,YACA,gBACA,WACA,aACA,WACA,SACA,iBACA,OACA,SACA,eACA,YACA,mBACA,aACA,cACA,cACA,YACA,iBACA,YACA,WACA,YACA,WACA,WACA,YACA,YACA,UACA,gBACA,aACA,oBACA,cACA,eACA,eACA,aACA,kBACA,WACA,QACA,QACA,MACA,QACA,UAoJsDC,OAjJxB,CAC9B,cACA,eACA,gBACA,gBArGiC,CACjC,YACA,kBACA,WACA,SACA,SACA,aACA,aASA,SACA,oBA4G4B,CAC5B,mBACA,qBACA,oBACA,wBACA,yBACA,0BACA,0BACA,oBACA,cACA,iBACA,kBACA,kBACA,eACA,kBACA,mBACA,mBACA,cACA,iBACA,qBACA,sBACA,uBACA,uBACA,iBACA,cACA,SACA,UACA,YACA,QAGkC,CAClC,yBACA,uBACA,mCACA,UACA,cACA,0BACA,gBACA,qBACA,eACA,iCACA,gBACA,mBACA,yBACA,0BACA,gCACA,eACA,mBACA,aACA,iBACA,sBACA,sBACA,4BACA,iCACA,mBACA,mBACA,sBACA,sBACA,wBACA,sBACA,WACA,oBACA,kBACA,gBACA,iBACA,gBACA,sBACA,sBACA,iBACA,wBACA,sBACA,gBACA,sBACA,wBACA,gBACA,0BACA,eACA,oCACA,iCACA,+BACA,kBACA,YACA,iBACA,gBACA,cACA,sBACA,aA7G4B,CAC5B,mBACA,QACA,WACA,YACA,aACA,aACA,YACA,qBACA,kBACA,aACA,mBACA,qBACA,oBACA,cACA,gBACA,sBACA,sBACA,gBACA,oBAtG6B,CAC7B,uBACA,qBACA,yBACA,0BACA,cACA,eACA,sBACA,kBACA,cACA,UACA,WACA,YACA,YACA,aACA,YACA,iBAsPYC,KAAI,SAACC,GACjBH,EAAWG,IAAY,KAGzB,IAIaC,EAAa,SAAbA,EAAcC,OACjB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"}

package/dist/app-studio.esm.js CHANGED Viewed

@@ -561,9 +561,7 @@ var applyStyle = function applyStyle(props) {
   Object.keys(props).map(function (property) {
     if (StyleProps[property] !== undefined || property == 'on') {
-      if (typeof props[property] === 'number' && property !== 'fontWeight') {
-        newProps[property] = props[property] + 'px';
-      } else if (property.toLowerCase().indexOf('color') !== -1) {
+      if (property.toLowerCase().indexOf('color') !== -1) {
         newProps[property] = getColor(props[property]);
       } else if (typeof props[property] === 'object') {
         if (property === 'on') {
@@ -744,7 +742,7 @@ var SquaredImage = function SquaredImage(_ref2) {
   }));
 };
-var _excluded$1 = ["toUpperCase", "children"];
+var _excluded$1 = ["toUpperCase", "children", "toFormat"];
 var TextSpan = /*#__PURE__*/styled.div(function (props) {
   props.display = 'inherit';
   props.flexDirection = 'column';
@@ -764,6 +762,8 @@ var Text = /*#__PURE__*/function (_React$PureComponent) {
         _this$props$toUpperCa = _this$props.toUpperCase,
         toUpperCase = _this$props$toUpperCa === void 0 ? false : _this$props$toUpperCa,
         children = _this$props.children,
+        _this$props$toFormat = _this$props.toFormat,
+        toFormat = _this$props$toFormat === void 0 ? false : _this$props$toFormat,
         props = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
     var content = children;
@@ -776,7 +776,7 @@ var Text = /*#__PURE__*/function (_React$PureComponent) {
       content = content.toUpperCase();
     }
-    if (typeof content === 'string') {
+    if (typeof content === 'string' && toFormat) {
       content = content.split('\n').map(function (item, key) {
         return React.createElement("span", {
           key: key.toString()

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

	@@ -1 +1 @@
1	- {"version":3,"file":"app-studio.esm.js","sources":["../src/utils/colors.ts","../src/providers/Theme.tsx","../src/utils/shadow.ts","../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","export type Shadow = {\n shadowColor: string;\n shadowOffset: {\n width: number;\n height: number;\n };\n shadowOpacity: number;\n shadowRadius: number;\n};\n\nexport const shadows: Record<number, Shadow> = {\n 0: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.18,\n shadowRadius: 1.0,\n },\n 1: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.2,\n shadowRadius: 1.41,\n },\n 2: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.22,\n shadowRadius: 2.22,\n },\n 3: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.23,\n shadowRadius: 2.62,\n },\n 4: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n },\n 5: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.27,\n shadowRadius: 4.65,\n },\n 6: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.29,\n shadowRadius: 4.65,\n },\n 7: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.3,\n shadowRadius: 4.65,\n },\n 8: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.32,\n shadowRadius: 5.46,\n },\n 9: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 5,\n },\n shadowOpacity: 0.34,\n shadowRadius: 6.27,\n },\n};\n","import React from 'react';\nimport Color from 'color-convert';\nimport styled from 'styled-components';\nimport { useTheme } from '../providers/Theme';\nimport { shadows } from '../utils/shadow';\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 if (props.shadow) {\n if (typeof props.shadow === 'number' \|\| typeof props.shadow === 'boolean') {\n const shawdowValue: number =\n typeof props.shadow === 'number' && shadows[props.shadow] !== undefined\n ? props.shadow\n : 2;\n\n if (shadows[shawdowValue]) {\n const shadowColor = Color.hex\n .rgb(shadows[shawdowValue].shadowColor)\n .join(',');\n\n newProps[\n 'boxShadow'\n ] = `${shadows[shawdowValue].shadowOffset.height}px ${shadows[shawdowValue].shadowOffset.width}px ${shadows[shawdowValue].shadowRadius}px rgba(${shadowColor},${shadows[shawdowValue].shadowOpacity})`;\n }\n } else {\n const shadowColor = Color.hex.rgb(props.shadow.shadowColor).join(',');\n\n newProps[\n 'boxShadow'\n ] = `${props.shadow.shadowOffset.height}px ${props.shadow.shadowOffset.width}px ${props.shadow.shadowRadius}px rgba(${shadowColor},${props.shadow.shadowOpacity})`;\n }\n }\n\n Object.keys(props).map((property) => {\n if (StyleProps[property] !== undefined \|\| property == 'on') {\n if (typeof props[property] === 'number' && property !== 'fontWeight') {\n newProps[property] = props[property] + 'px';\n } else if (property.toLowerCase().indexOf('color') !== -1) {\n newProps[property] = getColor(props[property]);\n } else if (typeof props[property] === 'object') {\n if (property === 'on') {\n for (const event in props[property]) {\n newProps['&:' + event] = applyStyle(props[property][event]);\n }\n } else {\n newProps[property] = applyStyle(props[property]);\n }\n } else {\n newProps[property] = props[property];\n }\n }\n });\n\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 { ViewStyleProps } from '../types/style';\nimport { CSSProperties } from 'styled-components';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ViewProps\n extends Omit<ViewStyleProps, 'pointerEvents'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport const View = (props: ViewProps) => <ViewElement {...props} />;\n\nexport const SafeArea = View;\n\nexport const Scroll = (props: any) => <View overflow={'auto'} {...props} />;\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ImageElement } from './Element';\nimport { View } from './View';\nimport { ImageStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ImageProps\n extends Omit<ImageStyleProps, 'pointerEvents' \| 'source'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n src: string \| any;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport interface ImageBackgroundProps extends ImageProps {\n src: string;\n}\n\nexport class ImageBackground extends React.PureComponent<ImageBackgroundProps> {\n render() {\n const { src, 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 }}\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 { TextStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface TextProps\n extends Omit<TextStyleProps, 'pointerEvents' \| 'onPress'>,\n CSSProperties {\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n toUpperCase?: boolean;\n shadow?: boolean \| number \| Shadow;\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 class Text extends React.PureComponent<TextProps> {\n render() {\n const { toUpperCase = false, children, ...props } = this.props;\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 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 return <TextSpan {...props}>{content}</TextSpan>;\n }\n}\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","shadows","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","TransformStyleProps","ImageStyleProps","LayoutStyleProps","ShadowStyleProps","TextStyleProps","ViewStyleProps","ScrollViewStyleProps","allStyleProps","concat","StyleProps","map","property","setSize","newSize","newProps","applyStyle","props","onClick","cursor","size","paddingHorizontal","paddingLeft","paddingRight","marginHorizontal","marginLeft","marginRight","paddingVertical","paddingTop","paddingBottom","marginVertical","marginTop","marginBottom","shadow","shawdowValue","Color","hex","rgb","join","Object","toLowerCase","event","StyledView","styled","div","StyledImage","img","ViewElement","render","onPress","PureComponent","ImageElement","View","SafeArea","Scroll","overflow","ImageBackground","src","style","backgroundSize","backgroundImage","backgroundPosition","backgroundRepeat","Image","RoundedImage","borderRadius","SquaredImage","TextSpan","display","flexDirection","Text","toUpperCase","content","toString","trim","item","key","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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"}
1	+ {"version":3,"file":"app-studio.esm.js","sources":["../src/utils/colors.ts","../src/providers/Theme.tsx","../src/utils/shadow.ts","../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","export type Shadow = {\n shadowColor: string;\n shadowOffset: {\n width: number;\n height: number;\n };\n shadowOpacity: number;\n shadowRadius: number;\n};\n\nexport const shadows: Record<number, Shadow> = {\n 0: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.18,\n shadowRadius: 1.0,\n },\n 1: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.2,\n shadowRadius: 1.41,\n },\n 2: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 1,\n },\n shadowOpacity: 0.22,\n shadowRadius: 2.22,\n },\n 3: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.23,\n shadowRadius: 2.62,\n },\n 4: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n },\n 5: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.27,\n shadowRadius: 4.65,\n },\n 6: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 3,\n },\n shadowOpacity: 0.29,\n shadowRadius: 4.65,\n },\n 7: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.3,\n shadowRadius: 4.65,\n },\n 8: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.32,\n shadowRadius: 5.46,\n },\n 9: {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 5,\n },\n shadowOpacity: 0.34,\n shadowRadius: 6.27,\n },\n};\n","import React from 'react';\nimport Color from 'color-convert';\nimport styled from 'styled-components';\nimport { useTheme } from '../providers/Theme';\nimport { shadows } from '../utils/shadow';\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\nconst 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 if (props.shadow) {\n if (typeof props.shadow === 'number' \|\| typeof props.shadow === 'boolean') {\n const shawdowValue: number =\n typeof props.shadow === 'number' && shadows[props.shadow] !== undefined\n ? props.shadow\n : 2;\n\n if (shadows[shawdowValue]) {\n const shadowColor = Color.hex\n .rgb(shadows[shawdowValue].shadowColor)\n .join(',');\n\n newProps[\n 'boxShadow'\n ] = `${shadows[shawdowValue].shadowOffset.height}px ${shadows[shawdowValue].shadowOffset.width}px ${shadows[shawdowValue].shadowRadius}px rgba(${shadowColor},${shadows[shawdowValue].shadowOpacity})`;\n }\n } else {\n const shadowColor = Color.hex.rgb(props.shadow.shadowColor).join(',');\n\n newProps[\n 'boxShadow'\n ] = `${props.shadow.shadowOffset.height}px ${props.shadow.shadowOffset.width}px ${props.shadow.shadowRadius}px rgba(${shadowColor},${props.shadow.shadowOpacity})`;\n }\n }\n\n Object.keys(props).map((property) => {\n if (StyleProps[property] !== undefined \|\| property == 'on') {\n if (property.toLowerCase().indexOf('color') !== -1) {\n newProps[property] = getColor(props[property]);\n } else if (typeof props[property] === 'object') {\n if (property === 'on') {\n for (const event in props[property]) {\n newProps['&:' + event] = applyStyle(props[property][event]);\n }\n } else {\n newProps[property] = applyStyle(props[property]);\n }\n } else {\n newProps[property] = props[property];\n }\n }\n });\n\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 { ViewStyleProps } from '../types/style';\nimport { CSSProperties } from 'styled-components';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ViewProps\n extends Omit<ViewStyleProps, 'pointerEvents'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport const View = (props: ViewProps) => <ViewElement {...props} />;\n\nexport const SafeArea = View;\n\nexport const Scroll = (props: any) => <View overflow={'auto'} {...props} />;\n","import React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ImageElement } from './Element';\nimport { View } from './View';\nimport { ImageStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface ImageProps\n extends Omit<ImageStyleProps, 'pointerEvents' \| 'source'>,\n CSSProperties {\n size?: number;\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n src: string \| any;\n shadow?: boolean \| number \| Shadow;\n}\n\nexport interface ImageBackgroundProps extends ImageProps {\n src: string;\n}\n\nexport class ImageBackground extends React.PureComponent<ImageBackgroundProps> {\n render() {\n const { src, 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 }}\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 { TextStyleProps } from '../types/style';\nimport { Shadow } from '../utils/shadow';\n\nexport interface TextProps\n extends Omit<TextStyleProps, 'pointerEvents' \| 'onPress'>,\n CSSProperties {\n on?: Record<string, CSSProperties>;\n onPress?: (...args: any) => void;\n paddingHorizontal?: number \| string;\n marginHorizontal?: number \| string;\n paddingVertical?: number \| string;\n marginVertical?: number \| string;\n toUpperCase?: boolean;\n toFormat?: boolean;\n shadow?: boolean \| number \| Shadow;\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 class Text extends React.PureComponent<TextProps> {\n render() {\n const {\n toUpperCase = false,\n children,\n toFormat = false,\n ...props\n } = this.props;\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 if (typeof content === 'string' && toFormat) {\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 return <TextSpan {...props}>{content}</TextSpan>;\n }\n}\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","shadows","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","TransformStyleProps","ImageStyleProps","LayoutStyleProps","ShadowStyleProps","TextStyleProps","ViewStyleProps","ScrollViewStyleProps","allStyleProps","concat","StyleProps","map","property","setSize","newSize","newProps","applyStyle","props","onClick","cursor","size","paddingHorizontal","paddingLeft","paddingRight","marginHorizontal","marginLeft","marginRight","paddingVertical","paddingTop","paddingBottom","marginVertical","marginTop","marginBottom","shadow","shawdowValue","Color","hex","rgb","join","Object","toLowerCase","event","StyledView","styled","div","StyledImage","img","ViewElement","render","onPress","PureComponent","ImageElement","View","SafeArea","Scroll","overflow","ImageBackground","src","style","backgroundSize","backgroundImage","backgroundPosition","backgroundRepeat","Image","RoundedImage","borderRadius","SquaredImage","TextSpan","display","flexDirection","Text","toUpperCase","toFormat","content","toString","trim","item","key","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 CHANGED Viewed

@@ -17,7 +17,6 @@ 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>;

package/dist/components/Text.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export interface TextProps extends Omit<TextStyleProps, 'pointerEvents' | 'onPre
     paddingVertical?: number | string;
     marginVertical?: number | string;
     toUpperCase?: boolean;
+    toFormat?: boolean;
     shadow?: boolean | number | Shadow;
 }
 export declare const TextSpan: React.FC<CSSProperties>;

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.4",
+  "version": "0.0.5",
   "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",

package/src/components/Element.tsx CHANGED Viewed

@@ -284,7 +284,7 @@ HeightStyleProperty.concat(WidthStyleProperty).map((property) => {
   SizeProps[property] = true;
 });
-export const StyleProps: any = {};
+const StyleProps: any = {};
 allStyleProps.map((property) => {
   StyleProps[property] = true;
 });
@@ -362,9 +362,7 @@ export const applyStyle = (props: any) => {
   Object.keys(props).map((property) => {
     if (StyleProps[property] !== undefined || property == 'on') {
-      if (typeof props[property] === 'number' && property !== 'fontWeight') {
-        newProps[property] = props[property] + 'px';
-      } else if (property.toLowerCase().indexOf('color') !== -1) {
+      if (property.toLowerCase().indexOf('color') !== -1) {
         newProps[property] = getColor(props[property]);
       } else if (typeof props[property] === 'object') {
         if (property === 'on') {

package/src/components/Text.tsx CHANGED Viewed

@@ -15,6 +15,7 @@ export interface TextProps
   paddingVertical?: number | string;
   marginVertical?: number | string;
   toUpperCase?: boolean;
+  toFormat?: boolean;
   shadow?: boolean | number | Shadow;
 }
@@ -28,7 +29,12 @@ export const TextSpan: React.FC<CSSProperties> = styled.div(
 export class Text extends React.PureComponent<TextProps> {
   render() {
-    const { toUpperCase = false, children, ...props } = this.props;
+    const {
+      toUpperCase = false,
+      children,
+      toFormat = false,
+      ...props
+    } = this.props;
     let content: any = children;
     if (children && typeof children === 'string') {
@@ -39,7 +45,7 @@ export class Text extends React.PureComponent<TextProps> {
       content = content.toUpperCase();
     }
-    if (typeof content === 'string') {
+    if (typeof content === 'string' && toFormat) {
       content = content.split('\n').map((item, key) => {
         return (
           <span key={key.toString()}>