@oxyhq/services 5.16.23 → 5.16.25

package/lib/module/ui/components/profile/EditLocationModal.js

@@ -0,0 +1,267 @@
+"use strict";
+
+import React, { useState, useEffect } from 'react';
+import { View, Text, TextInput, TouchableOpacity, StyleSheet, Modal, Platform, ScrollView } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useThemeStyles } from '../../hooks/useThemeStyles';
+import { useColorScheme } from '../../hooks/use-color-scheme';
+import { useI18n } from '../../hooks/useI18n';
+import { fontFamilies } from '../../styles/fonts';
+import { useProfileEditing } from '../../hooks/useProfileEditing';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EditLocationModal = ({
+  visible,
+  onClose,
+  initialLocations = [],
+  theme = 'light',
+  onSave
+}) => {
+  const {
+    t
+  } = useI18n();
+  const colorScheme = useColorScheme();
+  const themeStyles = useThemeStyles(theme || 'light', colorScheme);
+  const colors = themeStyles.colors;
+  const {
+    saveProfile,
+    isSaving
+  } = useProfileEditing();
+  const [locations, setLocations] = useState(initialLocations);
+  const [newLocation, setNewLocation] = useState('');
+  useEffect(() => {
+    if (visible) {
+      setLocations(initialLocations);
+      setNewLocation('');
+    }
+  }, [visible, initialLocations]);
+  const handleAddLocation = () => {
+    if (!newLocation.trim()) return;
+    const location = {
+      id: `location-${Date.now()}`,
+      name: newLocation.trim()
+    };
+    setLocations([...locations, location]);
+    setNewLocation('');
+  };
+  const handleRemoveLocation = id => {
+    setLocations(locations.filter(loc => loc.id !== id));
+  };
+  const handleSave = async () => {
+    const success = await saveProfile({
+      locations
+    });
+    if (success) {
+      onSave?.();
+      onClose();
+    }
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    animationType: "slide",
+    transparent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.modalOverlay,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.modalContent, {
+          backgroundColor: colors.background
+        }],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.modalHeader,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: onClose,
+            style: styles.closeButton,
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "close",
+              size: 24,
+              color: colors.text
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.modalTitle, {
+              color: colors.text
+            }],
+            children: t('editProfile.items.locations.title') || 'Locations'
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: handleSave,
+            disabled: isSaving,
+            style: [styles.saveButton, {
+              opacity: isSaving ? 0.5 : 1
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.saveButtonText, {
+                color: colors.tint
+              }],
+              children: isSaving ? 'Saving...' : 'Save'
+            })
+          })]
+        }), /*#__PURE__*/_jsxs(ScrollView, {
+          style: styles.modalBody,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.inputGroup,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [styles.label, {
+                color: colors.text
+              }],
+              children: t('editProfile.items.locations.add') || 'Add Location'
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.addLocationRow,
+              children: [/*#__PURE__*/_jsx(TextInput, {
+                style: [styles.input, {
+                  backgroundColor: colors.card,
+                  color: colors.text,
+                  borderColor: colors.border,
+                  flex: 1
+                }],
+                value: newLocation,
+                onChangeText: setNewLocation,
+                placeholder: t('editProfile.items.locations.placeholder') || 'Enter location name',
+                placeholderTextColor: colors.secondaryText,
+                selectionColor: colors.tint
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: [styles.addButton, {
+                  backgroundColor: colors.tint
+                }],
+                onPress: handleAddLocation,
+                disabled: !newLocation.trim(),
+                children: /*#__PURE__*/_jsx(Ionicons, {
+                  name: "add",
+                  size: 20,
+                  color: "#fff"
+                })
+              })]
+            })]
+          }), locations.length > 0 && /*#__PURE__*/_jsxs(View, {
+            style: styles.locationsList,
+            children: [/*#__PURE__*/_jsxs(Text, {
+              style: [styles.listTitle, {
+                color: colors.text
+              }],
+              children: [t('editProfile.items.locations.yourLocations') || 'Your Locations', " (", locations.length, ")"]
+            }), locations.map((location, index) => /*#__PURE__*/_jsxs(View, {
+              style: [styles.locationItem, {
+                backgroundColor: colors.card,
+                borderColor: colors.border
+              }, index < locations.length - 1 && {
+                borderBottomWidth: StyleSheet.hairlineWidth
+              }],
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: [styles.locationName, {
+                  color: colors.text
+                }],
+                children: location.name
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                onPress: () => handleRemoveLocation(location.id),
+                style: styles.removeButton,
+                children: /*#__PURE__*/_jsx(Ionicons, {
+                  name: "trash-outline",
+                  size: 18,
+                  color: "#FF3B30"
+                })
+              })]
+            }, location.id))]
+          })]
+        })]
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'flex-end'
+  },
+  modalContent: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    paddingTop: Platform.OS === 'ios' ? 20 : 16,
+    maxHeight: '80%'
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingBottom: 16,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: '#E5E5EA'
+  },
+  closeButton: {
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold,
+    flex: 1,
+    textAlign: 'center'
+  },
+  saveButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  saveButtonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold
+  },
+  modalBody: {
+    padding: 16
+  },
+  inputGroup: {
+    gap: 8,
+    marginBottom: 24
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold
+  },
+  addLocationRow: {
+    flexDirection: 'row',
+    gap: 8,
+    alignItems: 'center'
+  },
+  input: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 12,
+    padding: 16,
+    fontSize: 16,
+    minHeight: 52
+  },
+  addButton: {
+    width: 52,
+    height: 52,
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  locationsList: {
+    gap: 8
+  },
+  listTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold,
+    marginBottom: 8
+  },
+  locationItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: 16,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  locationName: {
+    fontSize: 16,
+    flex: 1
+  },
+  removeButton: {
+    padding: 8
+  }
+});
+//# sourceMappingURL=EditLocationModal.js.map

