@jamadd/react-native-template-ui 0.1.1

package/lib/commonjs/components/switch/ThemedSwitch.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _switch = require("../../hooks/switch.js");
+var _func = require("../../utils/style/func.js");
+var _const = require("../../utils/theme/const.js");
+var _AnimatedThemedPressable = _interopRequireDefault(require("../btn/AnimatedThemedPressable.js"));
+var _AnimatedThemedView = _interopRequireDefault(require("../view/AnimatedThemedView.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedSwitch = t0 => {
+  const $ = (0, _compilerRuntime.c)(23);
+  let customColors;
+  let customDisableAnimation;
+  let customEnableAnimation;
+  let enabled;
+  let onPress;
+  let onPressDelayConfig;
+  let props;
+  let style;
+  let t1;
+  let thumbProps;
+  if ($[0] !== t0) {
+    ({
+      onPress,
+      enabled,
+      size: t1,
+      onPressDelayConfig,
+      customEnableAnimation,
+      customDisableAnimation,
+      customColors,
+      thumbProps,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = customColors;
+    $[2] = customDisableAnimation;
+    $[3] = customEnableAnimation;
+    $[4] = enabled;
+    $[5] = onPress;
+    $[6] = onPressDelayConfig;
+    $[7] = props;
+    $[8] = style;
+    $[9] = t1;
+    $[10] = thumbProps;
+  } else {
+    customColors = $[1];
+    customDisableAnimation = $[2];
+    customEnableAnimation = $[3];
+    enabled = $[4];
+    onPress = $[5];
+    onPressDelayConfig = $[6];
+    props = $[7];
+    style = $[8];
+    t1 = $[9];
+    thumbProps = $[10];
+  }
+  const size = t1 === undefined ? _const.SwitchSize.M : t1;
+  const {
+    toggleSwitch,
+    trackAnimatedStyle,
+    thumbAnimatedStyle
+  } = (0, _switch.useThemedSwitch)(onPress, enabled, size, onPressDelayConfig, customEnableAnimation, customDisableAnimation, customColors);
+  let t2;
+  if ($[11] !== style || $[12] !== trackAnimatedStyle) {
+    t2 = (0, _func.flattenStyle)((0, _func.composeStyles)(style, trackAnimatedStyle));
+    $[11] = style;
+    $[12] = trackAnimatedStyle;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  const switchStyle = t2;
+  let t3;
+  if ($[14] !== size || $[15] !== thumbAnimatedStyle || $[16] !== thumbProps) {
+    t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedThemedView.default, {
+      width: size,
+      aspectRatio: 1,
+      style: thumbAnimatedStyle,
+      ...thumbProps
+    });
+    $[14] = size;
+    $[15] = thumbAnimatedStyle;
+    $[16] = thumbProps;
+    $[17] = t3;
+  } else {
+    t3 = $[17];
+  }
+  let t4;
+  if ($[18] !== props || $[19] !== switchStyle || $[20] !== t3 || $[21] !== toggleSwitch) {
+    t4 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedThemedPressable.default, {
+      onPress: toggleSwitch,
+      style: switchStyle,
+      role: "switch",
+      ...props,
+      children: t3
+    });
+    $[18] = props;
+    $[19] = switchStyle;
+    $[20] = t3;
+    $[21] = toggleSwitch;
+    $[22] = t4;
+  } else {
+    t4 = $[22];
+  }
+  return t4;
+};
+var _default = exports.default = ThemedSwitch;
+//# sourceMappingURL=ThemedSwitch.js.map

package/lib/commonjs/components/switch/ThemedSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_switch","require","_func","_const","_AnimatedThemedPressable","_interopRequireDefault","_AnimatedThemedView","_jsxRuntime","e","__esModule","default","ThemedSwitch","t0","$","_compilerRuntime","c","customColors","customDisableAnimation","customEnableAnimation","enabled","onPress","onPressDelayConfig","props","style","t1","thumbProps","size","undefined","SwitchSize","M","toggleSwitch","trackAnimatedStyle","thumbAnimatedStyle","useThemedSwitch","t2","flattenStyle","composeStyles","switchStyle","t3","jsx","aspectRatio","t4","role","children","_default","exports"],"sourceRoot":"../../../../src","sources":["components/switch/ThemedSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/text/Text.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _restyle = require("@shopify/restyle");
+/** @internal */
+
+const Text = (0, _restyle.createText)();
+var _default = exports.default = Text;
+//# sourceMappingURL=Text.js.map

package/lib/commonjs/components/text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_restyle","require","Text","createText","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/text/Text.tsx"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AADA;;AAIA,MAAMC,IAAI,GAAG,IAAAC,mBAAU,EAAQ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAElBJ,IAAI","ignoreList":[]}

package/lib/commonjs/components/text/ThemedIconText.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _ThemedIcon = _interopRequireDefault(require("../icon/ThemedIcon.js"));
+var _ThemedView = _interopRequireDefault(require("../view/ThemedView.js"));
+var _ThemedText = _interopRequireDefault(require("./ThemedText.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedIconText = t0 => {
+  const $ = (0, _compilerRuntime.c)(34);
+  let iconColor;
+  let iconName;
+  let iconProps;
+  let iconSize;
+  let iconStyle;
+  let props;
+  let t1;
+  let text;
+  let textColor;
+  let textFontSize;
+  let textFontWeight;
+  let textProps;
+  let textStyle;
+  let textVariant;
+  if ($[0] !== t0) {
+    ({
+      flip: t1,
+      iconName,
+      iconSize,
+      iconColor,
+      iconStyle,
+      iconProps,
+      text,
+      textVariant,
+      textFontSize,
+      textFontWeight,
+      textColor,
+      textStyle,
+      textProps,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = iconColor;
+    $[2] = iconName;
+    $[3] = iconProps;
+    $[4] = iconSize;
+    $[5] = iconStyle;
+    $[6] = props;
+    $[7] = t1;
+    $[8] = text;
+    $[9] = textColor;
+    $[10] = textFontSize;
+    $[11] = textFontWeight;
+    $[12] = textProps;
+    $[13] = textStyle;
+    $[14] = textVariant;
+  } else {
+    iconColor = $[1];
+    iconName = $[2];
+    iconProps = $[3];
+    iconSize = $[4];
+    iconStyle = $[5];
+    props = $[6];
+    t1 = $[7];
+    text = $[8];
+    textColor = $[9];
+    textFontSize = $[10];
+    textFontWeight = $[11];
+    textProps = $[12];
+    textStyle = $[13];
+    textVariant = $[14];
+  }
+  const flip = t1 === undefined ? false : t1;
+  let t2;
+  if ($[15] !== text || $[16] !== textColor || $[17] !== textFontSize || $[18] !== textFontWeight || $[19] !== textProps || $[20] !== textStyle || $[21] !== textVariant) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedText.default, {
+      numberOfLines: 1,
+      variant: textVariant,
+      fontSize: textFontSize,
+      fontWeight: textFontWeight,
+      color: textColor,
+      style: textStyle,
+      ...textProps,
+      children: text
+    });
+    $[15] = text;
+    $[16] = textColor;
+    $[17] = textFontSize;
+    $[18] = textFontWeight;
+    $[19] = textProps;
+    $[20] = textStyle;
+    $[21] = textVariant;
+    $[22] = t2;
+  } else {
+    t2 = $[22];
+  }
+  const themedText = t2;
+  const t3 = flip && themedText;
+  let t4;
+  if ($[23] !== iconColor || $[24] !== iconName || $[25] !== iconProps || $[26] !== iconSize || $[27] !== iconStyle) {
+    t4 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedIcon.default, {
+      name: iconName,
+      size: iconSize,
+      color: iconColor,
+      style: iconStyle,
+      ...iconProps
+    });
+    $[23] = iconColor;
+    $[24] = iconName;
+    $[25] = iconProps;
+    $[26] = iconSize;
+    $[27] = iconStyle;
+    $[28] = t4;
+  } else {
+    t4 = $[28];
+  }
+  const t5 = !flip && themedText;
+  let t6;
+  if ($[29] !== props || $[30] !== t3 || $[31] !== t4 || $[32] !== t5) {
+    t6 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ThemedView.default, {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: "xxs",
+      backgroundColor: "transparent",
+      ...props,
+      children: [t3, t4, t5]
+    });
+    $[29] = props;
+    $[30] = t3;
+    $[31] = t4;
+    $[32] = t5;
+    $[33] = t6;
+  } else {
+    t6 = $[33];
+  }
+  return t6;
+};
+var _default = exports.default = ThemedIconText;
+//# sourceMappingURL=ThemedIconText.js.map

