react-native-system-ui 0.0.7 → 1.0.1

package/dist/cjs/hooks/useControllableValue.js

@@ -20,33 +20,22 @@ function useControllableValue(props = {}, options = {}) {
     valuePropName = 'value',
     trigger = 'onChange'
   } = options;
-  const propsRecord = props;
-  const isControlled = hasProp(props, valuePropName);
-  const value = propsRecord[valuePropName];
-  const [internalValue, setInternalValue] = (0, _react().useState)(() => {
-    if (isControlled) {
-      return value;
-    }
-    if (hasProp(props, defaultValuePropName)) {
-      return propsRecord[defaultValuePropName];
-    }
+  const p = props;
+  const ctrl = hasProp(props, valuePropName);
+  const val = p[valuePropName];
+  const [intVal, setIntVal] = (0, _react().useState)(() => {
+    if (ctrl) return val;
+    if (hasProp(props, defaultValuePropName)) return p[defaultValuePropName];
     return defaultValue;
   });
-  const mergedValue = isControlled ? value : internalValue;
-  const handlerRef = (0, _react().useRef)(propsRecord[trigger]);
+  const hRef = (0, _react().useRef)(p[trigger]);
   (0, _react().useEffect)(() => {
-    handlerRef.current = propsRecord[trigger];
+    hRef.current = p[trigger];
   }, [props, trigger]);
-  const triggerChange = (0, _react().useCallback)((nextValue, ...args) => {
-    if (!isControlled) {
-      setInternalValue(nextValue);
-    }
-    const handler = handlerRef.current;
-    if ((0, _validate.isFunction)(handler)) {
-      ;
-      handler(nextValue, ...args);
-    }
-  }, [isControlled]);
-  return [mergedValue, triggerChange];
+  const setVal = (0, _react().useCallback)((next, ...args) => {
+    if (!ctrl) setIntVal(next);
+    if ((0, _validate.isFunction)(hRef.current)) hRef.current(next, ...args);
+  }, [ctrl]);
+  return [ctrl ? val : intVal, setVal];
 }
 var _default = exports.default = useControllableValue;

package/dist/cjs/hooks/useCountDown.js

@@ -13,19 +13,14 @@ function _react() {
 }
 var _validate = require("../utils/validate");
 const parseTime = time => {
-  const total = Math.max(time, 0);
-  const days = Math.floor(total / (24 * 60 * 60 * 1000));
-  const hours = Math.floor(total % (24 * 60 * 60 * 1000) / (60 * 60 * 1000));
-  const minutes = Math.floor(total % (60 * 60 * 1000) / (60 * 1000));
-  const seconds = Math.floor(total % (60 * 1000) / 1000);
-  const milliseconds = total % 1000;
+  const t = Math.max(time, 0);
   return {
-    total,
-    days,
-    hours,
-    minutes,
-    seconds,
-    milliseconds
+    total: t,
+    days: Math.floor(t / 86400000),
+    hours: Math.floor(t % 86400000 / 3600000),
+    minutes: Math.floor(t % 3600000 / 60000),
+    seconds: Math.floor(t % 60000 / 1000),
+    milliseconds: t % 1000
   };
 };
 exports.parseTime = parseTime;
@@ -37,11 +32,11 @@ const useCountDown = options => {
     onFinish
   } = options;
   const timeRef = (0, _react().useRef)(time);
-  const millisecondRef = (0, _react().useRef)(millisecond);
+  const msRef = (0, _react().useRef)(millisecond);
   const onChangeRef = (0, _react().useRef)(onChange);
   const onFinishRef = (0, _react().useRef)(onFinish);
   timeRef.current = time;
-  millisecondRef.current = millisecond;
+  msRef.current = millisecond;
   onChangeRef.current = onChange;
   onFinishRef.current = onFinish;
   const remainRef = (0, _react().useRef)(Math.max(0, time));
@@ -49,34 +44,31 @@ const useCountDown = options => {
   const timerRef = (0, _react().useRef)(null);
   const countingRef = (0, _react().useRef)(false);
   const [current, setCurrent] = (0, _react().useState)(() => parseTime(remainRef.current));
-  const clearTimer = (0, _react().useCallback)(() => {
+  const clear = (0, _react().useCallback)(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const update = (0, _react().useCallback)(remain => {
-    remainRef.current = remain;
-    const next = parseTime(remain);
+  const update = (0, _react().useCallback)(rem => {
+    remainRef.current = rem;
+    const next = parseTime(rem);
     setCurrent(next);
     onChangeRef.current?.(next);
-    if (remain === 0) {
+    if (rem === 0) {
       countingRef.current = false;
-      clearTimer();
+      clear();
       onFinishRef.current?.();
     }
-  }, [clearTimer]);
+  }, [clear]);
   const tick = (0, _react().useCallback)(() => {
     if (!countingRef.current) return;
-    clearTimer();
-    const remain = Math.max(endTimeRef.current - Date.now(), 0);
-    update(remain);
-    if (remain <= 0) return;
-    const delay = millisecondRef.current ? Math.max(1, Math.min(30, remain)) : Math.max(1, Math.min(remain, remain % 1000 + 1));
-    timerRef.current = setTimeout(() => {
-      tick();
-    }, delay);
-  }, [clearTimer, update]);
+    clear();
+    const rem = Math.max(endTimeRef.current - Date.now(), 0);
+    update(rem);
+    if (rem <= 0) return;
+    timerRef.current = setTimeout(tick, msRef.current ? Math.max(1, Math.min(30, rem)) : Math.max(1, Math.min(rem, rem % 1000 + 1)));
+  }, [clear, update]);
   const start = (0, _react().useCallback)(() => {
     if (countingRef.current || remainRef.current <= 0) return;
     countingRef.current = true;
@@ -87,16 +79,16 @@ const useCountDown = options => {
     if (!countingRef.current) return;
     countingRef.current = false;
     remainRef.current = Math.max(endTimeRef.current - Date.now(), 0);
-    clearTimer();
-  }, [clearTimer]);
-  const reset = (0, _react().useCallback)(newTime => {
+    clear();
+  }, [clear]);
+  const reset = (0, _react().useCallback)(newT => {
     pause();
-    const next = Math.max(0, (0, _validate.isNumber)(newTime) ? newTime : timeRef.current);
-    remainRef.current = next;
-    endTimeRef.current = Date.now() + next;
-    setCurrent(parseTime(next));
+    const n = Math.max(0, (0, _validate.isNumber)(newT) ? newT : timeRef.current);
+    remainRef.current = n;
+    endTimeRef.current = Date.now() + n;
+    setCurrent(parseTime(n));
   }, [pause]);
-  (0, _react().useEffect)(() => () => clearTimer(), [clearTimer]);
+  (0, _react().useEffect)(() => () => clear(), [clear]);
   return {
     start,
     pause,

package/dist/cjs/hooks/useHairline.js

@@ -27,32 +27,20 @@ const useHairline = ({
   color,
   width,
   defaultPaddingHorizontal = 0
-}) => {
-  return (0, _react().useMemo)(() => {
-    if (!show) return null;
-    const flattened = _reactNative().StyleSheet.flatten(containerStyle);
-    const paddingHorizontal = (0, _validate.isNumber)(flattened?.paddingHorizontal) ? flattened.paddingHorizontal : undefined;
-    const resolveInset = (primary, secondary) => (0, _validate.isNumber)(primary) ? primary : (0, _validate.isNumber)(secondary) ? secondary : (0, _validate.isNumber)(paddingHorizontal) ? paddingHorizontal : defaultPaddingHorizontal;
-    const resolvedPadding = {
-      left: resolveInset(flattened?.paddingLeft, flattened?.paddingStart),
-      right: resolveInset(flattened?.paddingRight, flattened?.paddingEnd)
-    };
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [styles.hairline, (0, _hairline.createHairlineView)({
-        position: 'bottom',
-        color,
-        left: resolvedPadding.left,
-        right: resolvedPadding.right,
-        enabled: width > 0,
-        width
-      })]
-    });
-  }, [show, containerStyle, color, width, defaultPaddingHorizontal]);
-};
-exports.useHairline = useHairline;
-const styles = _reactNative().StyleSheet.create({
-  hairline: {
-    position: 'absolute',
-    bottom: 0
-  }
-});
+}) => (0, _react().useMemo)(() => {
+  if (!show) return null;
+  const f = _reactNative().StyleSheet.flatten(containerStyle);
+  const ph = (0, _validate.isNumber)(f?.paddingHorizontal) ? f.paddingHorizontal : undefined;
+  const r = (a, b) => (0, _validate.isNumber)(a) ? a : (0, _validate.isNumber)(b) ? b : (0, _validate.isNumber)(ph) ? ph : defaultPaddingHorizontal;
+  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: (0, _hairline.createHairlineView)({
+      position: 'bottom',
+      color,
+      left: r(f?.paddingLeft, f?.paddingStart),
+      right: r(f?.paddingRight, f?.paddingEnd),
+      enabled: width > 0,
+      width
+    })
+  });
+}, [show, containerStyle, color, width, defaultPaddingHorizontal]);
+exports.useHairline = useHairline;