package/lib/module/ui/components/profile/EditLocationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","View","Text","TextInput","TouchableOpacity","StyleSheet","Modal","Platform","ScrollView","Ionicons","useThemeStyles","useColorScheme","useI18n","fontFamilies","useProfileEditing","jsx","_jsx","jsxs","_jsxs","EditLocationModal","visible","onClose","initialLocations","theme","onSave","t","colorScheme","themeStyles","colors","saveProfile","isSaving","locations","setLocations","newLocation","setNewLocation","handleAddLocation","trim","location","id","Date","now","name","handleRemoveLocation","filter","loc","handleSave","success","animationType","transparent","onRequestClose","children","style","styles","modalOverlay","modalContent","backgroundColor","background","modalHeader","onPress","closeButton","size","color","text","modalTitle","disabled","saveButton","opacity","saveButtonText","tint","modalBody","inputGroup","label","addLocationRow","input","card","borderColor","border","flex","value","onChangeText","placeholder","placeholderTextColor","secondaryText","selectionColor","addButton","length","locationsList","listTitle","map","index","locationItem","borderBottomWidth","hairlineWidth","locationName","removeButton","create","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","OS","maxHeight","flexDirection","alignItems","paddingHorizontal","paddingBottom","borderBottomColor","width","height","fontSize","fontWeight","fontFamily","phuduSemiBold","textAlign","paddingVertical","padding","gap","marginBottom","borderWidth","borderRadius","minHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditLocationModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/profile/EditUsernameModal.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import React, { useState, useEffect } from 'react';
+import { View, Text, TextInput, TouchableOpacity, StyleSheet, Modal, Platform } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useThemeStyles } from '../../hooks/useThemeStyles';
+import { useColorScheme } from '../../hooks/use-color-scheme';
+import { useI18n } from '../../hooks/useI18n';
+import { fontFamilies } from '../../styles/fonts';
+import { useProfileEditing } from '../../hooks/useProfileEditing';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EditUsernameModal = ({
+  visible,
+  onClose,
+  initialValue = '',
+  theme = 'light',
+  onSave
+}) => {
+  const {
+    t
+  } = useI18n();
+  const colorScheme = useColorScheme();
+  const themeStyles = useThemeStyles(theme || 'light', colorScheme);
+  const colors = themeStyles.colors;
+  const {
+    updateField,
+    isSaving
+  } = useProfileEditing();
+  const [username, setUsername] = useState(initialValue);
+  useEffect(() => {
+    if (visible) {
+      setUsername(initialValue);
+    }
+  }, [visible, initialValue]);
+  const handleSave = async () => {
+    const success = await updateField('username', username);
+    if (success) {
+      onSave?.();
+      onClose();
+    }
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    animationType: "slide",
+    transparent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.modalOverlay,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.modalContent, {
+          backgroundColor: colors.background
+        }],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.modalHeader,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: onClose,
+            style: styles.closeButton,
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "close",
+              size: 24,
+              color: colors.text
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.modalTitle, {
+              color: colors.text
+            }],
+            children: t('editProfile.items.username.title') || 'Username'
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: handleSave,
+            disabled: isSaving || !username.trim(),
+            style: [styles.saveButton, {
+              opacity: isSaving || !username.trim() ? 0.5 : 1
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.saveButtonText, {
+                color: colors.tint
+              }],
+              children: isSaving ? 'Saving...' : 'Save'
+            })
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.modalBody,
+          children: /*#__PURE__*/_jsxs(View, {
+            style: styles.inputGroup,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [styles.label, {
+                color: colors.text
+              }],
+              children: t('editProfile.items.username.label') || 'Username'
+            }), /*#__PURE__*/_jsx(TextInput, {
+              style: [styles.input, {
+                backgroundColor: colors.card,
+                color: colors.text,
+                borderColor: colors.border
+              }],
+              value: username,
+              onChangeText: setUsername,
+              placeholder: t('editProfile.items.username.placeholder') || 'Choose a username',
+              placeholderTextColor: colors.secondaryText,
+              autoFocus: true,
+              autoCapitalize: "none",
+              autoCorrect: false,
+              selectionColor: colors.tint
+            })]
+          })
+        })]
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'flex-end'
+  },
+  modalContent: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    paddingTop: Platform.OS === 'ios' ? 20 : 16,
+    maxHeight: '80%'
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingBottom: 16,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: '#E5E5EA'
+  },
+  closeButton: {
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold,
+    flex: 1,
+    textAlign: 'center'
+  },
+  saveButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  saveButtonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold
+  },
+  modalBody: {
+    padding: 16,
+    gap: 16
+  },
+  inputGroup: {
+    gap: 8
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold
+  },
+  input: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 12,
+    padding: 16,
+    fontSize: 16,
+    minHeight: 52
+  }
+});
+//# sourceMappingURL=EditUsernameModal.js.map