package/lib/commonjs/components/text/ThemedIconText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ThemedIcon","_interopRequireDefault","require","_ThemedView","_ThemedText","_jsxRuntime","e","__esModule","default","ThemedIconText","t0","$","_compilerRuntime","c","iconColor","iconName","iconProps","iconSize","iconStyle","props","t1","text","textColor","textFontSize","textFontWeight","textProps","textStyle","textVariant","flip","undefined","t2","jsx","numberOfLines","children","themedText","t3","t4","t5","t6","jsxs","flexDirection","alignItems","gap","backgroundColor","_default","exports"],"sourceRoot":"../../../../src","sources":["components/text/ThemedIconText.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/text/ThemedText.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _Text = _interopRequireDefault(require("./Text.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedText = props => {
+  const $ = (0, _compilerRuntime.c)(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+var _default = exports.default = ThemedText;
+//# sourceMappingURL=ThemedText.js.map

package/lib/commonjs/components/text/ThemedText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Text","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","ThemedText","props","$","_compilerRuntime","c","t0","jsx","_default","exports"],"sourceRoot":"../../../../src","sources":["components/text/ThemedText.tsx"],"mappings":";;;;;;;AAEA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1B,MAAMG,UAA+B,GAAGC,KAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAD,KAAA;IAAWI,EAAA,oBAAAT,WAAA,CAAAU,GAAA,EAACb,KAAA,CAAAM,OAAI;MAAA,GAAKE;IAAK,CAAG,CAAC;IAAAC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OAAnBG,EAAmB;AAAA;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAExDC,UAAU","ignoreList":[]}

package/lib/commonjs/components/view/AnimatedBox.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _Box = _interopRequireDefault(require("./Box.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** @internal */
+
+const AnimatedBox = _reactNativeReanimated.default.createAnimatedComponent(_Box.default);
+var _default = exports.default = AnimatedBox;
+//# sourceMappingURL=AnimatedBox.js.map

package/lib/commonjs/components/view/AnimatedBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","_interopRequireDefault","require","_Box","e","__esModule","default","AnimatedBox","Animated","createAnimatedComponent","Box","_default","exports"],"sourceRoot":"../../../../src","sources":["components/view/AnimatedBox.tsx"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAwB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAFxB;;AAIA,MAAMG,WAAW,GAAGC,8BAAQ,CAACC,uBAAuB,CAACC,YAAG,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAE3CC,WAAW","ignoreList":[]}

package/lib/commonjs/components/view/AnimatedThemedView.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _AnimatedBox = _interopRequireDefault(require("./AnimatedBox.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedThemedView = t0 => {
+  const $ = (0, _compilerRuntime.c)(6);
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      backgroundColor: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+    $[2] = t1;
+  } else {
+    props = $[1];
+    t1 = $[2];
+  }
+  const backgroundColor = t1 === undefined ? "background" : t1;
+  let t2;
+  if ($[3] !== backgroundColor || $[4] !== props) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedBox.default, {
+      backgroundColor: backgroundColor,
+      accessible: true,
+      role: "group",
+      ...props
+    });
+    $[3] = backgroundColor;
+    $[4] = props;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+var _default = exports.default = AnimatedThemedView;
+//# sourceMappingURL=AnimatedThemedView.js.map

package/lib/commonjs/components/view/AnimatedThemedView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AnimatedBox","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","AnimatedThemedView","t0","$","_compilerRuntime","c","props","t1","backgroundColor","undefined","t2","jsx","accessible","role","_default","exports"],"sourceRoot":"../../../../src","sources":["components/view/AnimatedThemedView.tsx"],"mappings":";;;;;;;AAEA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,kBAA+C,GAAGC,EAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAAA,IAAAC,KAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAD,EAAA;IAAC;MAAAM,eAAA,EAAAD,EAAA;MAAA,GAAAD;IAAA,IAAAJ,EAGxD;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,KAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFC,MAAAK,eAAA,GAAAD,EAA8B,KAAAE,SAAA,GAAZ,YAAY,GAA9BF,EAA8B;EAAA,IAAAG,EAAA;EAAA,IAAAP,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAG,KAAA;IAI5BI,EAAA,oBAAAb,WAAA,CAAAc,GAAA,EAACjB,YAAA,CAAAM,OAAW;MACOQ,eAAe,EAAfA,eAAe;MACpBI,UAAI;MACVC,IAAO,EAAP,OAAO;MAAA,GACTP;IAAK,CACV,CAAC;IAAAH,CAAA,MAAAK,eAAA;IAAAL,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAA,OALFO,EAKE;AAAA,CAEL;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaC,kBAAkB","ignoreList":[]}

package/lib/commonjs/components/view/Box.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _restyle = require("@shopify/restyle");
+/** @internal */
+
+const Box = (0, _restyle.createBox)();
+var _default = exports.default = Box;
+//# sourceMappingURL=Box.js.map

package/lib/commonjs/components/view/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_restyle","require","Box","createBox","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/view/Box.tsx"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AADA;;AAIA,MAAMC,GAAG,GAAG,IAAAC,kBAAS,EAAQ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEhBJ,GAAG","ignoreList":[]}

package/lib/commonjs/components/view/ThemedScreenWrap.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _style = require("../../hooks/style.js");
+var _func = require("../../utils/style/func.js");
+var _ThemedView = _interopRequireDefault(require("./ThemedView.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedScreenWrap = t0 => {
+  const $ = (0, _compilerRuntime.c)(30);
+  let insetBottom;
+  let insetLeft;
+  let insetPaddingBottom;
+  let insetPaddingLeft;
+  let insetPaddingRight;
+  let insetPaddingTop;
+  let insetRight;
+  let insetTop;
+  let insets;
+  let insetsPadding;
+  let props;
+  let themedScreenWrapStyle;
+  if ($[0] !== t0) {
+    ({
+      style: themedScreenWrapStyle,
+      insets,
+      insetTop,
+      insetBottom,
+      insetLeft,
+      insetRight,
+      insetsPadding,
+      insetPaddingTop,
+      insetPaddingBottom,
+      insetPaddingLeft,
+      insetPaddingRight,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = insetBottom;
+    $[2] = insetLeft;
+    $[3] = insetPaddingBottom;
+    $[4] = insetPaddingLeft;
+    $[5] = insetPaddingRight;
+    $[6] = insetPaddingTop;
+    $[7] = insetRight;
+    $[8] = insetTop;
+    $[9] = insets;
+    $[10] = insetsPadding;
+    $[11] = props;
+    $[12] = themedScreenWrapStyle;
+  } else {
+    insetBottom = $[1];
+    insetLeft = $[2];
+    insetPaddingBottom = $[3];
+    insetPaddingLeft = $[4];
+    insetPaddingRight = $[5];
+    insetPaddingTop = $[6];
+    insetRight = $[7];
+    insetTop = $[8];
+    insets = $[9];
+    insetsPadding = $[10];
+    props = $[11];
+    themedScreenWrapStyle = $[12];
+  }
+  let t1;
+  if ($[13] !== insetBottom || $[14] !== insetLeft || $[15] !== insetPaddingBottom || $[16] !== insetPaddingLeft || $[17] !== insetPaddingRight || $[18] !== insetPaddingTop || $[19] !== insetRight || $[20] !== insetTop || $[21] !== insets || $[22] !== insetsPadding) {
+    t1 = {
+      insets,
+      insetTop,
+      insetBottom,
+      insetLeft,
+      insetRight,
+      insetsPadding,
+      insetPaddingTop,
+      insetPaddingBottom,
+      insetPaddingLeft,
+      insetPaddingRight
+    };
+    $[13] = insetBottom;
+    $[14] = insetLeft;
+    $[15] = insetPaddingBottom;
+    $[16] = insetPaddingLeft;
+    $[17] = insetPaddingRight;
+    $[18] = insetPaddingTop;
+    $[19] = insetRight;
+    $[20] = insetTop;
+    $[21] = insets;
+    $[22] = insetsPadding;
+    $[23] = t1;
+  } else {
+    t1 = $[23];
+  }
+  const insetsStyle = (0, _style.useInsetsStyle)(t1);
+  let t2;
+  if ($[24] !== insetsStyle || $[25] !== themedScreenWrapStyle) {
+    t2 = (0, _func.composeStyles)(themedScreenWrapStyle, insetsStyle);
+    $[24] = insetsStyle;
+    $[25] = themedScreenWrapStyle;
+    $[26] = t2;
+  } else {
+    t2 = $[26];
+  }
+  const style = t2;
+  let t3;
+  if ($[27] !== props || $[28] !== style) {
+    t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedView.default, {
+      flex: 1,
+      style: style,
+      ...props
+    });
+    $[27] = props;
+    $[28] = style;
+    $[29] = t3;
+  } else {
+    t3 = $[29];
+  }
+  return t3;
+};
+var _default = exports.default = ThemedScreenWrap;
+//# sourceMappingURL=ThemedScreenWrap.js.map

package/lib/commonjs/components/view/ThemedScreenWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_style","require","_func","_ThemedView","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ThemedScreenWrap","t0","$","_compilerRuntime","c","insetBottom","insetLeft","insetPaddingBottom","insetPaddingLeft","insetPaddingRight","insetPaddingTop","insetRight","insetTop","insets","insetsPadding","props","themedScreenWrapStyle","style","t1","insetsStyle","useInsetsStyle","t2","composeStyles","t3","jsx","flex","_default","exports"],"sourceRoot":"../../../../src","sources":["components/view/ThemedScreenWrap.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/view/ThemedScreenWrap.web.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _compilerRuntime = require("react/compiler-runtime");
+var _style = require("../../hooks/style.js");
+var _func = require("../../utils/style/func.js");
+var _ThemedView = _interopRequireDefault(require("./ThemedView.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemedScreenWrap = t0 => {
+  const $ = (0, _compilerRuntime.c)(31);
+  let insetBottom;
+  let insetLeft;
+  let insetPaddingBottom;
+  let insetPaddingLeft;
+  let insetPaddingRight;
+  let insetPaddingTop;
+  let insetRight;
+  let insetTop;
+  let insets;
+  let insetsPadding;
+  let props;
+  let themedScreenWrapStyle;
+  if ($[0] !== t0) {
+    ({
+      style: themedScreenWrapStyle,
+      insets,
+      insetTop,
+      insetBottom,
+      insetLeft,
+      insetRight,
+      insetsPadding,
+      insetPaddingTop,
+      insetPaddingBottom,
+      insetPaddingLeft,
+      insetPaddingRight,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = insetBottom;
+    $[2] = insetLeft;
+    $[3] = insetPaddingBottom;
+    $[4] = insetPaddingLeft;
+    $[5] = insetPaddingRight;
+    $[6] = insetPaddingTop;
+    $[7] = insetRight;
+    $[8] = insetTop;
+    $[9] = insets;
+    $[10] = insetsPadding;
+    $[11] = props;
+    $[12] = themedScreenWrapStyle;
+  } else {
+    insetBottom = $[1];
+    insetLeft = $[2];
+    insetPaddingBottom = $[3];
+    insetPaddingLeft = $[4];
+    insetPaddingRight = $[5];
+    insetPaddingTop = $[6];
+    insetRight = $[7];
+    insetTop = $[8];
+    insets = $[9];
+    insetsPadding = $[10];
+    props = $[11];
+    themedScreenWrapStyle = $[12];
+  }
+  const height = (0, _style.useWindowDimensionsHeight)();
+  let t1;
+  if ($[13] !== insetBottom || $[14] !== insetLeft || $[15] !== insetPaddingBottom || $[16] !== insetPaddingLeft || $[17] !== insetPaddingRight || $[18] !== insetPaddingTop || $[19] !== insetRight || $[20] !== insetTop || $[21] !== insets || $[22] !== insetsPadding) {
+    t1 = {
+      insets,
+      insetTop,
+      insetBottom,
+      insetLeft,
+      insetRight,
+      insetsPadding,
+      insetPaddingTop,
+      insetPaddingBottom,
+      insetPaddingLeft,
+      insetPaddingRight
+    };
+    $[13] = insetBottom;
+    $[14] = insetLeft;
+    $[15] = insetPaddingBottom;
+    $[16] = insetPaddingLeft;
+    $[17] = insetPaddingRight;
+    $[18] = insetPaddingTop;
+    $[19] = insetRight;
+    $[20] = insetTop;
+    $[21] = insets;
+    $[22] = insetsPadding;
+    $[23] = t1;
+  } else {
+    t1 = $[23];
+  }
+  const insetsStyle = (0, _style.useInsetsStyle)(t1);
+  let t2;
+  if ($[24] !== insetsStyle || $[25] !== themedScreenWrapStyle) {
+    t2 = (0, _func.composeStyles)(themedScreenWrapStyle, insetsStyle);
+    $[24] = insetsStyle;
+    $[25] = themedScreenWrapStyle;
+    $[26] = t2;
+  } else {
+    t2 = $[26];
+  }
+  const style = t2;
+  let t3;
+  if ($[27] !== height || $[28] !== props || $[29] !== style) {
+    t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedView.default, {
+      height: height,
+      style: style,
+      ...props
+    });
+    $[27] = height;
+    $[28] = props;
+    $[29] = style;
+    $[30] = t3;
+  } else {
+    t3 = $[30];
+  }
+  return t3;
+};
+var _default = exports.default = ThemedScreenWrap;
+//# sourceMappingURL=ThemedScreenWrap.web.js.map