package/dist/cjs/hooks/useSafeAreaPadding.js

@@ -21,10 +21,7 @@ function _reactNativeSafeAreaContext() {
 function useSafeAreaPadding(min) {
   const insets = (0, _reactNativeSafeAreaContext().useSafeAreaInsets)();
   if (_reactNative().Platform.OS === 'web') {
-    const t = min?.top ?? 0,
-      b = min?.bottom ?? 0,
-      l = min?.left ?? 0,
-      r = min?.right ?? 0;
+    const [t, b, l, r] = [min?.top ?? 0, min?.bottom ?? 0, min?.left ?? 0, min?.right ?? 0];
     return {
       paddingTop: `max(env(safe-area-inset-top, 0px), ${t}px)`,
       paddingBottom: `max(env(safe-area-inset-bottom, 0px), ${b}px)`,

package/dist/cjs/index.js

@@ -3,9 +3,68 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  flipStyle: true,
+  rtlRow: true,
+  deepMerge: true,
+  createPlatformShadow: true,
+  nativeDriverEnabled: true,
+  isWeb: true,
+  isIOS: true,
+  isAndroid: true
+};
+Object.defineProperty(exports, "createPlatformShadow", {
+  enumerable: true,
+  get: function () {
+    return _createPlatformShadow.createPlatformShadow;
+  }
+});
+Object.defineProperty(exports, "deepMerge", {
+  enumerable: true,
+  get: function () {
+    return _deepMerge.deepMerge;
+  }
+});
+Object.defineProperty(exports, "flipStyle", {
+  enumerable: true,
+  get: function () {
+    return _rtl.flipStyle;
+  }
+});
+Object.defineProperty(exports, "isAndroid", {
+  enumerable: true,
+  get: function () {
+    return _runtime.isAndroid;
+  }
+});
+Object.defineProperty(exports, "isIOS", {
+  enumerable: true,
+  get: function () {
+    return _runtime.isIOS;
+  }
+});
+Object.defineProperty(exports, "isWeb", {
+  enumerable: true,
+  get: function () {
+    return _runtime.isWeb;
+  }
+});
+Object.defineProperty(exports, "nativeDriverEnabled", {
+  enumerable: true,
+  get: function () {
+    return _animation.nativeDriverEnabled;
+  }
+});
+Object.defineProperty(exports, "rtlRow", {
+  enumerable: true,
+  get: function () {
+    return _rtl.rtlRow;
+  }
+});
 var _components = require("./components");
 Object.keys(_components).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _components[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +76,7 @@ Object.keys(_components).forEach(function (key) {
 var _designSystem = require("./design-system");
 Object.keys(_designSystem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _designSystem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,6 +88,7 @@ Object.keys(_designSystem).forEach(function (key) {
 var _hooks = require("./hooks");
 Object.keys(_hooks).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _hooks[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -35,4 +96,9 @@ Object.keys(_hooks).forEach(function (key) {
       return _hooks[key];
     }
   });
-});
+});
+var _rtl = require("./utils/rtl");
+var _deepMerge = require("./utils/deepMerge");
+var _createPlatformShadow = require("./utils/createPlatformShadow");
+var _animation = require("./platform/animation");
+var _runtime = require("./platform/runtime");

package/dist/cjs/platform/animation.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.nativeDriverEnabled = void 0;
+exports.nativeDriverEnabled = exports.hardwareAccelerationProps = exports.defaultAnimationConfig = void 0;
 function _reactNative() {
   const data = require("react-native");
   _reactNative = function () {
@@ -11,4 +11,12 @@ function _reactNative() {
   };
   return data;
 }
-const nativeDriverEnabled = exports.nativeDriverEnabled = _reactNative().Platform.OS !== 'web';
+const nativeDriverEnabled = exports.nativeDriverEnabled = _reactNative().Platform.OS !== 'web';
+const defaultAnimationConfig = exports.defaultAnimationConfig = {
+  useNativeDriver: nativeDriverEnabled,
+  isInteraction: false
+};
+const hardwareAccelerationProps = exports.hardwareAccelerationProps = {
+  renderToHardwareTextureAndroid: _reactNative().Platform.OS === 'android',
+  shouldRasterizeIOS: _reactNative().Platform.OS === 'ios'
+};

package/dist/cjs/platform/measure.js

@@ -5,51 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.measureInWindow = void 0;
 var _validate = require("../utils/validate");
-const measureInWindow = (node, callback) => {
+const toRect = (x, y, w, h) => [x, y, w, h].every(Number.isFinite) ? {
+  x: x,
+  y: y,
+  width: w,
+  height: h
+} : null;
+const measureInWindow = (node, cb) => {
   if (!node) {
-    callback(null);
+    cb(null);
     return;
   }
+  ;
   try {
-    const maybeMeasureNode = node;
-    if ((0, _validate.isFunction)(maybeMeasureNode.measureInWindow)) {
-      maybeMeasureNode.measureInWindow((x, y, width, height) => {
-        if (![x, y, width, height].every(Number.isFinite)) {
-          callback(null);
-          return;
-        }
-        callback({
-          x,
-          y,
-          width,
-          height
-        });
-      });
+    const mn = node;
+    if ((0, _validate.isFunction)(mn.measureInWindow)) {
+      mn.measureInWindow((x, y, w, h) => cb(toRect(x, y, w, h)));
       return;
     }
-    const maybeDomNode = node;
-    if ((0, _validate.isFunction)(maybeDomNode.getBoundingClientRect)) {
-      const rect = maybeDomNode.getBoundingClientRect();
-      const x = rect?.left;
-      const y = rect?.top;
-      const width = rect?.width;
-      const height = rect?.height;
-      if (![x, y, width, height].every(Number.isFinite)) {
-        callback(null);
-        return;
-      }
-      callback({
-        x: x,
-        y: y,
-        width: width,
-        height: height
-      });
+    ;
+    const dn = node;
+    if ((0, _validate.isFunction)(dn.getBoundingClientRect)) {
+      const r = dn.getBoundingClientRect();
+      cb(toRect(r?.left, r?.top, r?.width, r?.height));
       return;
     }
-  } catch (_error) {
-    callback(null);
-    return;
+    ;
+    cb(null);
+  } catch {
+    cb(null);
   }
-  callback(null);
 };
 exports.measureInWindow = measureInWindow;

package/dist/cjs/utils/color.js

@@ -3,50 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withAlpha = exports.hexToRgb = exports.extractFirstColorToken = exports.ensureRgba = void 0;
+exports.withAlpha = exports.hexToRgb = void 0;
 var _number = require("./number");
-const hexRegex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+const HEX_RE = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
 const hexToRgb = input => {
-  if (!hexRegex.test(input)) return null;
-  const normalized = input.length === 4 ? `#${input[1]}${input[1]}${input[2]}${input[2]}${input[3]}${input[3]}` : input;
-  const intVal = parseInt(normalized.slice(1), 16);
-  const r = intVal >> 16 & 255;
-  const g = intVal >> 8 & 255;
-  const b = intVal & 255;
-  return [r, g, b];
+  if (!HEX_RE.test(input)) return null;
+  const h = input.length === 4 ? `#${input[1]}${input[1]}${input[2]}${input[2]}${input[3]}${input[3]}` : input;
+  const v = parseInt(h.slice(1), 16);
+  return [v >> 16 & 255, v >> 8 & 255, v & 255];
 };
 exports.hexToRgb = hexToRgb;
-const parseRgbChannels = input => {
-  const match = input.match(/^rgba?\(([^)]*)\)$/i);
-  if (!match) return null;
-  const parts = match[1].split(',').map(part => part.trim()).slice(0, 3);
-  const numeric = parts.map(value => Number(value));
-  if (!numeric.every(channel => Number.isFinite(channel))) return null;
-  return [numeric[0], numeric[1], numeric[2]];
+const parseRgb = input => {
+  const m = input.match(/^rgba?\(([^)]*)\)$/i);
+  if (!m) return null;
+  const n = m[1].split(',').map(s => Number(s.trim()));
+  return n.length >= 3 && n.every(Number.isFinite) ? [n[0], n[1], n[2]] : null;
 };
 const withAlpha = (color, alpha) => {
-  const clamped = (0, _number.clamp01)(alpha);
-  const trimmed = color?.trim?.() ?? '';
-  if (!trimmed) return color;
-  if (trimmed.startsWith('#')) {
-    const rgb = hexToRgb(trimmed);
-    return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${clamped})` : color;
+  const a = (0, _number.clamp01)(alpha);
+  const t = color?.trim?.() ?? '';
+  if (!t) return color;
+  if (t.startsWith('#')) {
+    const rgb = hexToRgb(t);
+    return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${a})` : color;
   }
-  const rgb = parseRgbChannels(trimmed);
-  if (rgb) return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${clamped})`;
-  return trimmed;
+  const rgb = parseRgb(t);
+  return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${a})` : t;
 };
-exports.withAlpha = withAlpha;
-const ensureRgba = (color, alpha) => {
-  const trimmed = color.trim().toLowerCase();
-  if (trimmed.startsWith('rgba')) return color;
-  return withAlpha(color, alpha);
-};
-exports.ensureRgba = ensureRgba;
-const gradientColorRegex = /(#[0-9a-fA-F]{3,8}|rgba?\([^)]*\)|hsla?\([^)]*\))/i;
-const extractFirstColorToken = input => {
-  if (!input) return undefined;
-  const match = input.match(gradientColorRegex);
-  return match ? match[0] : undefined;
-};
-exports.extractFirstColorToken = extractFirstColorToken;
+exports.withAlpha = withAlpha;

package/dist/cjs/utils/compare.js

@@ -6,21 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.shallowEqualObject = exports.shallowEqualArray = void 0;
 const shallowEqualArray = (a = [], b = []) => {
   if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i += 1) {
-    if (a[i] !== b[i]) return false;
-  }
+  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;
   return true;
 };
 exports.shallowEqualArray = shallowEqualArray;
-const shallowEqualObject = (prev, next) => {
-  if (prev === next) return true;
-  if (!prev || !next) return false;
-  const prevKeys = Object.keys(prev);
-  const nextKeys = Object.keys(next);
-  if (prevKeys.length !== nextKeys.length) return false;
-  for (const key of prevKeys) {
-    if (prev[key] !== next[key]) return false;
-  }
+const shallowEqualObject = (a, b) => {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  const ks = Object.keys(a);
+  if (ks.length !== Object.keys(b).length) return false;
+  for (const k of ks) if (a[k] !== b[k]) return false;
   return true;
 };
 exports.shallowEqualObject = shallowEqualObject;

package/dist/cjs/utils/createPlatformShadow.js

@@ -11,52 +11,41 @@ function _reactNative() {
   };
   return data;
 }
-const hexToRgba = (hex, alpha) => {
-  const normalized = hex.replace('#', '');
-  const expand = normalized.length === 3 ? normalized.split('').map(char => char + char).join('') : normalized;
-  if (expand.length < 6) {
-    return hex;
-  }
-  const bigint = parseInt(expand.slice(0, 6), 16);
-  const r = bigint >> 16 & 255;
-  const g = bigint >> 8 & 255;
-  const b = bigint & 255;
-  const clampedAlpha = Math.max(0, Math.min(1, alpha));
-  return `rgba(${r}, ${g}, ${b}, ${clampedAlpha})`;
-};
-const ensureRgbaColor = (color, alpha) => {
-  const trimmed = color.trim().toLowerCase();
-  if (trimmed.startsWith('#')) {
-    return hexToRgba(trimmed, alpha);
-  }
-  if (trimmed.startsWith('rgba')) {
-    return color;
-  }
-  if (trimmed.startsWith('rgb(')) {
-    return color.replace(/rgb\(([^)]*)\)/i, (_, inner) => `rgba(${inner}, ${alpha})`);
+const toRgba = (color, alpha) => {
+  const t = color.trim();
+  if (t.startsWith('#')) {
+    const h = t.replace('#', '');
+    const e = h.length === 3 ? h.split('').map(c => c + c).join('') : h;
+    if (e.length < 6) return color;
+    const n = parseInt(e.slice(0, 6), 16);
+    return `rgba(${n >> 16 & 255}, ${n >> 8 & 255}, ${n & 255}, ${Math.max(0, Math.min(1, alpha))})`;
   }
+  if (t.startsWith('rgba')) return color;
+  if (t.startsWith('rgb(')) return color.replace(/rgb\(([^)]*)\)/i, (_, i) => `rgba(${i}, ${alpha})`);
   return color;
 };
-const createPlatformShadow = config => {
-  const nativeShadow = {
-    shadowColor: config.color,
-    shadowOpacity: config.opacity,
-    shadowRadius: config.radius,
+const createPlatformShadow = ({
+  color,
+  opacity,
+  radius,
+  offsetY,
+  offsetX = 0,
+  elevation
+}) => {
+  if (_reactNative().Platform.OS !== 'web') return {
+    shadowColor: color,
+    shadowOpacity: opacity,
+    shadowRadius: radius,
     shadowOffset: {
-      width: config.offsetX ?? 0,
-      height: config.offsetY
+      width: offsetX,
+      height: offsetY
     },
-    ...(config.elevation !== undefined ? {
-      elevation: config.elevation
-    } : null)
+    ...(elevation !== undefined && {
+      elevation
+    })
   };
-  if (_reactNative().Platform.OS !== 'web') {
-    return nativeShadow;
-  }
-  const blur = Math.max(config.radius * 1.5, config.radius);
-  const boxShadowColor = ensureRgbaColor(config.color, config.opacity);
   return {
-    boxShadow: `${config.offsetX ?? 0}px ${config.offsetY}px ${blur}px ${boxShadowColor}`
+    boxShadow: `${offsetX}px ${offsetY}px ${radius * 1.5}px ${toRgba(color, opacity)}`
   };
 };
 exports.createPlatformShadow = createPlatformShadow;