package/lib/module/ui/components/profile/EditUsernameModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","View","Text","TextInput","TouchableOpacity","StyleSheet","Modal","Platform","Ionicons","useThemeStyles","useColorScheme","useI18n","fontFamilies","useProfileEditing","jsx","_jsx","jsxs","_jsxs","EditUsernameModal","visible","onClose","initialValue","theme","onSave","t","colorScheme","themeStyles","colors","updateField","isSaving","username","setUsername","handleSave","success","animationType","transparent","onRequestClose","children","style","styles","modalOverlay","modalContent","backgroundColor","background","modalHeader","onPress","closeButton","name","size","color","text","modalTitle","disabled","trim","saveButton","opacity","saveButtonText","tint","modalBody","inputGroup","label","input","card","borderColor","border","value","onChangeText","placeholder","placeholderTextColor","secondaryText","autoFocus","autoCapitalize","autoCorrect","selectionColor","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","OS","maxHeight","flexDirection","alignItems","paddingHorizontal","paddingBottom","borderBottomWidth","hairlineWidth","borderBottomColor","width","height","fontSize","fontWeight","fontFamily","phuduSemiBold","textAlign","paddingVertical","padding","gap","borderWidth","borderRadius","minHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditUsernameModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/styles/overlay.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import { Animated } from 'react-native';
+
+// Simple hex color manipulation without color package
+const hexToRgb = hex => {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return [r, g, b];
+};
+const rgbToHex = (r, g, b) => {
+  return `#${[r, g, b].map(x => {
+    const hex = Math.round(x).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  }).join('')}`;
+};
+const mixColors = (color1, color2, ratio) => {
+  const [r1, g1, b1] = hexToRgb(color1);
+  const [r2, g2, b2] = hexToRgb(color2);
+  const r = r1 + (r2 - r1) * ratio;
+  const g = g1 + (g2 - g1) * ratio;
+  const b = b1 + (b2 - b1) * ratio;
+  return rgbToHex(r, g, b);
+};
+export const isAnimatedValue = it => it instanceof Animated.Value;
+export default function overlay(elevation, surfaceColor = '#121212') {
+  if (isAnimatedValue(elevation)) {
+    const inputRange = [0, 1, 2, 3, 8, 24];
+
+    // @ts-expect-error: TS doesn't seem to refine the type correctly
+    return elevation.interpolate({
+      inputRange,
+      outputRange: inputRange.map(elevation => {
+        return calculateColor(surfaceColor, elevation);
+      })
+    });
+  }
+
+  // @ts-expect-error: TS doesn't seem to refine the type correctly
+  return calculateColor(surfaceColor, elevation);
+}
+function calculateColor(surfaceColor, elevation = 1) {
+  let overlayTransparency;
+  if (elevation >= 1 && elevation <= 24) {
+    overlayTransparency = elevationOverlayTransparency[elevation];
+  } else if (elevation > 24) {
+    overlayTransparency = elevationOverlayTransparency[24];
+  } else {
+    overlayTransparency = elevationOverlayTransparency[1];
+  }
+  return mixColors(surfaceColor, '#FFFFFF', overlayTransparency * 0.01);
+}
+const elevationOverlayTransparency = {
+  1: 5,
+  2: 7,
+  3: 8,
+  4: 9,
+  5: 10,
+  6: 11,
+  7: 11.5,
+  8: 12,
+  9: 12.5,
+  10: 13,
+  11: 13.5,
+  12: 14,
+  13: 14.25,
+  14: 14.5,
+  15: 14.75,
+  16: 15,
+  17: 15.12,
+  18: 15.24,
+  19: 15.36,
+  20: 15.48,
+  21: 15.6,
+  22: 15.72,
+  23: 15.84,
+  24: 16
+};
+//# sourceMappingURL=overlay.js.map

package/lib/module/ui/components/styles/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","hexToRgb","hex","r","parseInt","slice","g","b","rgbToHex","map","x","Math","round","toString","length","join","mixColors","color1","color2","ratio","r1","g1","b1","r2","g2","b2","isAnimatedValue","it","Value","overlay","elevation","surfaceColor","inputRange","interpolate","outputRange","calculateColor","overlayTransparency","elevationOverlayTransparency"],"sourceRoot":"../../../../../src","sources":["ui/components/styles/overlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/styles/shadow.js

@@ -0,0 +1,128 @@
+"use strict";
+
+import { Animated, Platform } from 'react-native';
+const SHADOW_COLOR = '#000000';
+const SHADOW_OPACITY = 0.24;
+const MD3_SHADOW_OPACITY = 0.3;
+const MD3_SHADOW_COLOR = '#000000';
+export default function shadow(elevation = 0, isV3 = false) {
+  return isV3 ? v3Shadow(elevation) : v2Shadow(elevation);
+}
+function v2Shadow(elevation = 0) {
+  if (elevation instanceof Animated.Value) {
+    const inputRange = [0, 1, 2, 3, 8, 24];
+    if (Platform.OS === 'ios') {
+      return {
+        shadowColor: SHADOW_COLOR,
+        shadowOffset: {
+          width: 0,
+          height: elevation.interpolate({
+            inputRange,
+            outputRange: [0, 0.5, 0.75, 2, 7, 23]
+          })
+        },
+        shadowOpacity: elevation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, SHADOW_OPACITY],
+          extrapolate: 'clamp'
+        }),
+        shadowRadius: elevation.interpolate({
+          inputRange,
+          outputRange: [0, 0.75, 1.5, 3, 8, 24]
+        })
+      };
+    } else {
+      return {
+        elevation: elevation.interpolate({
+          inputRange,
+          outputRange: [0, 1, 2, 3, 8, 24]
+        })
+      };
+    }
+  } else {
+    if (elevation === 0) {
+      return {};
+    }
+    let height, radius;
+    switch (elevation) {
+      case 1:
+        height = 0.5;
+        radius = 0.75;
+        break;
+      case 2:
+        height = 0.75;
+        radius = 1.5;
+        break;
+      default:
+        height = elevation - 1;
+        radius = elevation;
+    }
+    if (Platform.OS === 'ios') {
+      return {
+        shadowColor: SHADOW_COLOR,
+        shadowOffset: {
+          width: 0,
+          height
+        },
+        shadowOpacity: SHADOW_OPACITY,
+        shadowRadius: radius
+      };
+    } else {
+      return {
+        elevation: elevation
+      };
+    }
+  }
+}
+function v3Shadow(elevation = 0) {
+  const inputRange = [0, 1, 2, 3, 4, 5];
+  const shadowHeight = [0, 1, 2, 4, 6, 8];
+  const shadowRadius = [0, 3, 6, 8, 10, 12];
+  if (elevation instanceof Animated.Value) {
+    if (Platform.OS === 'ios') {
+      return {
+        shadowColor: MD3_SHADOW_COLOR,
+        shadowOffset: {
+          width: 0,
+          height: elevation.interpolate({
+            inputRange,
+            outputRange: shadowHeight
+          })
+        },
+        shadowOpacity: elevation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, MD3_SHADOW_OPACITY],
+          extrapolate: 'clamp'
+        }),
+        shadowRadius: elevation.interpolate({
+          inputRange,
+          outputRange: shadowRadius
+        })
+      };
+    } else {
+      return {
+        elevation: elevation.interpolate({
+          inputRange,
+          outputRange: [0, 1, 2, 3, 4, 5]
+        })
+      };
+    }
+  } else {
+    if (Platform.OS === 'ios') {
+      return {
+        shadowColor: MD3_SHADOW_COLOR,
+        shadowOpacity: elevation ? MD3_SHADOW_OPACITY : 0,
+        shadowOffset: {
+          width: 0,
+          height: shadowHeight[elevation] || 0
+        },
+        shadowRadius: shadowRadius[elevation] || 0
+      };
+    } else {
+      return {
+        elevation: elevation || 0
+      };
+    }
+  }
+}
+//# sourceMappingURL=shadow.js.map